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 sposta il CSS in linea nei tag HTML in un file CSS esterno standard da utilizzare per includere il vostro il layout del tema.

istruzione

1 Fare clic destro sul file del tema HTML e fare clic su "Apri con". Clicca il tuo editor HTML preferito per aprire il codice tema nel vostro editor. Fare clic sul Windows "Start" e digitare "blocco note" nella casella di ricerca e premere "Invio". Ora avete il vostro tema HTML e una finestra Blocco note separato in cui si crea il file CSS.

2 Individuare il tag "corpo". Questo tag contiene gli stili per il contenuto principale della pagina. Gli stili inline si trovano nella proprietà "stile" del tag. Si vuole copiare questo stile e inserirlo nel file CSS si crea.

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

corpo
{
background-color: grey;
}

4 Continuare ad aggiungere ciascuno dei vostri stili inline dal file HTML per il 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 Collegare 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 al file HTML:

<Link rel = "stylesheet" type = "text / css" href = "styles.css" />

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