Sujets similaires

Bonjour, je suis actuellement à la recherche de fonctionnalité pouvant améliorer l'ergonomie de mon forum.
Nous avons une barre de navigation avec neuf icônes, je trouve que c'est un peu trop et j'aimerais arriver à en avoir que cinq ou six avec les compléments d'information qui s'affiche dans une infobulle, ce qui me permettra aussi d'affiche plus de renseignement sur du long termes.

J'ai fait des recherches et j'ai trouvé ce qui me conviens sur le site du zéro, après quelques modifs pour que ce soit adapté j'ai ce script

pour l'Html

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<body>
<a class="info"><img id="i_icon_mini_index"img src="http://i37.servimg.com/u/f37/15/07/55/30/_acceu10.png" id="i_icon_mini_index" href="#"><span>
<div class="infobulle">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td border="0" align="center" bgcolor="#"><a href="#">Sous-Menu_1.0</a></td></tr>
   <tr>
<td border="0"><a href="#">Sous-Menu_1.2</a></td></tr>
   <tr>
<td><a href="#">Sous-Menu_1.3</a></td></tr>
   </table>
</div>
</span></a>
</td></tr>
   </table>
</div>
</span></a>
</body>

</html>

et pour le css

Code:: * {
font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
font-family: Tahoma, Verdana, Arial, serif;
}
a.info {
position: relative;
color: black;
text-decoration: none;
border-bottom: 0px dotted; /* on souligne le texte */
}
a.info span {
display: none; /* on masque l'infobulle */
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

cursor: hand; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 10px; /* on positionne notre infobulle */
left: 35px;

background: #;

color: #;
padding: 3px;

border: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
}
.info{
boder: 0px solid #;}

.infobulle a{
background: #;
}

.infobulle a:hover{
background: #d7d7d7;
}

Je bosse sur un seul icône pour l'instant (celui de l'accueil) Le script tout seul enregistrer en .html affiche exactement ce que je veux, c'est l'intégration sur le forum qui me pose souci.
Aperçu de résultat

Pourriez vous m'orienter pour que je puisse l'intégrer à la navbar.

je vous en remercie d'avance

@ plus
Fred.

Coucou!

Alors, il va falloir que tu supprime la variable de la barre de navigation dans le template overall_header : {GENERATED_NAVBAR}.

Ensuite, à la place de cette variable, tu met le code de cette barre de navigation Wink

Dis-moi si je n'ai pas été clair.

Bonne Journée.

Super clair merci Bravo !

, le truc c'est que je suis en bb3 :/ y a pas moyen via ce script d'ajouter la désactivation de la variable ?

@ plus

Si t'es en phpBB3, tout se complique puisque tu n'as pas accès aux templates. Ce n'est donc pas possible à ma connaissance :/ Désolé.

Je vais chercher si y a moyen de désactiver la variable, je vous tiendrais au courant.

encore merci

@ toute

Coucou!

J'ai trouvé un moyen pour désactiver la variable, et ce, de mon plein gré xDD

Alors, en fait, tu vas dans le Panneau d'Admin, Affichage, En-tête et Navigation, "Afficher seulement des images dans la barre des liens" : tu coches oui.

Ensuite, tu vas dans tous les menus (Accueil, Portail etc) et tu mets comme image "http://s1.pictupload.free.fr/images/none.png" Wink

Voilà

Dis-moi si ça fonctionne Wink

Avec ta méthode, on enlève l'affichage des icones de la barre de nav.
j'ai ajouter l'accueil dans le css pour voir si il s'affiche malgré ton idée, mais il ne s'affiche pas.

On dirait que l'ont ne peux pas avoir de bar de nav a onglet :/

@ toute

ps: donc oui ça fonctionne lol

Non, ou du moins, pas sur phpBB3 & c'est confirmé Wink

Tant qu'il n'y a pas de templates, il n'y a pas moyen de mettre une fichue barre de navigation à onglets Wink

Voilà. N'oublie pas de mettre ton problème en résolu puisque tu ne trouveras sûrement pas de réponses Wink

juste pour approfondir, saurais tu me dire pourquoi en reprenant le "ul class" linklist navlinks et le "a class" mainmenu ça ne marche pas, je ré affiche toute la barre avec les icônes, par exemple dans le message de la page d'accueil mais ailleurs ça marche pas.

@ toute

Je n'ai pas bien compris ce que tu me demandes :/

c'est pas bien grave Very Happy

j'édite mon post-1 en [résolu]

@ toute

Parfait!

Je classe

[aide] info bulle sur la navbar

[aide] info bulle sur la navbar

Sujets similaires

Sujets similaires

Partenaires Or