Navigation [Menu déroulant]
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Navigation [Menu déroulant]
Bonjour.
Je voulais savoir comment faire ceci dans la Barre de Navigation :
Que quand on n'a pas la souris dessus.
Quand on n'a la souris sur : Profil
Merci d'avance.
PS ; Ses assez urgents ^^
Bisous
Je voulais savoir comment faire ceci dans la Barre de Navigation :
Que quand on n'a pas la souris dessus.
- Spoiler:
Quand on n'a la souris sur : Profil
- Spoiler:
Merci d'avance.
PS ; Ses assez urgents ^^
Bisous
Dernière édition par Bella♥ le Lun 29 Aoû 2011 - 11:07, édité 1 fois
Re: Navigation [Menu déroulant]
UP ^^
PS : A partir de demain je serais absente plus d'une semaine. Merci de ne pas fermer mon sujet ^^
PS : A partir de demain je serais absente plus d'une semaine. Merci de ne pas fermer mon sujet ^^
Re: Navigation [Menu déroulant]
Bonjour,
Dans les "Trucs & Astuces", tu trouves ici différents tutos pour menus déroulants, avec aperçu pour chacun d'entre eux.
Bonne journée.
Dans les "Trucs & Astuces", tu trouves ici différents tutos pour menus déroulants, avec aperçu pour chacun d'entre eux.
Bonne journée.
Re: Navigation [Menu déroulant]
Je l'est vu mais comment le mettre dans la Barre de Navigation ?
Re: Navigation [Menu déroulant]
très interessant... je ne sais pas et j'aimerais bien savoir aussi
Re: Navigation [Menu déroulant]
UP
Ps : Assez urgents S'il vous plait.
Ps : Assez urgents S'il vous plait.
Re: Navigation [Menu déroulant]
Bonjour,
Aujourd'hui je n'aurai absolument pas le temps de voir plus loin, cependant tu peux déjà me dire lequel de ces tutos t'intéresse...
J'essaierai de prendre un moment demain matin.
Bonne fin de journée.
Aujourd'hui je n'aurai absolument pas le temps de voir plus loin, cependant tu peux déjà me dire lequel de ces tutos t'intéresse...
J'essaierai de prendre un moment demain matin.
Bonne fin de journée.
Re: Navigation [Menu déroulant]
moi non plus je ne sais pas et j'avoue que sa m'interesse
Re: Navigation [Menu déroulant]
j'avoue sa fait jolie
Re: Navigation [Menu déroulant]
Le dernier tuto m’intéresse quand on passe la souris dessus. Et sa mets ;D
Re: Navigation [Menu déroulant]
je peux pas voir les tuto moi sa me met : Désolé, mais seuls les utilisateurs avec un accès spécial peuvent lire des sujets dans ce forum.
Re: Navigation [Menu déroulant]
Oups pour le retard !
Ah tiens, en effet je ne vois plus l'astuce de ces divers menus...
Là je suis embêtée, très embêtée.
J'ai bien un tel menu sur une de mes pages html, mais il est compliqué parce qu'avec des images pour les boutons, de plus ça date de plus d'un an.
Refaire un tuto simplifié me prendrait trop de temps alors que j'en manque cruellement en ce moment.
Sans rien promettre, je veux bien encore essayer de voir ça demain.
Cela dit, il y en sûrement d'autres qui pourraient vous aider.
Bonne soirée.
Ah tiens, en effet je ne vois plus l'astuce de ces divers menus...
Là je suis embêtée, très embêtée.
J'ai bien un tel menu sur une de mes pages html, mais il est compliqué parce qu'avec des images pour les boutons, de plus ça date de plus d'un an.
Refaire un tuto simplifié me prendrait trop de temps alors que j'en manque cruellement en ce moment.
Sans rien promettre, je veux bien encore essayer de voir ça demain.
Cela dit, il y en sûrement d'autres qui pourraient vous aider.
Bonne soirée.
Re: Navigation [Menu déroulant]
Très bien ;D
Merci
Ps : Up ^^
Merci
Ps : Up ^^
Re: Navigation [Menu déroulant]
B'soir,
Alors allons y pour un tour.
Ce tuto me parait compliqué, à l'époque (lointaine) c'est ainsi que je l'avais amélioré à ma sauce...
Il te faut savoir que j'aurai beaucoup de peine à faire le suivi de ce tuto (j'essaierai au mieux), alors souhaitons que ça roulé-boulé du premier coup !
Aussi, il te faudra personnaliser toi-même les paramètres de ton menu (surtout le CSS), le mien n'est là qu'à titre d'exemple, ok ?
Tu peux avoir un aperçu sur mon forum-test ici.
Tout d'abord :
Il faudra travailler dans le template "overall_header" (donc être en phpBB2 et fondateur) et dans la feuille de style CSS.
Ensuite, un bon conseil :
Sauvegarder le CSS actuel et ce template dans le bloc-note ou notepad au cas où...
On peut aussi travailler la déco, les effets et tout et tout, en mode "page html", qui permet la prévisualisation.
Dans ce cas de figure, il ne faut pas oublier d'ajouter les balises html pour le css :
Voilà en ce qui concerne une page html.
Bon commençons par le CSS :
Dans la feuille de style CSS mets-y ceci :
Ensuite dans le template overall-header, juste avant la fermeture de la balise </head> installe le javascript (en laissant quelques lignes d'espace avec ce qui précède) :
{GENERATED_NAV_BAR} et juste ça. Supprime et à la suite on y met le html de la nouvelle barre de menus :
Voilààà.
Alors allons y pour un tour.
Ce tuto me parait compliqué, à l'époque (lointaine) c'est ainsi que je l'avais amélioré à ma sauce...
Il te faut savoir que j'aurai beaucoup de peine à faire le suivi de ce tuto (j'essaierai au mieux), alors souhaitons que ça roulé-boulé du premier coup !
Aussi, il te faudra personnaliser toi-même les paramètres de ton menu (surtout le CSS), le mien n'est là qu'à titre d'exemple, ok ?
Tu peux avoir un aperçu sur mon forum-test ici.
Tout d'abord :
Il faudra travailler dans le template "overall_header" (donc être en phpBB2 et fondateur) et dans la feuille de style CSS.
Ensuite, un bon conseil :
Sauvegarder le CSS actuel et ce template dans le bloc-note ou notepad au cas où...
On peut aussi travailler la déco, les effets et tout et tout, en mode "page html", qui permet la prévisualisation.
Dans ce cas de figure, il ne faut pas oublier d'ajouter les balises html pour le css :
- Code:
<style type="text/css" media="all">
.css {...
}
</style>
- Code:
<script type="text/javascript"><!--
function
...
//-->
</script>
Voilà en ce qui concerne une page html.
Bon commençons par le CSS :
Dans la feuille de style CSS mets-y ceci :
C'est assez simple à suivre en fonction du html qui suit.CORRECTION DU CSS DANS LE MESSAGE PLUS BAS
Ensuite dans le template overall-header, juste avant la fermeture de la balise </head> installe le javascript (en laissant quelques lignes d'espace avec ce qui précède) :
- Code:
<script type="text/javascript"><!--
function montre(id)
{
var d = document.getElementById(id);
d.style.display='block';
}
function cache()
{
document.getElementById('smenu1').style.display='none';
document.getElementById('smenu2').style.display='none';
document.getElementById('smenu3').style.display='none';
document.getElementById('smenu4').style.display='none';
document.getElementById('smenu5').style.display='none';
document.getElementById('smenu6').style.display='none';
}
//-->
</script>
{GENERATED_NAV_BAR} et juste ça. Supprime et à la suite on y met le html de la nouvelle barre de menus :
- Code:
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tbody><tr>
<td align="center"> <div id="menu">
<dl onmouseover="javascript:montre('smenu1');" onmouseout="javascript:cache()">
<dt><h3>Acceuil</h></dt>
<dd id="smenu1">
<ul>
<li><a href="http://fb-testing.forumactif.com/index.htm" target="_blank">Forum</a></li>
<li><a href="http://fb-testing.forumactif.com/welcome-h11.htm" target="_blank">Accueil</a></li>
<li><a href="http://fb-testing.forumactif.com/faq.htm" target="_blank">FAQ</a></li>
<li><a href="http://fb-testing.forumactif.com/search.forum" target="_blank">Search</a></li>
</ul>
</dd>
</dl>
<dl onmouseover="javascript:montre('smenu2');" onmouseout="javascript:cache()">
<dt><h3>Membres</h></dt>
<dd id="smenu2">
<ul>
<li><a href="http://fb-testing.forumactif.com/memberlist.forum" target="_blank">Membres</a></li>
<li><a href="http://fb-testing.forumactif.com/groupcp.forum" target="_blank">Groupes</a></li>
</ul>
</dd>
</dl>
<dl onmouseover="javascript:montre('smenu3');" onmouseout="javascript:cache()">
<dt><h3>Profil</h></dt>
<dd id="smenu3">
<ul>
<li><a href="http://fb-testing.forumactif.com/profile.forum?mode=editprofile" target="_blank">Infos</a></li>
<li><a href="http://fb-testing.forumactif.com/profile.forum?mode=editprofile&page_profil=preferences" target="_blank">Preferences</a></li>
<li><a href="http://fb-testing.forumactif.com/profile.forum?mode=editprofile&page_profil=avatars" target="_blank">Avatar</a></li>
<li><a href="http://fb-testing.forumactif.com/search.forum?search_id=watchsearch">Watch sujets</a></li>
<li><a href="http://fb-testing.forumactif.com/search.forum?search_id=newposts">New Posts</a></li>
<li><a href="http://fb-testing.forumactif.com/search.forum?search_id=egosearch">My Posts</a></li>
<li><a href="http://fb-testing.forumactif.com/search.forum?search_id=unanswered">0 Reponse</a></li>
<li><a href="http://fb-testing.forumactif.com/profile.forum?mode=viewprofile&u=1" target="_blank">My Profil</a></li>
</ul>
</dd>
</dl>
<dl onmouseover="javascript:montre('smenu4');" onmouseout="javascript:cache()">
<dt><h3>Messagerie</h></dt>
<dd id="smenu4">
<ul>
<li><a href="http://fb-testing.forumactif.com/msg.forum?folder=inbox">In Box</a></li>
<li><a href="http://fb-testing.forumactif.com/msg.forum?folder=sentbox">Sended Box</a></li>
<li><a href="http://fb-testing.forumactif.com/msg.forum?folder=outbox">Waiting Box</a></li>
</ul>
</dd>
</dl>
<dl onmouseover="javascript:montre('smenu5');" onmouseout="javascript:cache()">
<dt><h3>Logs</h></dt>
<dd id="smenu5">
<ul>
<li><a href="http://fb-testing.forumactif.com/login.forum?connexion">Log In</a></li>
<li><a href="http://fb-testing.forumactif.com/login.forum?logout=true">Log Out</a></li>
<li><a href="http://fb-testing.forumactif.com/profile.forum?mode=register">Register</a></li>
</ul>
</dd>
</dl>
</div>
</td></tr></tbody></table>
Voilààà.
Dernière édition par Final-Blond le Dim 28 Aoû 2011 - 21:09, édité 1 fois (Raison : Correction css dans post plus bas)
Re: Navigation [Menu déroulant]
Merci ses parfait !
EDIT :
J'aimerais bien aussi mettre des bordures au lien du début
Merci d'avance ;D
EDIT :
J'aimerais bien aussi mettre des bordures au lien du début
Merci d'avance ;D
Re: Navigation [Menu déroulant]
Il faut que tu arrives à reconnaître les intitulés communs entre le CSS et le HTML.Bella♥ a écrit:J'aimerais bien aussi mettre des bordures au lien du début
Par exemple pour ce que tu demandes, "dt" est l'intitulé attribué au bouton lui-même (ce n'est pas un lien, juste un titre que tu peux modifier dans le HTML).
En fait, j'avais oublié d'ajouter le "solid" dans le css pour cette bordure...
Donc dans le CSS : #menu dt
la ligne: border: 3px solid grey;
Encore une fois, tous ces paramètres ne sont là qu'à titre d'exemple.
Bonne soirée.
Edit : Ayant été pressée auparavant, j'ai épuré et quelque peu corrigé le CSS. Remplace l'ancien par celui-ci :
- Spoiler:
- #menu { height: 210px;
}
#menu dl {
float: left;
width: 9em; height: 0em;
}
#menu dt {position: absolut;
cursor: pointer;
text-align: center;
color: #990000;
font-weight: bold;
background-color: #ffffff;
border: 3px solid grey;
padding: 0px 0px 0px 0px;
margin: 1px;
z-index: 4;
}
dd, ul, li {backgroud-color: #ffffff;
padding: 0px;
margin: 0px;
list-style-type: none;
}
#menu dd {background-color: #ffffff;
display: none;
border: 3px solid gray;
padding: 1px 0px 3px 0px;
margin: -16px 0px 34px 0px;
}
#menu li {
text-align: center;
}
#menu li a {
color: #000000;
text-decoration: none;
display: block;
height: 12%;
}
#menu li a:hover, #menu li a:focus {
background-color: #eeeeee;
text-decoration: none !important;
}
Re: Navigation [Menu déroulant]
Merci ;D Mais je trouve pas mon lien de déconnexion ^^
Re: Navigation [Menu déroulant]
Salut,
Le lien de déconnexion est dans le menu "Logs" = "Log Out"
Ah oui ! Si tu trouves les cases du titre des menus trop grandes, enlève les balises <h3>Titre</h> et adapte dans le CSS avec les propriétés du padding dans l'intitulé :
#menu dt {...
Courage.
Le lien de déconnexion est dans le menu "Logs" = "Log Out"
Ah oui ! Si tu trouves les cases du titre des menus trop grandes, enlève les balises <h3>Titre</h> et adapte dans le CSS avec les propriétés du padding dans l'intitulé :
#menu dt {...
Courage.
Re: Navigation [Menu déroulant]
Oui je ses ou ses. Mais mon lien je ne le trouve pas --"
Re: Navigation [Menu déroulant]
Dans ce bloc :
<a href="http://fb-testing.forumactif.com/login.forum?logout=true">Log Out</a>
- Code:
<dd id="smenu5">
<ul>
<li><a href="http://fb-testing.forumactif.com/login.forum?connexion">Log In</a></li>
<li><a href="http://fb-testing.forumactif.com/login.forum?logout=true">Log Out</a></li>
<li><a href="http://fb-testing.forumactif.com/profile.forum?mode=register">Register</a></li>
</ul>
</dd>
<a href="http://
Re: Navigation [Menu déroulant]
Merci. Mais sa marche pas ^^
Re: Navigation [Menu déroulant]
C'est que tu as dû faire une erreur...
Chez moi, ça m'amène bien à la déconnexion.
Remplace juste ce qui est en rouge barré par la partie de l'adresse de ton forum.
Peux-tu donner un lien, ça pourrait aider à mieux t'aider.
Chez moi, ça m'amène bien à la déconnexion.
Remplace juste ce qui est en rouge barré par la partie de l'adresse de ton forum.
Peux-tu donner un lien, ça pourrait aider à mieux t'aider.
Re: Navigation [Menu déroulant]
Tu as mis pour ce lien : http://Bimbo-world.forumactif.com/loginlogout=true
Alors que "S'incrire" par exemple est : http://bimbo-world.forumgratuit.fr/profile.forum?mode=register
C'est pourquoi j'avais dit de remplacer toute la partie de l'url barrée en rouge.
Alors que "S'incrire" par exemple est : http://bimbo-world.forumgratuit.fr/profile.forum?mode=register
C'est pourquoi j'avais dit de remplacer toute la partie de l'url barrée en rouge.
Re: Navigation [Menu déroulant]
Merci ! ;D
Page 1 sur 2 • 1, 2
Sujets similaires
» menu deroulant
» Navigation rapide en onglet et menu déroulant
» Barre de navigation qui passe sous le menu déroulant
» Supprimer un espace entre la Barre de Navigation et un Menu Déroulant
» [Administration] Barre de navigation : choix entre lien classique ou menu déroulant
» Navigation rapide en onglet et menu déroulant
» Barre de navigation qui passe sous le menu déroulant
» Supprimer un espace entre la Barre de Navigation et un Menu Déroulant
» [Administration] Barre de navigation : choix entre lien classique ou menu déroulant
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum