Inline CSS lar deg lage CSS-stiler i HTML-koden . Når du først opprette din Drupal tema , du bruker inline CSS til raskt å lage layout , men før du distribuerer ditt tema , du opprette en egen CSS-fil og flytte den inline CSS i HTML-kodene til en standard ekstern CSS-fil du bruker til å inkludere temaets layout. Instruksjoner
en

Høyreklikk temaet HTML -filen og klikk " Åpne med ". Klikk på ditt foretrukne HTML editor for å åpne temaet koden i editoren din . Klikk på Windows "Start "-knappen og skriv " notepad " i søkefeltet tekstboksen og trykk "Enter. " Nå har du din HTML tema og en egen Notepad vindu der du opprette CSS-fil.

2

Finn " kroppen " tag. Denne koden inneholder stilene for hovedinnholdet på siden . De innebygde stiler er plassert i "stil " eiendom av koden . Du vil kopiere denne stilen, og plasser den i CSS-filen du oppretter.
3

Kopier kroppen stil tag til Notisblokk-vinduet . Stilsetting for CSS-filen . Følgende kode er et eksempel på en kropp CSS stil formatert for et eksternt stilark : en

body { background- color : grå ;}
4

Fortsett å legge til hver av inline stiler fra HTML-filen til CSS-filen . Når du har fullført konverteringen , lagre Notisblokk-fil med en CSS forlengelse. Vanligvis utviklere lagre en CSS -fil som " styles.css . "
5

Link den nye stilark inne i HTML -filen for temaet . Legg til følgende kode i hodet delen av HTML-filen for å bruke CSS til HTML- fil : en

6

Lagre HTML-filen og åpne den i din nettleser for å teste de nye CSS-stiler for dem layout.