Hvordan endre størrelsen på kroppen feltet i Drupal 5

Hvordan endre størrelsen på kroppen feltet i Drupal 5


Drupal utnytter Cascading Style Sheets (CSS) for å tilpasse visningen av bakgrunner, tekst og andre websideelementer. Skjemafelt, som alle andre komponenter i Drupal layout, også er utformet ved hjelp av CSS-ID og klasse koder. Utviklere som ønsker å statisk endre størrelsen på "Body" form feltet kan utnytte disse CSS koder. Ved å ansette noen enkle web-verktøy, justere høyde og bredde attributter kan gjøres raskt og enkelt.

Bruksanvisning

Lag en redigeringsmiljø

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

2 Installer en tekst editor, hvis du ikke allerede har en tilgjengelig.

3 Installer en FTP-klient, hvis du ikke allerede har en tilgjengelig.

Identifiser CSS Textarea Tag

4 Naviger til Drupal nettstedets "Body" -feltet bruker Firefox.

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

6 Bruk "Inspection" -verktøyet til å sveve over "Body" -feltet.

7 Klikk på feltet for å fryse Firebug er viewer.

8 Skriv ned ID tag, klasse koder, og (ved hjelp av "Style" -kategorien) på Drupal CSS-filer der de vises.

Endre størrelsen på Body Feltet

9 Trekk en kopi av de relevante Drupal CSS-filer du ønsker å redigere. Hvis ingen ble referert i "Style" -kategorien, laste ned en kopi av Drupal temaets style.css fil.

10 Sett en annen kopi av nedlastede filer i et isolert mappe. Dette er en backup.

11 Åpne første nedlastede filen og, ved hjelp av tekst editor, søke etter referanser til forhåndseksisterende klasse koder. Redigeringen av disse CSS definisjoner kan gjøres for å justere høyden og bredden.

12 Legg til nye CSS definisjoner for høyde og bredde basert på ID-kodenavn, om nødvendig.

1. 3 Last opp den redigerte filen tilbake til serveren ved hjelp av FTP-klient og oppdatere nettleseren.

Hint

  • Endre størrelse på elementer i Drupal kan skje på ulike punkter på siden presentasjon - fra API, moduler, CSS og via jQuery (eller andre Javascript) manipulasjoner. Dette er bare en måte å oppnå det ønskede resultat.
  • Hvis du håper å endre størrelsen på "Body" -feltet interaktivt, vil denne løsningen ikke nok. Justeringer i grensesnittet on-the-fly krever Javascript løsninger, for eksempel som tilbys gjennom jQuery. Drupal tilbyr støtte i form av textarea temaer og en "resizeable" klasse. Dens API dokumentasjon inneholder instruksjoner om hvordan å implementere denne funksjonen.