<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>By Ellasoën sur Graphismecatlife.actifforum.com</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: 0px 20px -4px 20px ;
font-family : Verdana;
height : 30px;
width : 125px;
text-align:center;
-webkit-border-radius:25px 25px 0 0;
-moz-border-radius:25px 25px 0 0;
-o-border-radius:25px 25px 0 0;
border-radius:25px 25px 0 0;
line-height:30px;
}
.onglet_0 {
background:#a9a9a9;
color : #222222;
position: relative;
border: 2px solid #222222;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.onglet_1 {
background:#d7d7d7;
font-family : verdana;
color : #222222;
letter-spacing:1px;
position: relative;
border-top: 2px solid #222222;
border-left: 2px solid #222222;
border-right: 2px solid #222222;
border-bottom: 2px solid #d7d7d7;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.contenu_onglet {
background:#d7d7d7;
padding:5px;
display:none;
text-align:center;
border: 2px solid #222222;
height: 245px;
width: 500px;
overflow : auto;
color: #777777;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
</style>
</head>
<body>
<table cellspacing="0">
<tr>
<td>
<span class="onglet_0 onglet" id="onglet_signature" onmouseover="javascript:change_onglet('signature');">Signature</span>
<span class="onglet_0 onglet" id="onglet_cadeaux" onmouseover="javascript:change_onglet('cadeaux');">Cadeaux</span>
<span class="onglet_0 onglet" id="onglet_autres" onmouseover="javascript:change_onglet('autres');">Autres</span>
</td>
</tr>
<tr>
<td>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_signature">
<!-- Tu mets ici ta signature, image, textes ... -->
<img src="http://img535.imageshack.us/img535/6127/szdefrgthjklqwsxcdfvg.png" alt="" />
<br /> <blink> texte :D</blink>
<!-- Fin signature -->
</div>
<div class="contenu_onglet" id="contenu_onglet_cadeaux">
<!-- Les cadeaux c'est par ici :D -->
<img src="http://sd-2.archive-host.com/membres/images/134568121656250658/sdfdsgedx.png" alt="blabla" />
<br/>Blablabla blabla
<br /><br />
<img src="http://sd-2.archive-host.com/membres/images/134568121656250658/duel1v2.png" alt="blabla" />
<br/>Blablabla blabla
<br /><br />
<img src="http://sd-2.archive-host.com/membres/images/134568121656250658/tuto_Perdue_dans_le_temps.png" alt="blabla" />
<br/>Blablabla blabla
<br /><br />
<img src="http://sd-2.archive-host.com/membres/images/134568121656250658/Tuto_Sweety.png" alt="blabla" />
<br/>Blablabla blabla
<br /><br />
<!-- Fin des cadeaux -->
</div>
<div class="contenu_onglet" id="contenu_onglet_autres">
<!-- Onglet autre, tu mets ici ce que tu veux -->
Blablablatonlien
<!-- Fin autre -->
</div>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
//<!--
var anc_onglet = 'signature';
change_onglet(anc_onglet);
//-->
</script>
</body>
</html>
Accueil 
Sujet: Signature codée 
.
si tu veux prévisualiser soit sur 
.
