🌍
Français
Bon comme je vois tu veux faire un style de menu mais pas deroulant tu veux pas les sous menu toi si je te donne certaine chose tu pourras peut etre t'en servire mais je sais pas en quel version tu es par contre
Voila se que j'ai mis dans mon entete en mode administration de mon album comme si je voulais modifier ma bannière
<div id="position"><div id="container">
<div id="contabs">
<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">La Guilde
<div class="menuIE" align="center">
<table>
<tbody>
<tr>
<td><a class="SousMenu" href="#nogo">Réglement</a> <a class="SousMenu" href="#nogo">Les membres</a><a class="SousMenu" href="http://mercenaires-drekthar.phpbb9.com/viewforum.forum?f=2">Recrutement</a></td>
</tr>
</tbody>
</table>
</div>
<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">Personnages
<div class="menuIE" align="center">
<table>
<tbody>
<tr>
<td><a class="SousMenu" href="http://wowessai.over-blog.com/article-2940494.html">Les races</a> <a class="SousMenu" href="http://wowessai.over-blog.com/article-2940510.html">Les classes</a> <a class="SousMenu" href="#nogo">Les métiers</a> <a class="SousMenu" href="http://wowessai.over-blog.com/article-2940527.html">Les montures</a></td>
</tr>
</tbody>
</table>
</div>
<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">Atlas
<div class="menuIE" align="center">
<table>
<tbody>
<tr>
<td><a class="SousMenu" href="#nogo">Kalimdor</a> <a class="SousMenu" href="#nogo">???</a></td>
</tr>
</tbody>
</table>
</div>
<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">Discussions
<div class="menuIE" align="center">
<table>
<tbody>
<tr>
<td><a class="SousMenu" href="http://mercenaires-drekthar.phpbb9.com/">Forum</a> <a class="SousMenu" href="http://www.swisstools.net/livechat.asp?id=87485">T'chat</a></td>
</tr>
</tbody>
</table>
</div>
<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">Photos
<div class="menuIE" align="center">
<table>
<tbody>
<tr>
<td><a class="SousMenu" href="#nogo">Dessins</a> <a class="SousMenu" href="#nogo">???</a></td>
</tr>
</tbody>
</table>
</div>
</a></div>
</a></div>
</a></div>
</a></div>
</a></div>
<div class="boutonFF" align="center">La Guilde<br /><a class="SousMenu" href="#nogo">Réglement</a> <a class="SousMenu" href="#nogo">Les membres</a> <a class="SousMenu" href="#nogo">Recrutement</a> </div>
<div class="boutonFF" align="center">Personnages<br /><a class="SousMenu" href="http://wowessai.over-blog.com/article-2940494.html">Les races</a> <a class="SousMenu" href="http://wowessai.over-blog.com/article-2940510.html">Les classes</a> <a class="SousMenu" href="#nogo">Les métiers</a> <a class="SousMenu" href="http://wowessai.over-blog.com/article-2940527.html">Les moutures</a> </div>
<div class="boutonFF" align="center">Atlas<br /><a class="SousMenu" href="#nogo">Kalimdor</a> <a class="SousMenu" href="#nogo">???</a> </div>
<div class="boutonFF" align="center">Discussions<br /><a class="SousMenu" href="http://mercenaires-drekthar.phpbb9.com/">Forum</a> <a class="SousMenu" href="http://www.swisstools.net/livechat.asp?id=87485">T'chat</a> </div>
<div class="boutonFF" align="center">Photos<br /><a class="SousMenu" href="#nogo">Dessins</a> <a class="SousMenu" href="#nogo">???</a> </div>
</div>
tu a differente partie la premiere partie est pour ceux qui navigue avec IE et l'autre partie pour ceux qui navigue sous FF mais il faut mettre les 2 partie dans l'entete si tu veux pas les sous menu il te suffit d'y enlever et sa devrait fonction après il te reste plus qu'a mettre des titres pour tes menus
Exemple
<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">La Guilde
<div class="menuIE" align="center">
dans cette partie du code il te suffit de modifier La guilde par un titre de menu que tu veux
ensuite si tu veux que en cliquant sur ton nouveau titre sa t'ouvre une nouvelle page il te suffit de mettre une URL a la place de #nogo
et tu fait la meme chose après pour les partie de FF quand tu as fait ca tu as un code a mettre dans le css de ton theme donc moi je l'ai mis dans template/yoga/theme/pink/theme.css
ok je me rapproche, le menu est horizontale, il manque quelques trucs mais je verrais ça plus tard...
si quelqu'un est interessé par le menu
la css
#menuconteneur {
border-bottom: 1px solid #ddd;
}
ul#menu {
margin: 0;
padding: 0;
font: bold 1em georgia, times, serif;
list-style-type: none;
text-align: right;
}
#menu li {
display: inline;
margin: 0 5px;
}
#menu a {
color: #808080;
text-decoration: none;
line-height: 25px;
}
#menu, a#current {
color: #fc6;
}
#menu a:hover {
font-size: 1em;
}
#menu a:hover, #current {
color: #333;
font-size: 1.5em;
}et le html est dans le post de VDigital
quand aux erreurs, elle doivent provenir des héritages (comme tu l'as dit), mes Noms de Menus sont soulignés par des pointillés comme dans le menu de gauche
Merci beaucoup !
Tu peux aussi remettre :
<div id="menuconteneur">
<ul id="menu">
comme ceci:
<div id="theHeader">
<div id="menuconteneur">
<ul id="menu">
<li><a href="../index.html" >Accueil</a></li>
<li><a href="../blog.html">Blog</a></li>
<li><a href="../info.html">Informations</a></li>
<li><a href="../galeriep/category.php" id="current">Galerie Photos</a></li>
<li><a href="../galeriev.html">Galerie Vidéos</a></li>
<li><a href="../forum">Forum</a></li>
<li><a href="../liens.html">Liens</a></li>
</ul>
</div>
Attention aux héritages des css.
8-)
J'ai supprimé mon autre post pour rétablir le fil de discussion.
merci de ton aide mais
mon but remplacer le bandeau moche de la galerie par le joli menu que l'on peut voir sur le site !
;)
edit: ce message ne t'ai destiné Vdigital mais à un autre post qui a été supprimé
e407 a écrit:
si j'ai finalement trouvé le menubar.tpl, c'est que je suis passé en 1.6 ;) (en local)
et quand mathias m'a proposé d'utiliser le header.tpl, je l'ai fait ! et comme je le dis dans mon post, j'ai presque le résultat espéré !
bref ce que je ne comprend pas dans ton code, c'est comment le navigateur peut savoir que c'est le menu et lui seul qui doit utiliser cette css. Puisqu'il n'est pas entre les balises styles ?
Quand au niveau de la version, j'ai dit que si besoin est je migrerai, c'était pas très clair...
(je comprend bien que tu es un peu énervé de faire le support) mais merci ;)
j'ai testé ton code, mais il n'y a pas tout c'est ça ?
Qu'as tu codé dans style.css?
#theHeader A,
#theHeader LI,
#theHeader DL,
#theHeader DD,
#theHeader DT,
#theHeader UL,
{ .... }
Je ne donne pas de cours de css.
8-)
je viens de votre ton poste tu veux faire un menu deroulant ? un peu dans se style là
http://pompier42.ifrance.com/album
si c'est le cas j'ai peut etre ta solution
si j'ai finalement trouvé le menubar.tpl, c'est que je suis passé en 1.6 ;) (en local)
et quand mathias m'a proposé d'utiliser le header.tpl, je l'ai fait ! et comme je le dis dans mon post, j'ai presque le résultat espéré !
bref ce que je ne comprend pas dans ton code, c'est comment le navigateur peut savoir que c'est le menu et lui seul qui doit utiliser cette css. Puisqu'il n'est pas entre les balises styles ?
Quand au niveau de la version, j'ai dit que si besoin est je migrerai, c'était pas très clair...
(je comprend bien que tu es un peu énervé de faire le support) mais merci ;)
j'ai testé ton code, mais il n'y a pas tout c'est ça ?
Certains ont quelque chose comme ceci comme template/yoga/header.tpl :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="{LANG}" dir="{DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CONTENT_ENCODING}">
<!-- BIG FIX ME BELOW (paths) -->
<link rel="stylesheet" type="text/css" href="template/yoga/default-layout.css">
<link rel="stylesheet" type="text/css" href="template/yoga/default-colors.css">
<!-- the next css is used to fix khtml (Konqueror/Safari) issue
the "text/nonsense" prevents geko based browsers to load it -->
<link rel="stylesheet" type="text/nonsense" href="template/yoga/fix-khtml.css">
<link rel="stylesheet" type="text/css" media="print" href="template/yoga/print.css">
<!-- AN OTHER FIX ME -->
<style type="text/css">
.notDoneYet {
background: yellow;
color: red;
}
</style>
<!-- BEGIN refresh -->
<meta http-equiv="refresh" content="{REFRESH_TIME};url={U_REFRESH}">
<!-- END refresh -->
<title>{GALLERY_TITLE}:{PAGE_TITLE}</title>
<script type="text/javascript" src="include/scripts.js"></script>
<!--[if gte IE 5.5000]>
<script type="text/javascript" src="include/pngfix.js"></script>
<![endif]-->
</head>
<body id="{BODY_ID}">
<div id="the_page">
<div id="theHeader">
<h1>{GALLERY_TITLE}</h1>
<p>{GALLERY_DESCRIPTION}</p>
</div>
Et s'ils veulent respecter les règles de coding W3C, ils coderont dans un premier temps quelque chose comme:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="{LANG}" dir="{DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CONTENT_ENCODING}">
<!-- BIG FIX ME BELOW (paths) -->
<link rel="stylesheet" type="text/css" href="template/yoga/default-layout.css">
<link rel="stylesheet" type="text/css" href="template/yoga/default-colors.css">
<!-- the next css is used to fix khtml (Konqueror/Safari) issue
the "text/nonsense" prevents geko based browsers to load it -->
<link rel="stylesheet" type="text/nonsense" href="template/yoga/fix-khtml.css">
<link rel="stylesheet" type="text/css" media="print" href="template/yoga/print.css">
<!-- AN OTHER FIX ME -->
<style type="text/css">
.notDoneYet {
background: yellow;
color: red;
}
</style>
<!-- BEGIN refresh -->
<meta http-equiv="refresh" content="{REFRESH_TIME};url={U_REFRESH}">
<!-- END refresh -->
<title>{GALLERY_TITLE}:{PAGE_TITLE}</title>
<script type="text/javascript" src="include/scripts.js"></script>
<!--[if gte IE 5.5000]>
<script type="text/javascript" src="include/pngfix.js"></script>
<![endif]-->
<style type="text/css">
@import url(/style.css);
</style>
</head>
<body id="{BODY_ID}">
<div id="the_page">
<div id="theHeader">
<dl>
<dt>SMOC Taekwondo</dt>
<dd>
<ul>
<li><a href="../index.html" >Accueil</a></li>
<li><a href="../blog.html">Blog</a></li>
<li><a href="../info.html">Informations</a></li>
<li><a href="../galeriep/category.php" id="current">Galerie Photos</a></li>
<li><a href="../galeriev.html">Galerie Vidéos</a></li>
<li><a href="../forum">Forum</a></li>
<li><a href="../liens.html">Liens</a></li>
</ul>
</dd>
</dl>
<h1>{GALLERY_TITLE}</h1>
<p>{GALLERY_DESCRIPTION}</p>
</div>
Ces certains (et c'est certain d'ailleurs aussi) iront par la suite lire les astuces de la 1.5 sur le Wiki
et feront des recherches par exemple sur l'indexation pour savoir si certaines choses ne sont pas encore à changer.
Je comprends pourquoi tu as eu du mal à trouver menubar.tpl (n'existe pas en 1.5, c'est une nouveauté de la branche 1.6).
Enfin si tu m'avais bien lu et lu ce que disais Mathias «plutot dans header.tpl, dans ce cas.»
Tu l'aurais corrigé de toi même.
Ma conclusion du jour:
Qui, un jour, a besoin d'assistance
Pose une question et donne sa version en référence
C'est plus simple pour ceux qui y répondent.
Cela leur évite de proposer des solutions pour une version différente (hk-3 c'est de la 1.6).
Une meilleure idée encore: migre en 1.6.1
8-)
Il faut bien mettre son code html entre les balises <style> ? comme dans mon post précédent ?
A mettre en <head> donc voir header.tpl
Je ne comprend pas ce que tu veux me dire. Mon code est entre les balises <head>
merci
Tu ferais bien d'étudier les bases de HTML
<style type="text/css">
@import url(/style.css);
</style>
A mettre en <head> donc voir header.tpl
Sinon ceci : Ok
<dl>
<dt>SMOC Taekwondo</dt>
<dd>
<ul>
<li><a href="../index.html" >Accueil</a></li>
<li><a href="../blog.html">Blog</a></li>
<li><a href="../info.html">Informations</a></li>
<li><a href="../galeriep/category.php" id="current">Galerie Photos</a></li>
<li><a href="../galeriev.html">Galerie Vidéos</a></li>
<li><a href="../forum">Forum</a></li>
<li><a href="../liens.html">Liens</a></li>
</ul>
</dd>
</dl>
merci ! j'y suis presque
j'ai donc ajouté mon menu, ça marche, il se place en haut : niquel.
Pour l'associer à ma feuille css, j'utilise @import
<style type="text/css">
@import url(/style.css);
<dl>
<dt>SMOC Taekwondo</dt>
<dd>
<ul>
<li><a href="../index.html" >Accueil</a></li>
<li><a href="../blog.html">Blog</a></li>
<li><a href="../info.html">Informations</a></li>
<li><a href="../galeriep/category.php" id="current">Galerie Photos</a></li>
<li><a href="../galeriev.html">Galerie Vidéos</a></li>
<li><a href="../forum">Forum</a></li>
<li><a href="../liens.html">Liens</a></li>
</ul>
</dd>
</dl>
</style>Ma feuille de style est à la racine du site
Sinon le language des templates ? c'est du xml ?
plutot dans header.tpl, dans ce cas.
Au besoin, dans ce même header.tpl, tu peux supprimer les [gallery_title} et {description} si ça t'encombre.
Je te conseille de dupliquer le template auparavant. Comme ça, en cas de fausse manip, tu as toujours le template par défaut qui tourne.
ok j'ai trouvé menubar.tpl (oué !)
mais je ne comprend pas l'intérêt de hk -3
et le résultat ne me comvient pas vraiment, je voudrais avoir le même menu sur mon site et ma galerie
là il est intégré avec les "Catégories" "Spéciales" "Menu" "Identification"
bonne nuit ;)
hk-3 est pour de la 1.6
Migre en 1.6.1 tu ne perdras pas au change.
8-)