Ako previesť HTML do CSS v Drupal Theme

Inline CSS umožňuje vytvárať štýly CSS v HTML kóde . Pri prvom vytvorení motívu Drupal , použite inline CSS na rýchlo vytvoriť rozvrhnutie , ale pred distribúciou vaše tému , môžete vytvoriť samostatný súbor CSS a presunúť inline CSS v HTML tagy štandardného externého súboru CSS , ktorý používate zahrnúť vaše rozvrhnutie theme . Pokyny
1

pravým tlačidlom myši na súbor Téma HTML a kliknite na tlačidlo " Otvoriť " . Kliknite preferovaný HTML editora otvorte tému kód v editore . Kliknite na tlačidlo Windows " Štart " a zadajte " Poznámkový blok " do textového poľa Hľadať a stlačte " Enter . " Teraz máte motív HTML a samostatné Poznámkový blok okno , v ktorom môžete vytvoriť súbor CSS .

2

Vyhľadajte " telo " tag . Tento tag obsahuje štýly pre hlavnému obsahu na stránke . Inline štýly sa nachádza v " štýle " vlastnosť tagu. Ak chcete kopírovať tento štýl a umiestnite ho do súboru CSS , ktorý vytvoríte .
3

Skopírujte tag štýl telo do okna programu Poznámkový blok . Formátovanie štýl súboru CSS . Nasledujúci kód je príkladom štýlu tela CSS formátovaný pre externé štýlov :

tela { background- color : gray ; }
4

Pokračujte v pridávaní každý z vašich inline štýlov od súbor HTML do súboru CSS . Po dokončení konverzie , uložte súbor v programe Poznámkový blok s príponou CSS . Typicky , vývojári uložiť súbor CSS ako " styles.css . "
5

Odkaz na nový štýlov v súbore HTML pre tému . Pridajte nasledujúci kód v časti hlavičky HTML súboru použiť CSS k HTML súboru :

< link rel = " stylesheet " type = " text /css " href = " štýly . css " />
6

Uložte súbor HTML a otvoriť ho vo webovom prehliadači vyskúšať nové štýly CSS pre ich rozvrhnutie .

• Predchádzajúca strana: Ako zmeniť tému v Drupale API 
• Ďalšia strana: Drupal Podmienené štýly