Come modificare il colore di sfondo del link primari in Drupal

July 3

Come modificare il colore di sfondo del link primari in Drupal


Modifica del colore collegamenti primari sul tema Drupal richiede una conoscenza di base di CSS. CSS sta per Cascading Style Sheets. Questi fogli di stile sono scritti in un linguaggio di mark-up, che renderà molto diverso sullo schermo. Se non avete mai cambiato le fogli di stile di Drupal, si sia necessario manipolare il foglio di stile predefinito o creare un nuovo foglio. E 'molto semplice per cambiare il colore dei link primari, una volta che hai il tuo foglio di stile creato.

istruzione

1 Disabilitare Ottimizzazione CSS mentre si cambia i colori sullo schermo. È possibile disattivare lo navigando a Admin, lo scorrimento di configurazione sito, e lo scorrimento a Performance.

2 Passare al foglio di stile Drupal. I fogli di stile possono essere trovati nel file .info sia su Drupal 6 e Drupal 7. Si sia possibile modificare il foglio di stile predefinito, creare un nuovo modello, o utilizzare un modello creato in precedenza che non è il default. Se si modifica l'impostazione predefinita, non è possibile ripristinarla. Si consiglia di copiare il markup CSS dal default in un nuovo foglio di stile, se non si ha intenzione di utilizzare un modello unico nel suo genere diverso. I nuovi modelli devono essere collocati in una nuova cartella nel file .info.

3 Aprire il modello. Si dovrebbe vedere un elenco di regole CSS per il vostro foglio di stile. Questo sarà scritto in una forma di linguaggio di mark-up CSS.

4 Scorrere fino a vedere le parole "ul.primary-link Li" sul lato sinistro. Questo potrebbe essere ripetuta in una stringa sulla pagina. Ci potrebbe essere anche più di uno ul.primary-link li ul.primary-link li "che dice" a "al lato sinistro Se andate a leggere attraverso le corde si dovrebbe avere una.": Visited "e uno che dice" un:. attiva "Sotto entrambi di queste sezioni si dovrebbe vedere la parola colore:. #xxxx le x sono un segnaposto per qualsiasi lettera attualmente definendo il colore del collegamento corrente come il colore del collegamento può variare da un sito all'altro.

5 Sostituire il #xxxx con l'hash e il numero di codice del nuovo colore CSS si vuole fare il collegamento primario. Questo nuovo colore dovrebbe iniziare con un cancelletto e può finire con un massimo di sei lettere. Assicurati di modificare solo i codici colore indicati fino a quando il "ul.primary-link li". Se si vuole avere un colore per i link visitati e un colore per i collegamenti attivi, ingresso un colore CSS sotto la a: visited sezione e un colore diverso CSS sotto l'una: sezione attiva.

6 Ricaricare il browser per visualizzare le modifiche CSS. Modificare il colore in base alle esigenze reindirizzando al foglio di stile nella info.file. Tutte le modifiche dovrebbero salvare automaticamente al foglio di stile.

7 Attivare di nuovo Ottimizzazione CSS seguendo la stessa navigazione di amministrazione di configurazione del sito a Performance. Ottimizzazione CSS assicura che le modifiche CSS funzionano correttamente sul tuo sito Drupal e sono una parte importante di usabilità del sito.


Articoli Correlati