Come ridimensionare il campo Corpo in Drupal 5

June 23

Come ridimensionare il campo Corpo in Drupal 5


Drupal si avvale di Cascading Style Sheets (CSS) per personalizzare la visualizzazione di sfondi, testo e altri elementi della pagina Web. i campi del modulo, come tutti gli altri componenti del layout Drupal, sono anche in stile con ID CSS e tag di classe. Gli sviluppatori che vogliono cambiare in modo statico le dimensioni del campo di modulo "corpo" possono utilizzare questi tag CSS. Con l'ausilio di un paio di strumenti Web semplici, regolando gli attributi altezza e larghezza possono essere fatte rapidamente e facilmente.

istruzione

Creazione di un ambiente di editing

1 Installare il Firebug add-on per il browser Firefox. Un'icona insetto apparirà nell'angolo in basso a destra di Firefox.

2 Installare un editor di testo, se non ne hai già uno a disposizione.

3 Installare un client FTP, se non ne hai già uno a disposizione.

Identificare il tag CSS Textarea

4 Passare campo "corpo" del tuo sito web Drupal utilizzando Firefox.

5 Avviare Firebug. Fare clic sull'icona "ispezione" all'interno della barra degli strumenti di Firebug.

6 Utilizzare lo strumento "ispezione" a librarsi sul campo "Corpo".

7 Fare clic sul campo di congelare spettatore di Firebug.

8 Annotare l'ID tag, tag di classe, e (utilizzando la scheda "Stile") i file di Drupal CSS in cui appaiono.

Ridimensionare il campo Corpo

9 Tirare una copia dei relativi file Drupal CSS che si desidera modificare. Se nessuno è stato fatto riferimento nella scheda "Stile", scaricare una copia del file style.css del vostro tema Drupal.

10 Posizionare una seconda copia di tutti i file scaricati in una cartella separata. Questo è un backup.

11 Aprire il primo file scaricato e, usando l'editor di testo, la ricerca di riferimenti ai tag di classe preesistenti. Le modifiche apportate a queste definizioni CSS possono essere fatte per regolare altezza e larghezza.

12 Aggiungere nuove definizioni CSS per altezza e larghezza in base al nome del tag ID, se necessario.

13 Carica il file modificato al server utilizzando il client FTP e aggiornare il browser Web.

Consigli e avvertenze

  • Elementi Ridimensionamento in Drupal possono accadere in vari punti nella presentazione della pagina - dalla API, moduli, CSS e tramite jQuery (o altri JavaScript) manipolazioni. Questo è solo un modo per raggiungere il risultato desiderato.
  • Se state sperando di ridimensionare il campo "Corpo" in modo interattivo, questa soluzione non sarà sufficiente. Le rettifiche di interfaccia on-the-fly richiedono soluzioni JavaScript, come ad esempio quello offerto tramite jQuery. Drupal offre un supporto in termini di temi textarea e una classe "ridimensionabile". La sua documentazione API contiene le istruzioni su come implementare questa funzione.