Menu horizontal en CSS type "boutonnière"

[Bruno36]

Bonjour!

Je voudrait ajouter un nouveau menu horizontal juste en dessous de la bannière mes je ne c'est pas ou placer le code..

Code Select Expand

<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item plus long</a></li>
</ul>

Code Select Expand

ul {
padding:0;
margin:0;
list-style-type:none;
}
li {
float:left; /*pour IE*/
border-left:1px solid black;
}
ul li a {
display:block;
float:left;   
width:100px;
line-height:50px; /*hauteur de l'image de fond*/
background:black url(images/noir-1.png) repeat-x;
color:#DCDCDC;
text-decoration:none;
text-align:center;
}
ul li a:hover {
background:black url(images/noir-2.png) repeat-x;
color:white;
}

J'ai trouver le script ici
http://css.mammouthland.net/menu-horizontal-en-css.php

[clyd]

Bonsoir.
ton code Css tu l'ajoute a ton fichier css

Code Select Expand

ul {
padding:0;
margin:0;
list-style-type:none;
}
li {
float:left; /*pour IE*/
border-left:1px solid black;
}
ul li a {
display:block;
float:left;   
width:100px;
line-height:50px; /*hauteur de l'image de fond*/
background:black url(images/noir-1.png) repeat-x;
color:#DCDCDC;
text-decoration:none;
text-align:center;
}
ul li a:hover {
background:black url(images/noir-2.png) repeat-x;
color:white;
}
que tu trouveras dans le dossier themes/default/style.css.

Puis ton code html

Code Select Expand

<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item plus long</a></li>
</ul>
tu dois l'ajouter dans ton fichier index.template.php que tu trouve dans le dossier  themes/default/index.template.php.

Si tu veux placer ton menu au même endroit que le mien (tu m'as contacté ce matin) la réponse se trouve deja dans ce sujet:
http://www.simplemachines.org/community/index.php?topic=340947.0
Si tu veux l'ajouter ailleurs c'est a toi de voir, mais le principe reste le même.

[Bruno36]

Bonjour!

Merci de m'avoir répondu.

Quand je colle le code dans mon index.template.php j'ai un message d'erreur

Template Parse Error!
There was a problem loading the /Themes/default/index.template.php template or language file. Please check the syntax and try again - remember, single quotes (') often have to be escaped with a slash (\). To see more specific error information from PHP, try accessing the file directly.

You may want to try to refresh this page or use the default theme.
--------------------------------------------------------------------------------


Parse error: syntax error, unexpected '<' in .../Themes/default/index.template.php on line 269

Code Select Expand

260: if (empty($settings['header_logo_url']))
261: echo $context['forum_name_html_safe'];
262: else
263: echo '
264: <img src="', $settings['header_logo_url'], '" alt="', $context['forum_name_html_safe'], '" />';
265:
266: echo '
267: </h1>
268: </div>';
269: <ul>270:  <li><a href="#">Item 1</a></li>
271:  <li><a href="#">Item 2</a></li>
272:  <li><a href="#">Item plus long</a></li>
273: </ul

[clyd]

c'est certainement un problème de guillemets ou de echo va voir le lien plus haut.
Autrement ta question dépasse ma compétence.

[maximus23]

Bonsoir,

Exact tu ajoutes ton code sur un echo fermé

[Bruno36]

Desoler je n'y arrive pas..

[Garédo]

ce que je peut te conseiller pour ne pas bloquer sur des choses aussi simples c'est d'aprendre quelques bases html/css/php sur http://www.siteduzero.com/

en 2 temps 3 mouvements tu vas tout comprendre