1 Menu en css et html, où le placer [phpBB2] 10/4/2009, 19:11
Bonjour,
J'ai un script pour une barre de menu en css et html, mais impossible de savoir où le placer dans un template, et j'ai fouillé, trituré, bref, ça ne le fait nulle part.
Mais dans le template overall_header_new même dans une table, le fond de page disparait ainsi que la couleur de fond......
Merci.
J'ai un script pour une barre de menu en css et html, mais impossible de savoir où le placer dans un template, et j'ai fouillé, trituré, bref, ça ne le fait nulle part.
- Spoiler:
- 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: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
color: #fff;
font-weight: bold;
background-image: url('http://img4.hostingpics.net/pics/81473gradient3.png');
border: none;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background-image: url('http://img4.hostingpics.net/pics/81473gradient3.png');
border: none;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 7%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
-->
</style>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');">Accueil</dt>
<dd id="smenu1">
<ul>
<li><a href="http://fil-town.forumactif.com/index.htm" target="_blank">Index</a></li>
<li><a href="http://fil-town.forumactif.com/portal.htm" target="_blank">Portail</a></li>
<li><a href="http://fil-town.forumactif.com/faq.htm" target="_blank">FAQ</a></li>
<li><a href="http://futilitiz-city.forumactif.com/search.forum" target="_blank">Search</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');">Membres</dt>
<dd id="smenu2">
<ul>
<li><a href="http://fil-town.forumactif.com/memberlist.forum" target="_blank">Membres</a></li>
<li><a href="http://fil-town.forumactif.com/groupcp.forum" target="_blank">Groupes</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');">Profil</dt>
<dd id="smenu3">
<ul>
<li><a href="http://fil-town.forumactif.com/profile.forum?mode=editprofile" target="_blank">Infos</a></li>
<li><a href="http://fil-town.forumactif.com/profile.forum?mode=editprofile&page_profil=preferences" target="_blank">Preferences</a></li>
<li><a href="http://fil-town.forumactif.com/profile.forum?mode=editprofile&page_profil=avatars" target="_blank">Avatar</a></li>
<li><a href="http://fil-town.forumactif.com/search.forum?search_id=watchsearch" target="_blank">Watch sujets</a></li>
<li><a href="http://fil-town.forumactif.com/search.forum?search_id=newposts" target="_blank">New Posts</a></li>
<li><a href="http://fil-town.forumactif.com/search.forum?search_id=egosearch" target="_blank">My Posts</a></li>
<li><a href="http://fil-town.forumactif.com/search.forum?search_id=unanswered" target="_blank">0 Reponse</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');">Messagerie</dt>
<dd id="smenu4">
<ul>
<li><a href="http://fil-town.forumactif.com/msg.forum?folder=inbox" target="_blank">In Box</a></li>
<li><a href="http://fil-town.forumactif.com/msg.forum?folder=sentbox" target="_blank">Sended Box</a></li>
<li><a href="http://fil-town.forumactif.com/msg.forum?folder=outbox" target="_blank">Waiting Box</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu5');">Switchers</dt>
<dd id="smenu5">
<ul>
<li><a href="http://fil-town.forumactif.com/login.forum?connexion" target="_blank">Log In</a></li>
<li><a href="http://futilitiz-city.forumactif.com/login.forum?logout=true" target="_blank">Log Out</a></li>
<li><a href="http://fil-town.forumactif.com/profile.forum?mode=register" target="_blank">Register</a></li>
</ul>
</dd>
</dl>
</div>
Mais dans le template overall_header_new même dans une table, le fond de page disparait ainsi que la couleur de fond......
Merci.
Dernière édition par final-blond le 10/4/2009, 19:58, édité 2 fois