Per impostazione predefinita , Drupal sfrutta Cascading Style Sheets ( CSS) per modificare la visualizzazione dei font , sfondi e altri elementi della pagina . Sidebar e contenuto blocchi , componenti del layout Drupal , inoltre sono arredate con identificazione CSS e tag di classe . Gli sviluppatori che desiderano personalizzare il look di questi blocchi hanno alcune opzioni diverse per ottenere risultati simili . Idealmente , però , saranno o modificare le definizioni di classe in corso o inserire completamente nuovi tag di classe da definire . Cose che ti serviranno
editor di testo ( Notepad + + , Nedit , Wordpad , ecc ) per client FTP ( WinSCP , FileZilla , ecc ) per Mozilla Firefox
Firebug
Mostra di più
istruzioni Crea un ambiente di editing
1
Installare il Firebug add -on per il browser Firefox . Un'icona insetto appare nell'angolo in basso a destra di Firefox .
2
Verificare di disporre di un editor di testo . In caso contrario , scaricare uno che è compatibile con il vostro sistema .
3
Verificare di disporre di un client FTP . In caso contrario , installare uno che è compatibile con il vostro sistema .
Prototype Utilizzando Firebug
4
Passare al tuo sito web Drupal utilizzando
5 Firefox . < p > Launch Firebug . Fare clic sull'icona " ispezione " nella barra degli strumenti di Firebug .
6
Utilizzare lo strumento " ispezione " a librarsi sopra il blocco di Drupal che si desidera modificare con
7 < p CSS . > Fare clic sul blocco di congelare spettatore di Firebug .
8
Prendere nota di tutte le classi CSS attuali o tag di identificazione in uso .
9
Prototype eventuali modifiche utilizzando la modalità di modifica di Firebug .
aggiornamento attuale CSS Informazioni
10
utilizzare la scheda "Stile" di Firebug notare il file CSS ( s ) attualmente utilizzato dal blocco . < br >
11
Tirare una copia di quel file dal server al desktop utilizzando il client FTP .
12
Inserire una seconda copia di quel file in una cartella separata . Questa è una copia di backup .
13
Aprire il primo file locale e apportare le modifiche utilizzando un editor di testo , vendita, acquisto 14
Carica il file modificato al server usando il tuo FTP cliente .
Aggiungi Completamente nuovo CSS Informazioni
15
Scarica la "Classe Block" modulo di Drupal .
16
Seguire tutte le istruzioni del modulo per installazione .
17
Vai su " Amministrazione ", "cantiere ", " Blocks" per aggiungere una nuova classe di blocco .
18
aggiornamento foglio di stile del tema corrente con il definizione di classe .
19
Aggiorna pagina del blocco per visualizzare le modifiche .