|
? Par défaut, Drupal s'appuie Cascading Style Sheets (CSS) pour modifier l'affichage des polices de caractères , de milieux et d'autres éléments de page . La barre latérale et le contenu des blocs , des composants de l'agencement Drupal , sont également décorés à l'aide d'identification CSS et des étiquettes de classe . Les développeurs qui souhaitent personnaliser l'apparence de ces blocs ont quelques options différentes pour obtenir des résultats similaires. Idéalement, toutefois , ils seront soit modifier les définitions de classe actuelles ou insérer complètement nouvelles étiquettes de la classe à définir. Choses que vous devez
éditeur de texte (Notepad + + , Nedit , Wordpad , etc )
client FTP ( WinSCP , FileZilla , etc )
Mozilla Firefox Firebug
Voir plus instructions
Créer un environnement de montage
1 Installez le Firebug add-on pour votre navigateur Firefox. Une icône insecte apparaîtra dans le coin inférieur droit de Firefox.
2 Vérifiez que vous disposez d'un éditeur de texte. Sinon, téléchargez un qui est compatible avec votre système.
3 Assurez-vous que vous avez un client FTP. Sinon, installez un qui est compatible avec votre système.
Prototype utilisant Firebug
4 Accédez à votre site Drupal en utilisant Firefox.
5 Lancement Firebug. Cliquez sur l'icône « inspection » dans la barre d'outils Firebug.
6 Utilisez l'outil " d'inspection " à planer sur le bloc Drupal vous souhaitez modifier avec CSS.
7 Cliquez sur le bloc de geler la visionneuse de Firebug.
8 prendre note de toutes les classes CSS actuels ou des étiquettes d'identification en cours d'utilisation .
9 Prototype les modifications en utilisant le mode d'édition de Firebug.
jour courant CSS information
10 Utilisez l'onglet " style" de Firebug pour noter le fichier CSS (s) actuellement utilisée par le bloc. < br >
11 tirer une copie de ce fichier depuis le serveur vers votre ordinateur en utilisant votre client FTP.
12 place une deuxième copie de ce fichier dans un dossier distinct . Il s'agit d'une sauvegarde.
13 ouvrir le premier fichier local et apporter des modifications à l'aide de votre éditeur de texte,
14 Téléchargez le fichier modifié sur le serveur en utilisant votre FTP client.
Ajouter complètement nouveau CSS information
15 Télécharger le " Class Block « module Drupal.
16 Suivez toutes les instructions du module pour installation.
17 Allez dans " administration ", " création de site ", "Blocs" pour ajouter une nouvelle classe de bloc.
18 mise à jour de la feuille de style du thème actuel avec l' définition de classe.
19 Rafraîchir la page du bloc pour afficher les modifications .
|
