<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Un système d'onglet en javascript</title>
<script type="text/javascript">
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->
</script>
<style type="text/css">
.onglet
{
display:inline-block;
margin-left:-4px;
margin-right:-4px;
padding-left:15px;
padding-right:5px;
border:3px solid none;
cursor:pointer;
}
.onglet_0
{
font-family: Casual, sans-serif;
color : #ffffff;
}
.onglet_1
{
padding-bottom:-4px;
font-family: Casual, sans-serif;
color : #ffffff;
}
.contenu_onglet
{
margin-left:-4px;
margin-right:-4px;
padding:-4px;
display:none;
border: 1px solid;
border-color:#6f3e87;
width: 400px;
height:150px;
font-family: Casual, sans-serif;
background-color : #none;
color : #000000;
}
</style>
</head>
<body>
<div class="systeme_onglets" width="50%">
<div class="onglets">
<span class="onglet_1 onglet" id="onglet_1" onmouseover="javascript:change_onglet('1');" style="margin-left: 115px;"> <div style="font-size:21px;font-family:georgia;text-shadow:#bdbdbd 1px 1px 1px;color:#6f3e87; position: relative; top: -1px;"> Signatures</div> </span>
<span class="onglet_0 onglet" id="onglet_2" onmouseover="javascript:change_onglet('2');"> <div style="font-size:21px;font-family:georgia;text-shadow:#bdbdbd 1px 1px 1px;color:#6f3e87; position: relative; top: -1px;"> Cadeaux </div></span>
<div class="contenu_onglets">
<div style="display: block;" class="contenu_onglet" id="contenu_onglet_1">
<div style="height: 150px; padding-top:2px; width: 400px; font-family: Helvetica; margin: 0px 0px 0px 0px; font-size: 10px; text-align: justify; line-height: 11px;"><center><img src="http://i47.servimg.com/u/f47/13/97/86/08/signat11.png"></center></div></div>
<div style="display: none;" class="contenu_onglet" id="contenu_onglet_2">
<div style="height: 150px; width: 400px; font-family: Helvetica; padding-top:25px; font-size: 10px; text-align: justify; line-height: 11px;"><div style="overflow: auto; height: 150px; width:400px; padding-left: 5px; padding-right: 5px;"><center><img src="http://i47.servimg.com/u/f47/13/97/86/08/by_ari10.png"></center></div></div></div>
</div>
<script type="text/javascript">
//<!--
var anc_onglet = '1';
change_onglet(anc_onglet);
//-->
</script>
</body>
</html>
Accueil 
Sujet: Signature Codée for Rananas ! 8D 
