Suite à la demande des over-blogueurs, le staff a mis en place un menu pouvant contenir jusqu'à six liens.

 

Comment mettre ce menu en place sur le blog ?

 

C'est très simple, il suffit de mettre des liens dans ce menu pour qu'il apparaisse.

Il faut aller dans >Configurer >Mise en page >clic sur le petit marteau du module :

menu01

Apparaît alors un premier pop-up dans lequel il est possible de nommer les six liens (nom qui apparaîtra dans le module), de déposer les six adresses des liens. En troisième, il y a même un petit icône de lien si vous voulez rechercher l'adresse d'un article à mettre en lien :

menuob02

Si je clique sur cette icône, j'ai un second pop-up qui permet de naviguer parmis tous les articles :

menuob03

 

Si vous voulez mettre en lien une catégorie, une Page ou un autre blog/site, il faut en recueillir l'adresse dans votre navigateur (dans la barre d'adresse, voir image ci-dessous) :

menuob04

 

 

Comment personnaliser le design de ce menu ?

 

Cette fois-ci, il faut aller dans le css, puisque c'est lui qui règle l'apparence du blog.
Voici les trois lignes avec en fin de ligne ce à qui-oi elles servent :

#menuob {} gère l'apparence de la case en général
#menuob a {} gère l'apparence du lien, du texte
#menuob a:hover {} gère l'apparence du texte au survol de la souris

 

A vous de jouer.

Publié dans : Administration Over-Blog - Demander une aide - Voir les 5 commentaires
Retour à l'accueil

Commentaires

Bonjour
J'aimerais savoir comment on modifie la ligne menuob pour changer la couleur, la taille de police des liens personnalisés, car les lignes menuob, je ne vois ce qu'il faut ajouter...
merci d'avance !
Commentaire n°1 posté par valybrode le 20/02/2011 à 15h06
Avec ces lignes:
#menuob {} gère l'apparence de la case en général
#menuob a {} gère l'apparence du lien, du texte
#menuob a:hover {} gère l'apparence du texte au survol de la souris
Je peut mettre au lieu d'un texte une image ?
Si oui comment faire ?
Merci
Commentaire n°2 posté par Lkj le 21/04/2011 à 11h51

Non, pas avec le menu Over-Blog.

Mais par contre, tu peux créer un tableau dans ton en-tête avec autant de cellules que de liens à mettre en place.
Dans chaque cellule tu déposes une image.
De chaque image tu fais un lien.

Réponse de les Brigades le 21/04/2011 à 21h44
Bonjour,
Je rencontre un problème avec le menu personnalisé : impossible d'enlever la bande de couleur marron qui occupe la moitié du menu !
J'en profite aussi pour vous poser 2 autres questions (toujours pour le menu OB) :
- comment augmenter l'espace entre les titres des liens ?
- comment placer des barres séparatrices entre ces mêmes titres ?

Voici ce que j'ai dans le css:
#menuob {/line-height: 25px; line-height: 30px; margin-bottom: 25px; background: url(http://fdata.over-blog.net/99/00/00/01/designs/397/default/pics/menu.jpg) no-repeat center;
border: 0px;
padding: 0;
margin-top: 0;

}

#menuob a {
font-size: 14px;
font-family:'Aida Scrap Rounded';
text-transform: uppercase;
color: #663333;
font-weight: bold;
text-decoration: none;
padding: 5px;
text-align: center;
margin: 0px 0px 0 10px;
}

#menuob a:hover {
background-color: #FFCCCC;
color: #FFFFFF;
text-decoration: none;


}#menuob { width: 1000px !important;
margin: auto !important;
margin-left: -540px !important;
position: absolute !important;
left: 50% !important;
top: 95px !important; background-color: #FFFFFF; border-bottom:dashed 3px #CC9999 }

Merci d'avance !
Commentaire n°3 posté par Emilie le 08/10/2011 à 16h01

Bonjour, 
Je ne vois pas de bande de couleur marron, je veux bien une capture d'écran.
Pour le reste, essaie ceci :

#menuob a {
font-size: 16px;
font-family:'Aida Scrap Rounded';
text-transform: none;
color: #8B7765;
font-weight: normal;
text-decoration: none;
padding: 3px; 
text-align: center;
padding: 0px 120px 0 120px; border-left: 1px solid #8B7765; border-right: 1px solid #8B7765

Réponse de les Brigades le 09/10/2011 à 21h50
Bonjour, je suis novice et aimerais faire un menu plus appétissant, en ajoutant des cases sous les textes du menu, modifier ceux ci (couleur, taille et police). Je suis allée en cliquant droit sur la case menu ds configurer, dans le css. Mais je n'ai pas trouvé les lignes #menuob. Est ce bien là que je dois aller ?
Je cherche également à remplacer la bordure grise autour des images par une blanche...
Merci de m'éclairer
Commentaire n°4 posté par sylvie le 10/02/2012 à 18h03

#menuob {margin-top:8px}
#menuob a {color:#996633; border:1px solid #FFFFFF; margin:0px 10px}  

Pour toi il faut utiliser absolument la première ligne pour mettre une marge haute et ainsi voir le haut des cases du menu. 
Dans la seconde ligne, j'ai demandé des liens marron, un cadre blanc et unespace plus grand entre les cases du menu. 

A toi de jouer maintenant 

Réponse de les Brigades le 12/02/2012 à 20h45
Tout d'abord bravo pour votre site d'aide, il est clair, facile à comprendre, m'a permis de faire des essais par rapport à des idées, c'est génial !! Toutefois, bien que j'ai trouvé ce qui se rapportait au menu personnalisé, j'ai un souci.
Voilà je voudrais mettre un menu "Mes poêmes" qui regroupe plusieurs catégories de textes (autres, amour/érotique, loufoque) est ce possible ? de quel façon ? et comment retirer le nom de la catégorie qui apparait sous le menu lors de la sélection ?

Aussi si je peux faire cela, est ce que dans mon menu "mes poêmes" je peux intégrer un menu déroulant ??

Oups cela fait peut être beaucoup d'un coup.......
Un grand merci pour votre aide
Commentaire n°5 posté par Véro le 12/02/2012 à 17h58

Bonjour et merci 
Pour la première question, ce n'est pas possible simplement. Pour cela il faut trouver un menu déroulant (sans javascript si tu as un blog de niveau Confiance). Fait une recherche dans le forum car la question est posée souvent et tu trouveras certainement ton bonheur.

Pour la seconde question, il te faut modifier le contenu de cette ligne de ton css ainsi :
.topicTitle {display:none;} 

Réponse de les Brigades le 12/02/2012 à 20h51

Communication

Plusieurs moyens pour obtenir un coup de main de ma part :
Ajoutez un commentaire dans l'article qui vous intéresse.

Powered By Hab.la
 
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés