Hvordan får jeg en blokk for å bruke en CSS-klasse i Drupal?

Som standard benytter Drupal Cascading Style Sheets (CSS) for å endre visningen av fonter, bakgrunner og andre sideelementer. Sidepanel og innholdsblokker, komponenter i Drupal layout, også er utformet ved hjelp av CSS identifikasjon og klasse koder. Utviklere som ønsker å tilpasse utseendet på disse blokkene har et par forskjellige alternativer for å oppnå lignende resultater. Ideelt sett, men de vil enten redigere eksisterende klassedefinisjoner eller sette helt nye klasse koder som skal defineres.

Bruksanvisning

Lag en redigeringsmiljø

1 Installer Firebug-on til nettleseren Firefox. Et insekt ikon vises i nedre høyre hjørne av Firefox.

2 Bekreft at du har en teksteditor. Hvis ikke, laste ned en som er kompatibel med systemet.

3 Bekreft at du har en FTP-klient. Hvis ikke, må du installere et som er kompatibelt med ditt system.

Prototype Bruke Firebug

4 Naviger til Drupal nettsted ved hjelp av Firefox.

5 Start Firebug. Klikk på "inspeksjon" -ikonet på verktøylinjen Firebug.

6 Bruk "inspeksjon" verktøyet til å sveve over Drupal blokken du ønsker å endre med CSS.

7 Klikk på blokken til å fryse Firebug er viewer.

8 Noter eventuelle gjeldende CSS klasser eller identifikasjon koder i bruk.

9 Prototype eventuelle endringer ved hjelp av redigeringsmodus av Firebug.

Oppdater Nåværende CSS Informasjon

10 Bruk "Style" -kategorien av 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.

1. 3 Åpne første lokale filen og gjøre endringer ved hjelp av tekst editor,

14 Last opp den redigerte filen tilbake til serveren ved hjelp av FTP-klient.

Legg Helt ny CSS Informasjon

15 Last ned "Block Class" Drupal modul.

16 Følg alle modul instruksjoner for installasjon.

17 Gå til "Administrasjon", "Sidebygningen" "blokker" for å legge til en ny blokk klasse.

18 Oppdatere den temaets stilark med klassen definisjonen.

19 Oppdater blokken side for å se endringer.

Hint

• Som med alle ting Drupal, er det et par forskjellige måter å oppnå de samme resultatene. Alltid avstå fra å redigere "kjerne" filene når du gjør endringer, og gjøre de minste endringer mulig å oppnå det ønskede resultatet. Når det er mulig, holde egen logg over tilpasninger som referanse.