Menu vertical - Newsletter, Sondages et Statistiques


En bleu sur l'image

 

Suite à de nombreuses questions sur le forum de Blog4ever, au sujet des modifications de présentation de la colonne verticale contenant tous les modules du blogs et leurs liens. Je vais essayer de faire le tour du problème en essayant de rester le plus simple possible.

 

Pour commencer, un petit rappel cette colonne dans le modèle Diz Perso est nommée :
Menu et la règle du CSS #menu.

 

    Les modules sont...
  • Articles : liste avec liens sur les catégories ou sur les articles directs.
  • Album Photos : liste avec liens sur les catégories.
  • Forum : liste avec liens sur les catégories.
  • Newsletter : formulaire saisie Email puis liste liens sur renseignements et archives.
  • Sondage : formulaire dernier sondage pour voter et lien pour voir tous les sondages.
  • Partenaires : liens sur les partenaires selon le nombre paramétré, voir les partenaire et inscription.
  • Statistiques : Résultats calculés automatiquement.

 

Ces modifications  se gèrent avec le DizPerso, parfois en ajoutant un attribut dans le fichier CSS en direct.

 

Dans la première partie "Menu" vous pouvez ajouter, un fond couleur ou une image, et mettre une bordure. Ces modifications seront visibles que si le bloc menu est plus large que les éléments qu'il contient. Vous ne serez peut-être pas tenter de faire cette expérience, mais essayez rien que pour vous rendre compte.

 

Voir le code et explications en cliquant sur Partie "Menu" puis sur les autres partties.

 

Partie "Menu"

 


Les éléments des menus sont des listes, cliquez sur Partie "Menu > liste" pour voir.


Partie "Menu > liste"

 



Partie "Menu > élements de la liste"

 


 

Partie "Menu > liens"

 



Partie "Menu > liens au survol"

 



Partie "Menu > titres"

 

 

Astuces

- 1 - Gestion Sondage et Newsletter

Ces modules se présentent en partie sous forme de formulaire, c'est la seule chose qui les diffère du reste du menu, nous pouvons donc actuellement les gérer que de la façon suivante :

J'ai ouvert un sondage pour montrer le résultat avec mon code.

Ajouter la règle :

#menu form {
background: #99CC00;
color:#FFFFFF;
}

Dans le CSS en modification directe ou sur chaque page, pour les versions gratuites et dans la bordure gauche/droite pour les version Silver et Gold.

 

- 2 -Comment changer l'apparence du module Statistiques

Dans la partie"Menu éléments de la liste", il faut ajouter l'attribut "color", en effet c'est dans cette partie que vous pourrez gérer la présentation des "Statistiques". Sinon par héritage c'est les attributs de la partie "Page" qui sont pris en compte.

 

 



16/06/2009
3 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 50 autres membres


Rechercher sur Diztest ? :

Recommander ce blog | Contact | Signaler un contenu | Confidentialité | RSS | Espace de gestion

retour Accueil Page precedente Bas de page Plein ecran - Retour alt+F4 Haut de page Page suivante Envoyer un mail a PapyClic le webmaster de Test-DizPerso