<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,800italic|Abel|La+Belle+Aurore|Mr+De+Haviland|Norican|Kaushan+Script|Satisfy|Kalam|Italianno' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merienda+One|Covered+By+Your+Grace|Shadows+Into+Light+Two|Kalam' rel='stylesheet' type='text/css'>
<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>
<head>
<style type="text/css">
a {
color: #ff3333;
text-decoration: none;
}
a:hover {
color: #ff6666;
text-decoration: none;
}
.onglet,
.onglet_0 {display:inline-block;
margin: 0px 5px -4px 10px;
font-family: 'Satisfy', cursive;
font-size : 5pts;
height : auto;
width : 100px;
text-align: center;
background-image: url(http://www.aht.li/2705490/fond_-_2.jpg);
color: #990000;
border-radius: 10px;
border-left : #990000 3px solid;
border-right : #990000 3px solid;
border-top : #990000 3px solid;
padding : 3px;
-webkit-transition: 300ms;
-moz-transition: 300ms;
transition: 300ms;
}
.onglet_1{
background: #990000 ;
font-size: 8pts;
color: #ffffcc;
-webkit-transition: 2s;
-moz-transition: 2s;
transition: 2s;
}
.contenu_onglet{display:none;
background-image : url(http://www.aht.li/2705496/PassengerHP9_7.jpg);
height : 200px;
width : 600px;
overflow : auto;
color: #cc0066;
position: relative;
font-family: georgia;
border-left : #990000 2px dotted;
border-bottom : #990000 4px solid;
border-right : #990000 2px dotted;
border-top : #990000 4px solid;
box-shadow : 0 0 10px #990000;
font-family : 'Abel', sans-serif;
padding : 10px;
}
.cadre { border-radius: 10px;
border : 1px solid #990000;
background-image: url(http://www.aht.li/2705490/fond_-_2.jpg);
width: 450px;
height: 170px;
float: right;
text-align: justify;
padding: 10px;
font-family : 'Abel', sans-serif;
color : #990000;
overflow : auto;
border-radius : 20px 20px 20px 20px;
font-family : 'Abel', sans serif;
}
.contact {border: 1px solid #990000;
background-image: url(http://www.aht.li/2705490/fond_-_2.jpg);
border-radius: 70px 70px 70px 70px;
box-shadow : 0px 0px 10px #990000;
padding: 10px;
text-align : center;
color: #cc0000;
width : 50px;
height : 50px;
font-family: 'Kalam', cursive;
font-size : 10pts;
float : left;
}
</style>
</head>
<body>
<div class="onglets">
<center>
<span class="onglet_0 onglet" id="onglet_1er" onmouseover="javascript:change_onglet('1er');">Ayme</span>
<span class="onglet_0 onglet" id="onglet_2eme" onmouseover="javascript:change_onglet('2eme');">Équipe</span>
<span class="onglet_0 onglet" id="onglet_3eme" onmouseover="javascript:change_onglet('3eme');">Moi</span>
</center>
</div>
<center>
<div class="contenu_onglet" id="contenu_onglet_1er">
<br/>
<div style = " border-bottom : 2px dotted #cc0066; width : 500px; padding : 20 px;">
<img src = "http://nsm05.casimages.com/img/2012/07/08//1207081128155543310074958.jpg"/>
<br/><br/>
« Détourner l’attention.<br/>
Si tu te souviens de cela, jamais tu ne te feras attraper. »<br/>
<div style = "font-family: 'Merienda One', cursive; ">
<font size ="4pts">
Arséne Lupin.<br/>
</font>
<br/>
</div>
</div>
<br/>
<span style ="font-family : 'Satisfy',cursive; color : #990000; text-shadow : 0px 0px 10px #ffffcc;">
<font size ="10pts">
∼ RP ∼
</font>
</span><br/>
<div style = " border-bottom : 2px dotted #cc0066; width : 500px; padding : 20 px;">
RP normaux : 3 en cours <br/>
Events : 0 en cours <br/>
Missions : 0 en cours <br/>
Épreuves : 0 en cours <br/>
Matchs : 0 en cours <br/>
<br/>
</div>
<br/>
<span style ="font-family : 'Satisfy',cursive; color : #cc0000">
<font size ="10pts">
<a href="http://erasia-rpg.forum-actif.net/t2002-ayme-s-tale">∼ Fiche Personnage ∼</a>
</font>
</span>
</div>
<div class="contenu_onglet" id="contenu_onglet_2eme">
<br/>
<span style ="font-family : 'Satisfy',cursive; color : #990000; text-shadow : 0px 0px 10px #ffffcc;">
<font size ="10pts">
∼ Nox ∼
</font>
</span>
<br/>
<div style = " border-bottom : 2px dotted #cc0066; width : 500px; padding : 20 px;">
<img src = "http://nsm05.casimages.com/img/2012/08/29//1208291143585543310260252.jpg"/>
<br/><br/>
Niveau : 15<br/>
Genre : Mâle<br/>
Type : Normal<br/>
Race : Évoli<br/>
<br/><br/>
</div>
<br/>
</div>
<div class="contenu_onglet" id="contenu_onglet_3eme">
<div style="float:left; width 150;">
<img src="http://www.aht.li/2705494/Cerise.png"/><br/>
<div class="contact">
<font size = "6,5pts"><a href="http://erasia-rpg.forum-actif.net/privmsg?mode=post&u=560 ('popup.html')">MP</a>
</font>
</div>
</div>
<div class="cadre"><br/>
<span style ="font-family : 'Satisfy',cursive; color : #990000; text-shadow : 0px 0px 10px #ffffcc; text-align: center;">
<font size ="6pts">
∼ Grapheuse ∼
</font>
</span>
<img src ="http://nsm08.casimages.com/img/2015/07/21//1507210643255543313460046.gif"/> <br/>
<div style = " border-bottom : 2px dotted #cc0066; width : 430px; padding : 20 px;">
Grapheuse officelle du forum, n'hésitez pas à visiter ma galerie et à laisser un petit commentaire !
<img src = "http://nsm08.casimages.com/img/2015/07/21//1507210641475543313460044.gif"/><br/>
Vous pouvez passer des commandes pour un kit ou autre directement en postant sur ma galerie ou via MP.
<img src = "http://nsm08.casimages.com/img/2015/07/21//1507210641485543313460045.gif"/><br/>
<br/>
<span style ="font-family : 'Satisfy',cursive; color : #cc0000; text-shadow : 0px 0px 10px #ffffcc; text-align: center;">
<font size ="4pts">
<a href = "http://erasia-rpg.forum-actif.net/f72-coin-des-artistes ('popup.html')">∼∼ Ma galerie</a>
</font>
</span><br/><br/>
</div>
</div>
</div>
</center>
<script type="text/javascript">
//<!--
var anc_onglet = '1er';
change_onglet(anc_onglet);
//-->
</script>
</body>
</html>
Accueil Règlement 
Mar 15 Déc 2015, 17:14
(sur un autre fofo, faut que je face la mienne ici T.T) juste en connaissant les bases 
)