? Som standard benytter Drupal Cascading Style Sheets ( CSS ) til å endre visningen av fonter , bakgrunner og andre sideelementer . Sidebar og innhold blokker, komponenter av Drupal layout , også er utformet ved hjelp av CSS identifisering og klasse koder. Utviklere som ønsker å tilpasse utseendet på disse blokkene har et par forskjellige alternativer for å oppnå lignende resultater . Ideelt sett vil de enten redigere gjeldende klassedefinisjoner eller sette helt nye klasseskiller koder som skal defineres . Du trenger
tekst editor ( Notepad + +, nedit , Wordpad , etc. )
FTP klient ( WinSCP , FileZilla , etc. )
Mozilla Firefox
Firebug
Show More instruksjoner , Lag en redigering miljø
en
Installer Firebug add-on til nettleseren Firefox . Et insekt ikon vil dukke opp i nedre høyre hjørne av Firefox .
2
Bekreft at du har en tekst editor. Hvis ikke, laste ned en som er kompatibel med ditt system .
3
Bekreft at du har en FTP-klient . Hvis ikke , må du installere en som er kompatibel med ditt system .
Prototype Bruk Firebug
4
Naviger til Drupal nettsted ved hjelp av Firefox .
5 < p> Launch Firebug . Klikk på "Kontroll "-ikonet i Firebug verktøylinjen.
6
Bruk "Kontroll "-verktøyet til å sveve over Drupal blokken du ønsker å endre med CSS.
7
Klikk på blokken til å fryse Firebug er viewer.
8
Noter eventuelle nåværende CSS klasser eller identifikasjon koder i bruk.
9
Prototype eventuelle endringer ved hjelp av redigeringsmodus av Firebug .
Update Current CSS Informasjon
10
Bruk "Style" -kategorien i Firebug å merke CSS-filen ( e) som er brukt av blokken .
11
Trekk en kopi av filen fra serveren til skrivebordet ved hjelp av FTP-klient.
12
Plasser en ekstra kopi av filen i et isolert mappe . Dette er en backup.
13
Åpne første lokale filen og gjøre endringer ved hjelp av tekst editor ,
14
Last den redigerte filen tilbake til serveren ved hjelp av ditt FTP klienten.
Legg helt ny CSS Informasjon
15
Last ned " Block Class " Drupal modulen.
16
Følg alle modul instruksjoner for installasjon.
17
Gå til " Administrasjon ", "Site Building ", " Blocks " for å legge til en ny blokk klasse.
18
Update gjeldende temaets stilark med klasse definisjon.
19
Oppdater blokkens side for å se endringene.
