| system_block_mainmenu.html ( Petit style de menu tout simple ) |
Titre du sujet : system_block_mainmenu.html ( Petit style de menu tout simple )
par JbSkynet sur 14/09/2005 22:11:09
Remplacer votre template " system_block_mainmenu.html "
par ( placer votre menu a gauche "
<SCRIPT LANGUAGE="JavaScript">
ie4 = document.all;
dom = document.getElementById;
</SCRIPT>
<div id="slidemenubar2" onMouseover="pull()" onMouseout="draw()">
<TABLE WIDTH=160 CELLPADDING=0 CELLSPACING=0 BORDER=0>
<TR>
<TD><TABLE WIDTH=100% CELLPADDING=0 CELLSPACING=1 BORDER=0>
<TR>
<TD WIDTH=140><FONT FACE="Verdana" SIZE=2>
<div align="left"><a class="menuTop" href="<{$xoops_url}>/"><{$block.lang_home}></a></div>
<!-- start module menu loop -->
<{foreach item=module from=$block.modules}>
<div align="left"><a class="menuMain" href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}></a></div>
<{foreach item=sublink from=$module.sublinks}>
<div align="left"><a class="menuSub" href="<{$sublink.url}>"><{$sublink.name}></a></div>
<{/foreach}> <{/foreach}>
<!-- end module menu loop -->
</FONT></TD>
<TD WIDTH=20 ALIGN=center bgcolor="#FFCCFF">
<FONT FACE="Arial, Verdana" SIZE=2 COLOR=#0000FF>
M<BR>
E<BR>
N<BR>
U<BR>
<BR>
G<BR>
E<BR>
N<BR>
E<BR>
R<BR>
A<BR>
L<BR>
</FONT></TR>
</TABLE>
</TD>
</TR>
</TABLE>
</div>
<SCRIPT LANGUAGE=JavaScript>
if(dom)
{
themenu=document.getElementById("slidemenubar2").style;
themenu.left = -140;
}
else if (ie4)
{
themenu=document.all.slidemenubar2.style;
themenu.left = -140;
}
function pull()
{
themenu.left = 0;
}
function draw()
{
themenu.left = -140;
}
</script>
"
ça donne un menu sur la gauche masquer.
Très simple d'utilisation
Bonne amusement.
|
|
