Générateur Html pour le menu Barre

 

Modifiation du menu BARRE Modules

 

Ce générateur crée le code HTML d'un bloc qui contiendra une liste de liens, pour composer un menu.
Vous pourrez utiliser ce menu pour remplacer celui créé automatiquement par le système, et ainsi renommer ou changer l'ordre des modules,et surtout en rajouter d'autres.
Je vous conseille de voir sur la base de connaissances de Blog4ever, la page concernant l'utilisation de l'outil "myDesign", pour ajouter des liens au menu barre.

Sur votre blog vous avez la possibilité d'activer les modules de votre choix, en gestion
⇒ VOTRE BLOG ⇒ Modules.
Certains de ces modules s'affichent dans le menu barre quand ils sont activés :
Accueil, Articles, Photos et Forum.

Information importanteVous devez donc tenir compte de ces modules activés pour mettre leurs liens dans ce menu. Pour trouver l'adresse (URL) d'une page, le plus simple est d'ouvrir cette page dans votre navigateur et de copier l'adresse qui s'affiche dans la barre d'adresse en haut.
Penser également qu'il vous faudra certainement modifier le CSS pour la taille des liens, de la barre ou du bloc liste.
Exemple les règles gérant cette partie "Barre" sont :

    • Partie "Barre" ⇒ en CSS #barre
    • Partie "Barre > liste" ⇒ en CSS #barre ul
    • Partie "Barre > éléments" en CSS ⇒ #barre li
    • Partie "Barre > liens" en CSS ⇒ #barre a
    • Partie "Barre > liens au survol" en CSS ⇒ #barre a:hover

Si vous avez utilisé mon outil pour le centrage de la barre, le rajout de liens vous oblige à refaire le calcul, pour tenir compte du nombre de lien. Par manque de place le menu se mettra sur 2 lignes.

 

Début du bloc

Au début d'un bloc il faut mettre la balise d'ouverture et l'identifiant (id) en l'occurrence "barre", en cliquant sur le bouton ci-dessous, ce générateur créera le code, qui s'affichera dans le champ texte en bas du formulaire.

 

Création de chaque élément de la liste

Après l'ouverture du bloc il faut rentrer tous les éléments de la liste, pour chaque éléments deux champs à renseigner.

  1. Le texte du module, si possible pas trop long, selon le nombre que vous avez l'intention de mettre.
  2. L'URL du module que vous voulez ouvrir, son adresse internet, comme par exemple :
    "http://diztest.blog4ever.com/blog/index-205392.html"


Puis cliquez sur le bouton en dessous à chacun des modules, pour rajouter le code dans le champ texte en bas du formulaire.

: :

 

Fin du bloc

Quand vous avez ajouté tous les modules, cliquez sur le bouton ci-dessous pour terminer le code.

Code HTML créé

   

 

 

Copier ce code et coller le, à la place du code dans la structure de votre blog...
voir dans la capture, surligné en jaune

Capture Structure barre

 

 

Dans mon exemple j'ai repris tous les liens de la barre, ainsi je peux modifier les textes que je veux et positionner les modules dans l'ordre que je souhaite ...
voir dans la capture surligné en jaune

Capture Structure barre

 

 

 

...



29-11-2011 | 499 vues
Partager


Commentaires


scraplao81
site/blog
11-03-2012 à 10:18:43
 Salut PapyClic,

Dans mon blog test petanklao81, je viens de modifier les éléments de la barre, cela à marcher il ne me reste plus que les réglages que je ferai sur mes autres blogs.


Merci Bcp

Bon dimanche Scraplao81
Poster un commentaire
Merci de recopier le nombre de gauche dans la case ci-dessous (Pourquoi?)

Liens

Voir les articles de la catégorie " Barre de Menu "
Imprimer cet article

Rechercher sur Diztest ? :

Recommander ce blog | Contacter l'auteur | Signaler un contenu | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs