it-swarm-eu.dev

jak použít CSS pro vlastní blok / zobrazení

Jako váš tutoriál hodně. Jsem opravdu úplně nový v Drupal a PHP a snažím se naučit se používat a navrhovat produkt pro svou práci. Nedávno jsem nainstaloval Drupal 7 a nainstaloval jsem mnoho modulů, se kterými si můžu hrát. Prohlédl jsem si online tutoriál a mám několik drupal7 knih, ale nenašel jsem žádnou odpověď na mé potřeby.

Moje otázka je, předpokládejme, že vytvořím jednoduchý blok pro zobrazení seznamu zpráv, jak mohu použít css pro tento blok. Kde lze přidat kódy CSS? Existuje v určitém adresáři nějaký konkrétní soubor css?

Prosím, dejte mi vědět, jestli mi v tom můžete pomoci. Pokud již máte vlákno otázek otevřeno nebo zodpovězeno dříve, můžete mi ukázat adresu URL. odpověď jsem zatím nenašel.

3
user1364

Záleží na tom, jaké téma používáte. Jádro Drupal témata jsou uložena pod/themes /. Pokud máte vlastní téma, mělo by být pravděpodobně nainstalováno v/sites/all/themes /. Různá témata mohou svůj hlavní soubor CSS pojmenovat odlišně , ale hledejte soubory CSC v adresáři motivu nebo podadresáři pod ním.

Odtud budete muset vědět, jaké ID nebo jméno třídy je spojeno s konkrétním blokem. Můžete kliknout pravým tlačítkem myši někde v bloku a vybrat "Inspect Element" pro prozkoumání zdrojového souboru. Nebo pro ještě větší výkon, doporučujeme nainstalovat rozšíření Firebug pro Firefox. Zjistit více o Firebug v tomto screencast .

Pro komplikovanější tematiku doporučujeme také nainstalovat modul Theme Developer. Umožní vám zjistit, jaký soubor tématu nebo funkce aktuálně vydává konkrétní část stránky, a také jaké soubory nebo funkce lze použít k jejich přepsání. Podrobnější informace naleznete na obrazovce obrazovky.

3
Matt V.

Dejte modulu Kód na uzel pohled, což vám umožní přidat vlastní css a js do jakéhokoli uzlu/bloku. Zde je výňatek ze stránky projektu modulu:

... umožňuje přidat vlastní CSS a Javascript na uzel, na typ obsahu, na blok a globálně. Kód je uložen v databázi, ale je obsluhován ze systému souborů. Podporuje také zvýraznění syntaxe pomocí CodeMirror .

2
WestieUK