Diaporama avec Nivo Silver

  1. Préambule

Installez et activez la version 7.x.2.x du module libraries (attention la version 7.x.1.x.ne convient pas : si cette version est installée, il faut remplacer directement sur le serveur le contenu du dossier site/all/module/librairies par l'extraction du dossier téléchargé sur drupal.org) .

Installez et activez le module jquery_update.

Le menu principal

Pour obtenir l'aspect graphique sous forme d'onglet du menu principal, seule la définition de la classe main-menu est nécessaire.

Display Suite

Le module Display Suite offre plusieurs formats de mises en page pour un type de contenu (voir sturcture - type de contenu) donné. J'utilise ce module pour gérer l'affichage des pages du menu "gérer un réseau".

J'ai choisi d'utiliser la mise en page "ds_2col_stacked"  qui offre 4 régions : entête, gauche, droite, et pied de page

J'ai enfin modiifé le fichier CSS de cette mise en page en modifant  .group-footer ainsi

Surcharger (1)

La surcharge consiste à placer dans le dossier template du thème actif de votre site, un gabarit (fichier dont l'extension est "tpl.php") de page dont le contenu modifie le comportement prévu par le créateur du module.

Pour ma démonstration je vais travailler sur le fichier agenda-block.tpl.php issus du module agenda.

Adapter le rendu d'un module

L'objet de cette page est de montrer comment modifier le rendu d'un élément d'un module. Pour clarifier l'exposé, nous allons modifier le rendu du module de recherche :  'search'

La gestion des onglets

Des onglets pour faciliter l'accès à l'information et la lecture du site.

Personnaliser SlideShow Display Block

 

Télécharger un des thèmes par défaut du module Dynamic Display Block
Je suppose que le thème choisi est vsdupright60p ( la norme de nommage est vsd-nom-60p ( 60 : scrollbar en image ; p portrait ; l : landscape)

Le chapeau

L'objet de cette page est d'expliquer la réalisation du "chapeau" des pages  du site qui est reproduit ci-dessous.

Les différents éléments à étudier sont : la bordure ( en rouge) ; le fil d'ariane (en bleu) ; le titre (gros cadre à fond gris) ; le menu de la page ( onglets voir - modifier...).

Pages