<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Signature codée</title>
<style>
div#sign{
border:double 3px #000000;
background:#8E020C;
height:126px;
width:450px;
font-family:Times;
margin:auto;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
ul li{
float: left;
padding: 1px;
display: block;
margin-right: 1px;
}
ul li div{
display: block;
overflow: hidden;
height: 122px;
width: 25px;
}
#a1{
width: 390px;
}
#a1 hr{
margin:0;
}
ul li img{
position: absolute;
cursor:pointer;
border: 1px solid #ffffff;
}
ul li p{
margin: 0;
padding: 0;
margin-left: 25px;
font-size:12px;
color:white;
text-align:justify
}
h1{
background:#100601;
border: solid 1px white;
color:white;
font-size:14px;
margin-left:25px;
text-align:center;
margin-top:2px;
margin-bottom:2px;
padding:2px;
}
ul li a{
text-decoration:none;
font-weight:bold;
color:#100601;
}
ul li a:hover{
color: white;
}
p.lien{
text-align:center;
margin-top:2px;
color:#100601;
font-size:12px;
}
p.lien a{
text-decoration:none;
font-weight:normal;
color:#100601;
}
.image1 {
background-image : url('http://i46.servimg.com/u/f46/16/36/06/79/image_11.png');/*Remplacer le lien ici par le lien de l'image de la signature*/
background-repeat:no-repeat;
width:360px;
height:120px;
margin-left:25px;
margin-bottom:10px;
}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
lastBlock = $("#a1");
maxWidth = 390;
minWidth = 25;
$("ul li div").click(
function(){
$(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
$(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
lastBlock = this;
}
);
});
</script>
</head>
<body>
<div id="sign">
<ul>
<li>
<div id="a1">
<img src="http://i46.servimg.com/u/f46/16/36/06/79/sign1_10.png">
<table width="340px"><tbody><tr valign="top"><td width="50%"><div class="image1">.</div></td>
</tr></tbody></table>
</div>
</li>
<li>
<div>
<img src="http://i46.servimg.com/u/f46/16/36/06/79/sign1_11.png">
<h1>Mes galeries/mes sujets en cours</h1>
<table><tr><td width="180px">
<p>>> <a href="http://batty.folio-graphiques.fr/galerie.php">Mon folio</a></p></td><td><p>>> <a href="http://www.colorful-bubble.com/u67">Profil</a></p></td></tr>
<tr><td><p>>> <a href="http://www.colorful-bubble.com/f116-tableaux-de-la-semaine-ecrit">Animation D'écriture</a></p></td><td><p>>> <a href="http://www.colorful-bubble.com/f30-tableaux-de-la-semaine-graphique">Animation Graphique</a></p></td></tr>
<tr><td><p>>> <a href="http://www.colorful-bubble.com/t339-batty-tout-simplement-cingle">Ma présentation</a></p></td><td><p>>> <a href="">Lien</a></p></td>
<tr><td><p>>> <a href="">Lien</a></p></td><td><p>>> <a href="">Rien...</a></p></td></tr></table>
</div>
</li>
<li>
<div>
<img src="http://i46.servimg.com/u/f46/16/36/06/79/sign1_12.png">
<h1>Batty</h1>
<p>Batty …? Mais ça veut dire quoi Batty ? Ce n’est pas plutôt Betty ? Et non ! Batty viens de l’Anglais et cela signifie cinglé ô/ J’aime bien que mon pseudo signifie qu’elle que chose, mais vous vous douté bien que ce n’est pas mon vrai nom ! En réalité, je m’appelle Marianne. Mon surnom en réalité est Marie, voilà pourquoi la plupart des mes créations son signé © Marie. J’ai 18 ans et je fais du graphisme par passe-temps depuis presque 2 ans. </p>
</div>
</li>
</ul>
</div>
</body>
</html>
Accueil 
Mar 27 Déc - 14:08
