Endre fonter på Drupal-siden - dummies

Stilen. css-filen inneholder reglene for farge, stil og størrelse på skrifter for Drupal-temaet. Her er en oversikt over noen av kodene som brukes til å kontrollere utseendet på skrifter som du ser i stil. css:

• font: Denne taggen vises bare en gang i stil. css og angir skrifttypen som skal brukes for hele nettstedet.

• skriftstørrelse: Kontrollerer hvor stor eller liten teksten er.

• font-weight: Brukes til å angi tekst til fet skrift.

• skrifttype: Brukes først til å sette tekst til kursiv.

• Tekst-dekorasjon: Kontrollerer om en lenke er understreket.

• farge: Angir fargen på teksten.

Følgende kodelinjer viser noen store tekstinnstillinger i stil. css at du kanskje vil endre.

kropp {font: 76% / 170% Verdana, Arial, Helvetica, sans-serif; farge: # 000000;}

To ting skjer i denne linjen. Attributtfarge styrer tekstfargen for hele nettstedet, og setter den til svart. Hvis ingen andre regler endrer fargen senere i denne filen, vises den som svart på nettstedet. Denne spesifikasjonen styrer fargen på all innholds tekst over hele nettstedet.

Fontinnstillingen, 76% / 170% Verdana, Arial, Helvetica, sans-serif, setter både tekststørrelse og skrift. Hvis du vil bruke en annen skrift og større tekst, kan du endre denne linjen for å lese som følger:

font: 100% Times New Roman, Georgia, Serif;

Dette endrer skriften for hele nettstedet, som du kan se i den følgende illustrasjonen.

Skrifttypen er større - og er nå Times New Roman i stedet for Verdana. I eksemplet ble den mindre skriftstørrelsen og Verdana for stilen valgt, slik at denne linjen ble endret tilbake til skrift: 76% / 170% Verdana, Arial, Helvetica, sans-serif;.

en {tekst-dekorasjon: ingen; font-weight: bold;}

Tekst-dekorasjonen kontrollerer om koblinger på nettstedet ditt er understreket. I dette tilfellet er de ikke det. Font-vekten gjør nettstedets lenker fet skrift.

a: svever {text-decoration: underline;}

Når du beveger musemarkøren over en av koblingene på nettstedet, vises understreken. Når du flytter markøren, forsvinner den. Hver gang du ser hover, refererer det til at markøren blir flyttet over noe og stoppet der.

#branding {color: # 000;}

Hvis fargen endres # 000, blir fargen svart og ser bedre ut mot den gule bakgrunnen.

Når du skifter CSS-kode, vær forsiktig med å holde tegnsettene nøyaktig slik de er. Forsikre deg om at hver linje i blokkblokken slutter med en semikolon.

Tips "> Prøv og feil er en måte å finne ut hvilke stiler i stilen.css tilhører hvilke elementer på nettstedet ditt. Men det er en enklere måte. Du kan bruke Firefox nettleseren og installere tillegget som heter Firebug. Å gjøre det åpner en rute i nettleseren og viser hvilke stiler elementene på nettsiden din bruker.

I den følgende illustrasjonen ser du hvilken linje i stil. css kontrollerer utseendet til nettstednavnet i overskriften. Nederst til høyre i nettleseren kan du se hvor i CSS-koden formateringen er angitt. Finn ut mer om Firebug på Getfirebug. com.

Tips "> Du kan justere mange andre detaljer og gjøre endringer i temaene. Drupal. org / tema-guide er en ekstremt grundig veiledning.