Slik konverterer HTML til CSS i en Drupal Theme

October 15

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

Bruksanvisning

1 Høyreklikk temaet HTML-filen og klikk "Åpne med." Klikk ønsket HTML editor for å åpne temaet koden i editor. Klikk på Windows "Start" -knappen og skriv "notepad" i søketekstboksen og trykk "Enter". Nå har du din HTML tema og et eget Notepad vindu der du oppretter CSS-filen.

2 Finn "kroppen" tag. Denne taggen inneholder stiler for hovedinnholdet på siden. De innebygde stiler er plassert i "stil" eiendom på taggen. Du ønsker å kopiere denne stilen og plassere den i CSS-filen du oppretter.

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

kropp
{
background-color: grå;
}

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

5 Koble den nye stil inne i HTML-filen for temaet. Legg til følgende kode i hodet delen av HTML-filen for å bruke CSS til HTML-filen:

6 Lagre HTML-fil og åpne den i nettleseren for å teste de nye CSS-stiler for dem layout.