D'accord je vais preparer mon code et je vous le montrerais.
Il y a un mot que vous avez utilisé et que j'ai déjà vu quelque part, "Include" je vais fouiner pour voir ce que c'est.
Merci
Edit: Voila le code que j'ai fais. En thérorie il fonctionne mais là n'est pas la question car de toute façon il va changer d'un point de vue contenu et apparence.
J'ai créée une "page" en html ne sachant pas trop quoi faire.
Là je vais chercher ce que c'est que ce Include dont vous parliez. A plus tard.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>menu</title>
</head>
<style>
/* Supprime les styles appliqués par défaut aux listes. S'applique également à la sous-liste */
.nav {
list-style: none none;
margin: 0;
padding: 0;
line-height: 1;
}
.nav a {
display: block;
padding:.5em;
color: blue;
background: white;
text-decoration: none;
}
.nav a:focus,
.nav a:hover {
color: black;
background: #ffc;
text-decoration: underline;
}
.nav-item {
float: left; /* Pour que les liens s’affichent horizontalement */
position: relative; /* Crée un contexte de positionnement pour les sous-listes */
}
.sub-nav {
display: none; /* Masque la sous-liste */
position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
left: 0; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur */
top: 2em; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur, on le positionne explicitement en bas du conteneur */
white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
}
.nav-item:hover .sub-nav {
display: block; /* Affiche cette sous-liste au survol de son conteneur */
}
</style>
<body>
<!--Début du menu-->
<ul class="nav">
<!--1 accueil du site-->
<li class="nav-item"><a href="http://ddstvavatarland.free.fr/">Accueil</a></li>
<!--Fin 1 accueil du site-->
<!--2 Galerie-->
<li class="nav-item">
<a href="http://ddstvavatarland.free.fr/galerie/">Galerie</a>
<!--Code 2ème niveau-->
<ul class="nav sub-nav">
<!--Sous menu galerie-->
<!--Inscritpions--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/register.php">Inscription</a></li>
<!--Conexion--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/login.php?referer=search.php">Conexion</a></li>
<!--Rechercher--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/search.php">Rechercher</a></li>
<!--Albums--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/index.php?cat=0">Albums</a></li>
<!--Télécharger un Fichier--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/upload.php">Télécharger un Fichier</a></li>
<!--Membres--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/usermgr.php">Membres</a></li>
<!--Fin sous menu galerie-->
</ul>
<!--Fin code 2ème niveau-->
</li>
<!--Fin 2 Galerie-->
<!--3 Forum Avatar Land-->
<li class="nav-item"><a href="http://ddstvavatarland.free.fr/forum/">Forum Avatar Land</a>
<!--Code 2ème niveau-->
<ul class="nav sub-nav">
<!--Sous menu Forum Avatar Land-->
<!--Inscritpions--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/forum/ucp.php?mode=register">Inscription</a></li>
<!--Conexion--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/forum/ucp.php?mode=login">Conexion</a></li>
<!--Forums--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/forum/">Forums</a></li>
<!--Fin sous menu Forum Avatar Land-->
</ul>
<!--Fin code 2ème niveau-->
</li>
<!--Fin 3 Avatar Land-->
<!--4 DdSTV-->
<li class="nav-item"><a href="http://dinguedeserietele.activebb.net/">Dingues de séries télés!</a>
<!--Code 2ème niveau-->
<ul class="nav sub-nav">
<!--Sous menu DdSTV-->
<!--Inscritpions--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/register">Inscription</a></li>
<!--Conexion--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/login">Conexion</a></li>
<!--Forums--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/">Forums</a></li>
<!--Liste des séries--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/t7759-liste-des-series">Liste des séries</a></li>
<!--Liste des films--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/t7759-liste-des-series">Liste des films</a></li>
<!--Fin sous menu DdSTV-->
</ul>
<!--Fin code 2ème niveau-->
</li>
<!--Fin 4 DdSTV-->
<!--5 Partenaires-->
<li class="nav-item"><a href="http://ddstvavatarland.free.fr/">Partenaires</a>
<!--Code 2ème niveau-->
<ul class="nav sub-nav">
<!--Sous menu Partenaires-->
<!--Partenaires Avatar Land--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/forum/viewtopic.php?f=11&t=2">Partenaires Avatar Land</a></li>
<!--Partenaires Dingues de Séries Télés--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/t3119-tous-nos-partenaires">Partenaires Dingues de Séries Télés</a></li>
<!--Fin sous menu Partenaires-->
</ul>
<!--Fin code 2ème niveau-->
</li>
<!--Fin 5 Partenariats-->
</ul>
<!--Fin du menu-->
</body>
</html>
Edit n°2: En parlant de include vous m'avez vraiment mise sur la piste car j'ai trouvé ce qu'il faut faire!
1 Créer un document en .php avec les informations concernant le menu et le CSS qui peut soit être inclu dans le css global du site soit dans la page .php elle-même.
2 dans la page accueil, insérer le code iunclude et le chemin du menu à l'endroit désiré.
Merci beaucoup pour votre aide!
Ce soit j'ai appris quelque chose.
D'accord je vais preparer mon code et je vous le montrerais.
Il y a un mot que vous avez utilisé et que j'ai déjà vu quelque part, "Include" je vais fouiner pour voir ce que c'est.
Merci :D
[b]Edit: [/b]Voila le code que j'ai fais. En thérorie il fonctionne mais là n'est pas la question car de toute façon il va changer d'un point de vue contenu et apparence.
J'ai créée une "page" en html ne sachant pas trop quoi faire. :lol:
Là je vais chercher ce que c'est que ce Include dont vous parliez. A plus tard.
[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>menu</title>
</head>
<style>
/* Supprime les styles appliqués par défaut aux listes. S'applique également à la sous-liste */
.nav {
list-style: none none;
margin: 0;
padding: 0;
line-height: 1;
}
.nav a {
display: block;
padding:.5em;
color: blue;
background: white;
text-decoration: none;
}
.nav a:focus,
.nav a:hover {
color: black;
background: #ffc;
text-decoration: underline;
}
.nav-item {
float: left; /* Pour que les liens s’affichent horizontalement */
position: relative; /* Crée un contexte de positionnement pour les sous-listes */
}
.sub-nav {
display: none; /* Masque la sous-liste */
position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
left: 0; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur */
top: 2em; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur, on le positionne explicitement en bas du conteneur */
white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
}
.nav-item:hover .sub-nav {
display: block; /* Affiche cette sous-liste au survol de son conteneur */
}
</style>
<body>
<!--Début du menu-->
<ul class="nav">
<!--1 accueil du site-->
<li class="nav-item"><a href="http://ddstvavatarland.free.fr/">Accueil</a></li>
<!--Fin 1 accueil du site-->
<!--2 Galerie-->
<li class="nav-item">
<a href="http://ddstvavatarland.free.fr/galerie/">Galerie</a>
<!--Code 2ème niveau-->
<ul class="nav sub-nav">
<!--Sous menu galerie-->
<!--Inscritpions--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/register.php">Inscription</a></li>
<!--Conexion--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/login.php?referer=search.php">Conexion</a></li>
<!--Rechercher--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/search.php">Rechercher</a></li>
<!--Albums--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/index.php?cat=0">Albums</a></li>
<!--Télécharger un Fichier--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/upload.php">Télécharger un Fichier</a></li>
<!--Membres--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/galerie/usermgr.php">Membres</a></li>
<!--Fin sous menu galerie-->
</ul>
<!--Fin code 2ème niveau-->
</li>
<!--Fin 2 Galerie-->
<!--3 Forum Avatar Land-->
<li class="nav-item"><a href="http://ddstvavatarland.free.fr/forum/">Forum Avatar Land</a>
<!--Code 2ème niveau-->
<ul class="nav sub-nav">
<!--Sous menu Forum Avatar Land-->
<!--Inscritpions--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/forum/ucp.php?mode=register">Inscription</a></li>
<!--Conexion--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/forum/ucp.php?mode=login">Conexion</a></li>
<!--Forums--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/forum/">Forums</a></li>
<!--Fin sous menu Forum Avatar Land-->
</ul>
<!--Fin code 2ème niveau-->
</li>
<!--Fin 3 Avatar Land-->
<!--4 DdSTV-->
<li class="nav-item"><a href="http://dinguedeserietele.activebb.net/">Dingues de séries télés!</a>
<!--Code 2ème niveau-->
<ul class="nav sub-nav">
<!--Sous menu DdSTV-->
<!--Inscritpions--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/register">Inscription</a></li>
<!--Conexion--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/login">Conexion</a></li>
<!--Forums--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/">Forums</a></li>
<!--Liste des séries--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/t7759-liste-des-series">Liste des séries</a></li>
<!--Liste des films--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/t7759-liste-des-series">Liste des films</a></li>
<!--Fin sous menu DdSTV-->
</ul>
<!--Fin code 2ème niveau-->
</li>
<!--Fin 4 DdSTV-->
<!--5 Partenaires-->
<li class="nav-item"><a href="http://ddstvavatarland.free.fr/">Partenaires</a>
<!--Code 2ème niveau-->
<ul class="nav sub-nav">
<!--Sous menu Partenaires-->
<!--Partenaires Avatar Land--><li class="sub-nav-item"><a href="http://ddstvavatarland.free.fr/forum/viewtopic.php?f=11&t=2">Partenaires Avatar Land</a></li>
<!--Partenaires Dingues de Séries Télés--><li class="sub-nav-item"><a href="http://dinguedeserietele.activebb.net/t3119-tous-nos-partenaires">Partenaires Dingues de Séries Télés</a></li>
<!--Fin sous menu Partenaires-->
</ul>
<!--Fin code 2ème niveau-->
</li>
<!--Fin 5 Partenariats-->
</ul>
<!--Fin du menu-->
</body>
</html>[/html]
[b]Edit n°2: [/b]En parlant de include vous m'avez vraiment mise sur la piste car j'ai trouvé ce qu'il faut faire!
1 Créer un document en .php avec les informations concernant le menu et le CSS qui peut soit être inclu dans le css global du site soit dans la page .php elle-même.
2 dans la page accueil, insérer le code iunclude et le chemin du menu à l'endroit désiré.
Merci beaucoup pour votre aide!
Ce soit j'ai appris quelque chose.
