Come convertire HTML a CSS in un tema di Drupal

Inline CSS consente di creare stili CSS nel codice HTML . Quando si crea il tuo tema Drupal , si utilizza CSS in linea per creare rapidamente il layout , ma prima di distribuire il vostro tema , si crea un file CSS separato e spostare il CSS inline nel tag HTML in un file CSS esterno standard utilizzato per includere la tua Layout del tema . Istruzioni
1

destro del mouse sul file HTML tema e fare clic su " Apri con ". Clicca il tuo editor HTML preferito per aprire il codice del tema nel vostro editor . Fare clic sul pulsante e digitare " notepad " nella casella di testo di ricerca e premere il tasto di Windows "Start ", " Enter ". Ora avete il vostro tema HTML e una finestra di Blocco note separata in cui si crea il file CSS .

2

Individuare il tag "body " . Questo tag contiene gli stili per il contenuto principale della pagina . Gli stili inline si trovano nella struttura "stile" del tag . Che si desidera copiare questo stile e inserirlo nel file CSS si crea .
3

Copiare il tag stile corpo alla finestra del Blocco note . Formattare lo stile per il file CSS . Il codice seguente è un esempio di uno stile CSS corpo formattato per un foglio di stile esterno :
corpo

{ background-color : grigio ; }
4

Continuare ad aggiungere tutti i vostri stili inline da il file HTML nel file CSS . Una volta completata la conversione , salvare il file di blocco note con estensione CSS. In genere , gli sviluppatori di salvare un file CSS come " styles.css . "
5

link il nuovo foglio di stile all'interno del file HTML per il tema . Aggiungere il seguente codice nella sezione head del file HTML per applicare il CSS nel file HTML :

< link rel = tipo " foglio di stile " = "text /css " href = "stili . css " />
6

Salvare il file HTML e aprirlo nel browser Web per testare i nuovi stili CSS per il layout di loro.