La barre de navigation
3 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 2 sur 2 • Partagez
Page 2 sur 2 • 1, 2
La barre de navigation
Rappel du premier message :
Bonsoir,
Je voulais savoir comment on fait pour mettre une barre de naviagtion comme celle-ci, la ou il y a marqué, Accueil, Présentation, Divertissement & Partenariat et Pub, voici ce que je souhaite :
http://boysloveuniversity.forumactif.org/forum.htm
Merci d'avance de m'aider et a la personne qui pourra me dire cela.
Bonsoir,
Je voulais savoir comment on fait pour mettre une barre de naviagtion comme celle-ci, la ou il y a marqué, Accueil, Présentation, Divertissement & Partenariat et Pub, voici ce que je souhaite :
http://boysloveuniversity.forumactif.org/forum.htm
Merci d'avance de m'aider et a la personne qui pourra me dire cela.
Dernière édition par Yu' le Mer 14 Avr 2010 - 18:24, édité 1 fois
Re: La barre de navigation
Re,
Pas chez moi Vous avez internet Explorer?
Pas chez moi Vous avez internet Explorer?
Invité- Invité
Re: La barre de navigation
Oui bien sur c'est ça que j'utilise
Re: La barre de navigation
Bah j'ai aucun problème sous Internet Explorer, le menu s'affiche correctement :
Ah moins que ce soit la version de votre IE qui pose souci :/ J'ai Internet Explorer 8
Ah moins que ce soit la version de votre IE qui pose souci :/ J'ai Internet Explorer 8
Invité- Invité
Re: La barre de navigation
Ah ? Bon ben je vais le télécharger XD merci encore mais une chose ( je sais je fais chier ^^ ), est ce que vous savez faire diminuer la longueur des cases et de centrer toute la barre de navigation ?
Re: La barre de navigation
Puis à la fin du div qui correspond au Div menu, il faut mettre :
- Code:
</table></td></tr></center>
Dernière édition par Xoumi le Mer 14 Avr 2010 - 13:55, édité 1 fois
Invité- Invité
Re: La barre de navigation
Il faut le mettre ou le " </table></td></tr></center> " ?
Re: La barre de navigation
Xoumi a écrit:Puis à la fin du div qui correspond au Div menu, il faut mettre :
- Code:
</table></td></tr></center>
Ps: Si vous ne comprenez pas, merci de me donner votre code actuel du menu entre les balises CODE =)
Invité- Invité
Re: La barre de navigation
J'ai pas tellement compris donc voici ^^
Merci beaucoup ^^
- Spoiler:
- </style><center><div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');">Accueil</dt>
<dd id="smenu1">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/reglement-f1/reglement-du-forum-t1.htm#1">Règlement</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/context-story-f2/la-gakuen-himitsu-t225.htm#2609">Histoire</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');">Présentation</dt>
<dd id="smenu2">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/fiche-de-presentation-t3.htm#3">Formulaire</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/personnage-special-pour-yuyu-t1972.htm#34191">Chika Akatsuki</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/wanted-t1131.htm#22290">Wanted</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/roles-disponibles-t1690.htm#30647">Roles Dispo</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');">Partie Invités</dt>
<dd id="smenu3">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/floodons-f95/">Floodons</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/questions-f94/">Questions ?</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');">Partenariat ?</dt>
<dd id="smenu4">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/friends--invites-t236.htm#2728">Demande</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/nous-lier-dans-ton-forum-t235.htm#34683">Nous Lier</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/fiche-du-forum-t1894.htm#30121">Notre Fiche</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();"><a href="http://himitsu-rpg.forumactif.com/partenariat-top-site-f33/top-site-3-t872.htm#16220" title="Retour à l'accueil">Top-Sites</a></dt>
</dl></div><br /><center><div id="image">
</div></center>
Merci beaucoup ^^
Re: La barre de navigation
Et voici :
- Code:
<center><table><tr><td><div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');">Accueil</dt>
<dd id="smenu1">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/reglement-f1/reglement-du-forum-t1.htm#1">Règlement</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/context-story-f2/la-gakuen-himitsu-t225.htm#2609">Histoire</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');">Présentation</dt>
<dd id="smenu2">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/fiche-de-presentation-t3.htm#3">Formulaire</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/personnage-special-pour-yuyu-t1972.htm#34191">Chika Akatsuki</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/wanted-t1131.htm#22290">Wanted</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/roles-disponibles-t1690.htm#30647">Roles Dispo</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');">Partie Invités</dt>
<dd id="smenu3">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/floodons-f95/">Floodons</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/questions-f94/">Questions ?</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');">Partenariat ?</dt>
<dd id="smenu4">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/friends--invites-t236.htm#2728">Demande</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/nous-lier-dans-ton-forum-t235.htm#34683">Nous Lier</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/fiche-du-forum-t1894.htm#30121">Notre Fiche</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();"><a href="http://himitsu-rpg.forumactif.com/partenariat-top-site-f33/top-site-3-t872.htm#16220" title="Retour à l'accueil">Top-Sites</a></dt>
</dl></div></td></tr></table></center><br /><center><div id="image">
</div></center>
Invité- Invité
Re: La barre de navigation
Super merci mais c'est normal que ça se décale a nouveau ? XD je sais je suis chiante ^^'
Re: La barre de navigation
Re,
Oui, ça commence à devenir pénible, surtout que ça marche sur mon forum de test et jamais chez vous.
Donnez moi en intégralité le code de votre page d'accueil, je vais le recoder moi même.
Oui, ça commence à devenir pénible, surtout que ça marche sur mon forum de test et jamais chez vous.
Donnez moi en intégralité le code de votre page d'accueil, je vais le recoder moi même.
Invité- Invité
Re: La barre de navigation
Voici :
- Spoiler:
- <script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: trans;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 11em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #2767A8;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #2767A8;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #6DCFDE;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #ffffff;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
-->
</style>
<center><table><tr><td><div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');">Accueil</dt>
<dd id="smenu1">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/reglement-f1/reglement-du-forum-t1.htm#1">Règlement</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/context-story-f2/la-gakuen-himitsu-t225.htm#2609">Histoire</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');">Présentation</dt>
<dd id="smenu2">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/fiche-de-presentation-t3.htm#3">Formulaire</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/personnage-special-pour-yuyu-t1972.htm#34191">Chika Akatsuki</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/wanted-t1131.htm#22290">Wanted</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/roles-disponibles-t1690.htm#30647">Roles Dispo</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');">Partie Invités</dt>
<dd id="smenu3">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/floodons-f95/">Floodons</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/questions-f94/">Questions ?</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');">Partenariat ?</dt>
<dd id="smenu4">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/friends--invites-t236.htm#2728">Demande</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/nous-lier-dans-ton-forum-t235.htm#34683">Nous Lier</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/fiche-du-forum-t1894.htm#30121">Notre Fiche</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();"><a href="http://himitsu-rpg.forumactif.com/partenariat-top-site-f33/top-site-3-t872.htm#16220" title="Retour à l'accueil">Top-Sites</a></dt>
</dl></div></td></tr></table></center><br /><center><div id="image">
</div></center>
Re: La barre de navigation
Re,
Bon voici le code mais franchement, c'est pas beau ...
Chez moi, cela fonctionne, j'espère que ça le fera aussi. Mais si vous connaissez un bon codeur, faudra qu'il le retape ^^
Bon voici le code mais franchement, c'est pas beau ...
- Code:
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script><style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: trans;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 11em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #2767A8;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #2767A8;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #6DCFDE;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #ffffff;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
-->
</style><center><table><tr><td><div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');">Accueil</dt>
<dd id="smenu1">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/reglement-f1/reglement-du-forum-t1.htm#1">Règlement</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/context-story-f2/la-gakuen-himitsu-t225.htm#2609">Histoire</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');">Présentation</dt>
<dd id="smenu2">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/fiche-de-presentation-t3.htm#3">Formulaire</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/personnage-special-pour-yuyu-t1972.htm#34191">Chika Akatsuki</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/wanted-t1131.htm#22290">Wanted</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/roles-disponibles-t1690.htm#30647">Roles Dispo</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');">Partie Invités</dt>
<dd id="smenu3">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/floodons-f95/">Floodons</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/questions-f94/">Questions ?</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');">Partenariat ?</dt>
<dd id="smenu4">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/friends--invites-t236.htm#2728">Demande</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/nous-lier-dans-ton-forum-t235.htm#34683">Nous Lier</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/fiche-du-forum-t1894.htm#30121">Notre Fiche</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();"><a href="http://himitsu-rpg.forumactif.com/partenariat-top-site-f33/top-site-3-t872.htm#16220" title="Retour à l'accueil">Top-Sites</a></dt>
</dl></div><br /><div id="image">
</div></td></tr></table></center>
Chez moi, cela fonctionne, j'espère que ça le fera aussi. Mais si vous connaissez un bon codeur, faudra qu'il le retape ^^
Invité- Invité
Re: La barre de navigation
Ca marche ! Merci beaucoup pour cette aide précieuse
Re: La barre de navigation
Comment je fais lorsque je veux changer d'image en dessous de la barre de navigation ?
Re: La barre de navigation
Bonsoir,
Il faut changer l'adresse de l'image dans la feuille CSS, vous savez, le petit bout de code que je vous ai fait rajouté
Bonne soirée.
Il faut changer l'adresse de l'image dans la feuille CSS, vous savez, le petit bout de code que je vous ai fait rajouté
Bonne soirée.
Invité- Invité
Page 2 sur 2 • 1, 2
Sujets similaires
» Avoir une barre "suivez l'actualité du forum" en dessous de la barre de navigation
» Barre de couleur derrière la barre de navigation + modifier le css des boutons
» Barre de navigation
» Modifier ma barre de navigation (en-tête et navigation)
» Suppression "barre" en dessous de la barre de navigation
» Barre de couleur derrière la barre de navigation + modifier le css des boutons
» Barre de navigation
» Modifier ma barre de navigation (en-tête et navigation)
» Suppression "barre" en dessous de la barre de navigation
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 2 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum