Inline CSS kan du oprette CSS stilarter i din HTML-kode. Når du først oprette din Drupal tema, du bruger inline CSS til hurtigt at oprette layoutet , men før distribuere dit tema , skal du oprette dig en separat CSS-fil og flytte den inline CSS i HTML-tags til en standard ekstern CSS-fil , du bruger til at inkludere din temaets layout. Instruktioner
1
Højreklik på temaet HTML-fil og klik på " Åbn med ". Klik på dit foretrukne HTML-editor til at åbne temaet kode i din editor . Klik på Windows " Start" knappen og skriv " notepad " i søgefeltet tekstfeltet og trykke på " Enter". Nu har du din HTML tema og et separat Notesblok vindue, hvor du opretter CSS-fil .
< br > 2
Find "krop " tag . Denne tag indeholder stilarter for hovedindholdet i siden. De inline styles er placeret i "stil " ejendom af tag . Du ønsker at kopiere denne stil og placere den i CSS-fil , du opretter.
3
Kopier karrosseriform tag til Notesblok -vinduet. Formater den stil for CSS-fil . Følgende kode er et eksempel på et organ CSS stil formateret til et eksternt typografiark : Hej
body { background- color : grå ;}
4
Fortsæt med at tilføje hver af dine inline styles fra HTML-filen til CSS-fil . Når du har gennemført konverteringen , gemme Notesblok -fil med en CSS forlængelse. Typisk udviklere gemme en CSS-fil som " styles.css ".
5
Link det nye stylesheet inde i HTML-filen for temaet . Føj følgende kode i hovedet afsnittet i HTML -filen til at anvende CSS til HTML-filen : Hej
< link rel = " stylesheet " type = "text /css " href = " stilarter. css "/>
6
Gem HTML-filen og åbne den i din webbrowser til at afprøve de nye CSS-typografier til dem layout.
< br >