Générateur Html pour le menu Barre

 

Modification 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.

 

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

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.

:

:

 

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
1 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 42 autres membres


Rechercher sur Diztest ? :

Recommander ce blog | Contact | Signaler un contenu | 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