Communication
|
Ajoutez un commentaire dans l'article qui vous intéresse.
|
![]() Powered By Hab.la |
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 :
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 :
Si je clique sur cette icône, j'ai un second pop-up qui permet de naviguer parmis tous les articles :
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) :
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.
|
Ajoutez un commentaire dans l'article qui vous intéresse.
|
![]() Powered By Hab.la |
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 !
#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
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.
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 !
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
}
Je cherche également à remplacer la bordure grise autour des images par une blanche...
Merci de m'éclairer
#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
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
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;}