Menu DHTML ? CSS ?

Marsh Posté le 22-02-2006 à 01:20:21

Bonsoir à tous,
Pourrais je savoir en quel langage a été élaboré le menu de ce site svp ? http://www.arsenal-mania.com/
Et si possible avoir le code, ou si vous connaissez un site qui explique comment les faire ou qui les generent !

UN GRAND MERCI

Reply

Marsh Posté le 22-02-2006 à 01:20:21

Reply

Marsh Posté le 22-02-2006 à 07:50:24

HTML Propre + CSS pour styler le tout
je conseille listamatic qui donne de très bon menus :
http://css.maxdesign.com.au/listamatic/index.htm

Reply

Marsh Posté le 22-02-2006 à 13:00:11

Merci beaucoup je suis arrivé au résultat escompté !
Le problème est que mon menu est magnifique mais sur IE seulement, car sur FIREFOX par exemple il est plus large.
Y a t-il un correctif ? Merci

Reply

Marsh Posté le 22-02-2006 à 15:02:20

y-a-t-il un lien vers ton menu s'il te plait, car sans code on peut rien pour toi

Reply

Marsh Posté le 22-02-2006 à 16:15:02

Merci à toi :ange:

Code :

<head>
<style type="text/css" media="screen">
<!--
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
font: 11px verdana, arial, sans-serif;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 130px;
}
#menu dt {
cursor: pointer;
margin: 1px 0;
height: 20px;
line-height: 20px;
text-align: gauche;
font-weight: bold;
border: 0px solid ;
background: #C6CBD3;
font: 11px verdana, arial, sans-serif;
font-weight:bold;
border-left: 10px solid #003366;
padding: 0.25em 0.5em 0.25em 0.75em;
color : #242424;
}
#menu dd {
border: 0px solid;
}
#menu li {
text-align: right;
background: #e8e8e8;
font: 11px verdana, arial, sans-serif;
border-left: 10px solid #ffffff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #C6CBD3;
color : #242424;
font-weight:bold;
}
#menu dt:hover {
background: #ffffff;
}
-->
</style>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=20; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script></head>
<body><dl id="menu" name="menu">
<dt onclick="javascript:montre();"><a href="#">Accueil</a></dt>
<dt onclick="javascript:montre('smenu2');">Le Club</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Présentation</a></li>
<li><a href="#">Infrastructures</a></li>
<li><a href="#">La formation</a></li>
<li><a href="#">Présidents/Coachs</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Historique</dt>
<dd id="smenu3">
<ul>
<li><a href="#">En bref</a></li>
<li><a href="#">Saisons passées</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Ligue 1</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Calendrier/Résultats</a></li>
<li><a href="#">Classement</a></li>
<li><a href="#">Statistiques</a></li>
<li><a href="#">Effectif pro</a></li>
<li><a href="#">Les clubs</a></li>
<li><a href="#">Interviews</a></li>
<li><a href="#">Transferts</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');">CFA 2</dt>
<dd id="smenu5">
<ul>
<li><a href="#">Calendrier/Résultats</a></li>
<li><a href="#">Classement</a></li>
<li><a href="#">Effectif</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu6');">Jeunes</dt>
<dd id="smenu6">
<ul>
<li><a href="#">Calendriers/Résultats</a></li>
<li><a href="#">Classements</a></li>
<li><a href="#">Effectifs</a></li> </ul>
</dd>
<dt onclick="javascript:montre('smenu7');">Supporters</dt>
<dd id="smenu7">
<ul>
<li><a href="#">À la une</a></li>
<li><a href="#">Les groupes</a></li>
<li><a href="#">Annonces</a></li>
<li><a href="#">Photos</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu8');">Phototheque</dt>
<dd id="smenu8">
<ul>
<li><a href="#">À la une</a></li>
<li><a href="#">2006/2007</a></li>
<li><a href="#">2005/2006</a></li>
<li><a href="#">2004/2005</a></li>
<li><a href="#">2003/2004</a></li>
<li><a href="#">2002/2003</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu9');">Mediatheque</dt>
<dd id="smenu9">
<ul>
<li><a href="#">À la une</a></li>
<li><a href="#">Autres</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu10');">Goodies</dt>
<dd id="smenu10">
<ul>
<li><a href="#">Fonds d'Ecran</a></li>
<li><a href="#">Smilies</a></li>
<li><a href="#">Widgets</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu11');">Pronostiquez</dt>
<dd id="smenu11">
<ul>
<li><a href="#">La L1</a></li>
<li><a href="#">Le CFA 2</a></li>
<li><a href="#">Les -18 nationaux</a></li>
<li><a href="#">Les -16 nationaux</a></li>
<li><a href="#">Les -14 féderaux</a></li>
<li><a href="#">Pronos en cours</a></li>
<li><a href="#">Les classements</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu12');">Communauté</dt>
<dd id="smenu12">
<ul>
<li><a href="#">Le forum</a></li>
<li><a href="#">Les blogs</a></li>
<li><a href="#">Nos liens</a></li>
<li><a href="#">Le webring</a></li>
<li><a href="#">À propos</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</dd>
</dl>
<table width="520" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"> </td>
</tr>
</table>
</body>

Reply

Menu DHTML ? CSS ?

Sujets relatifs:

Leave a Replay