Inline CSS kunt u CSS-stijlen maken in uw HTML-code . Wanneer u eerst uw Drupal thema te maken, gebruikt u inline CSS om snel de lay-out , maar voordat de distributie van uw thema kan een afzonderlijk CSS-bestand en zet het inline CSS in de HTML-tags te maken dat u een standaard extern CSS-bestand dat u gebruikt om ook uw layout thema 's . Instructies
1 Rechtsklik op het thema HTML- bestand en klik op ' Openen met . " Klik op uw favoriete HTML-editor om het thema code te openen in je editor . Klik op de knop en typ " notepad " in het zoekvak en druk op Windows "Start " " Enter . " Nu heb je je HTML- thema en een aparte Kladblok venster waarin u het CSS- bestand te maken .
< br > 2 Zoek de " body " -tag . Deze tag bevat de stijlen voor de belangrijkste inhoud van de pagina . De inline stijlen bevinden zich in de " stijl " eigendom van de tag . U wilt deze stijl te kopiëren en plaats deze in het CSS- bestand dat u maakt .
3 Kopieer de carrosserievorm tag om het venster Kladblok. Formatteren van de stijl voor de CSS-bestand . De volgende code is een voorbeeld van een lichaam CSS-stijl opgemaakt voor een externe stylesheet : lichaam
{ background-color : grijs ; }
4 verder toevoegen van elk van uw inline stijlen uit het HTML- bestand naar het CSS-bestand . Nadat u de conversie te voltooien , sla het Kladblok-bestand met een CSS- extensie . Typisch , ontwikkelaars sparen een CSS-bestand als " styles.css . "
5 Link de nieuwe stylesheet in het HTML -bestand voor het thema . Voeg de volgende code in de head sectie van het HTML- bestand naar de CSS- toepassing op het HTML-bestand :
< koppeling rel = " stylesheet " type = " text /css " href = " stijlen . css " />
6 Sla het HTML- bestand en open het in uw webbrowser om de nieuwe CSS- stijlen te testen voor de hen layout .
< br > |
