La barre de navigation

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu La barre de navigation

Message par Yu' le Dim 11 Avr 2010 - 9:51

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.


Dernière édition par Yu' le Mer 14 Avr 2010 - 18:24, édité 1 fois

Yu'
***

Féminin
Messages : 113
Inscrit(e) le : 24/02/2010

http://himitsu-rpg.forumactif.com/
Yu' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Invité le Mer 14 Avr 2010 - 11:12

Re,

Pas chez moi Smile Vous avez internet Explorer?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Yu' le Mer 14 Avr 2010 - 11:18

Oui bien sur c'est ça que j'utilise

Yu'
***

Féminin
Messages : 113
Inscrit(e) le : 24/02/2010

http://himitsu-rpg.forumactif.com/
Yu' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Invité le Mer 14 Avr 2010 - 11:26

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Yu' le Mer 14 Avr 2010 - 11:30

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 ?

Yu'
***

Féminin
Messages : 113
Inscrit(e) le : 24/02/2010

http://himitsu-rpg.forumactif.com/
Yu' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Invité le Mer 14 Avr 2010 - 11:41

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é


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Yu' le Mer 14 Avr 2010 - 12:46

Il faut le mettre ou le " </table></td></tr></center> " ?

Yu'
***

Féminin
Messages : 113
Inscrit(e) le : 24/02/2010

http://himitsu-rpg.forumactif.com/
Yu' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Invité le Mer 14 Avr 2010 - 13:55

@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é


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Yu' le Mer 14 Avr 2010 - 14:29

J'ai pas tellement compris donc voici ^^

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 ^^

Yu'
***

Féminin
Messages : 113
Inscrit(e) le : 24/02/2010

http://himitsu-rpg.forumactif.com/
Yu' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Invité le Mer 14 Avr 2010 - 14:31

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é


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Yu' le Mer 14 Avr 2010 - 14:43

Super merci mais c'est normal que ça se décale a nouveau ? XD je sais je suis chiante ^^'

Yu'
***

Féminin
Messages : 113
Inscrit(e) le : 24/02/2010

http://himitsu-rpg.forumactif.com/
Yu' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Invité le Mer 14 Avr 2010 - 15:14

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Yu' le Mer 14 Avr 2010 - 17:24

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>

Yu'
***

Féminin
Messages : 113
Inscrit(e) le : 24/02/2010

http://himitsu-rpg.forumactif.com/
Yu' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Invité le Mer 14 Avr 2010 - 17:40

Re,

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é


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Yu' le Mer 14 Avr 2010 - 18:21

Ca marche ! Merci beaucoup pour cette aide précieuse

Yu'
***

Féminin
Messages : 113
Inscrit(e) le : 24/02/2010

http://himitsu-rpg.forumactif.com/
Yu' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Yu' le Mer 14 Avr 2010 - 20:35

Comment je fais lorsque je veux changer d'image en dessous de la barre de navigation ?

Yu'
***

Féminin
Messages : 113
Inscrit(e) le : 24/02/2010

http://himitsu-rpg.forumactif.com/
Yu' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation

Message par Invité le Mer 14 Avr 2010 - 20:43

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é Smile

Bonne soirée.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum