En travaux
1. Voici le code Le 24/04/2009 à 03:07
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/tabslideV2/js/prototype.js" type="text/javascript"></script>
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/tabslideV2/js/effects.js" type="text/javascript"></script>
<script src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/tabslideV2/js/tabslide.js" type="text/javascript"></script> <style>
#accordion {
border: 1px solid #1F669B;
width: 600px;
height: 310px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 11px;
position:relative !important;
display:block;
overflow:hidden;
background-image:url(http://ddata.over-blog.com/xxxyyy/0/37/17/67/tabslideV2/images/aston.jpg);
background-repeat:no-repeat;
background-position:top left;
}
h3 {
font-size: 12px;
padding: 6px 6px 4px 35px;
margin: 0;
color:#fff;
border-bottom:1px solid #333333;
cursor:pointer;
display:block;
background-image:url(http://ddata.over-blog.com/xxxyyy/0/37/17/67/tabslideV2/images/tab-left.gif);
background-position:top left;
background-repeat:no-repeat;
}
#visible {
background-image:url(http://ddata.over-blog.com/xxxyyy/0/37/17/67/tabslideV2/images/tab-left-active.gif);
border-bottom:1px solid #DA1074;
}
.panel_body {
height:150px;
background-color:#333333;
display:block;
position:relative;
color:#FFFFFF;
}
.panel_body div {
padding:3px 5px;
}
.panel{
bottom:0px;
margin:0px;
padding:0px;
background-image:url(http://ddata.over-blog.com/xxxyyy/0/37/17/67/tabslideV2/images/tab-right.gif);
background-position:top right;
background-repeat:repeat-x;
background-color:#333333;
}
.wrapper{
bottom:0px;
position:absolute;
}
</style>
</head> <body>
<div id="accordion">
<div class="panel" id="Menu1">
<h3>Menu 1</h3>
<div id="panel1-body" class="panel_body">
<div>
en travaux pour le moment.
</div>
</div>
</div>
<div class="panel" id="Menu2">
<h3>Menu 2</h3>
<div id="panel2-body" class="panel_body">
<div>
en travaux pour le moment.
</div>
</div>
</div>
<div class="panel" id="Menu3">
<h3>Menu 3</h3>
<div id="panel3-body" class="panel_body">
<div>
en travaux pour le moment.
</div>
</div>
</div>
<div class="panel" id="Menu4">
<h3>Menu 4</h3>
<div id="panel4-body" class="panel_body">
<div>
en travaux pour le moment.
</div>
</div>
</div>
<div class="panel" id="Menu5">
<h3>Menu 5</h3>
<div id="panel5-body" class="panel_body">
<div>
en travaux pour le moment.
</div>
</div>
</div>
</div>
<script>init();</script>
Dernière mise à jour de cette page le 22/04/2009