codes snap - facultatifs
emrysacademy :: ii.personnages :: gestions des personnages :: internet :: snapchat

<center><style>#nap {width: 230px; height: 350px; box-shadow: 1px 1px 2px #757575; position: relative; overflow: hidden; } .hat {width: 230px; height: 350px; background: url(https://i.imgur.com/8rr9knU.png); position: absolute; top: 0px;} #nap:active .hat { top: -350px; } .cleek { width: 230px; text-align: center; position: absolute; top: 172px; left: 0px; font-family: oswald; text-transform: uppercase; color: #222; font-size: 9px; opacity: 0; transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -o-transition: all 1s ease-in; -ms-transition: all 1s ease-in; } #nap:hover .cleek { opacity: 1; } .werds { width: 220px; padding: 5px; background: #252525; opacity: 0.7; color: #fff; position: relative; top: 230px; opacity: 0;} #nap:active .werds {opacity: 1;} </style>

<div id="nap" style="background: url(http://placehold.it/230x350);"><div class="hat">
<div style="width: 20px; height: 20px; background: #FF4040; border-radius: 5px; position: absolute; top: 150px; left: 80px;"></div><div style="font-family: oswald; font-size: 15px; text-transform: uppercase; position: absolute; top: 150px; left: 105px; line-height: 150%;">PSEUDO </div>
<div class="cleek">clic & double clic</div>
</div>
<div class="werds">une ptite ligne ici
</div></div><div style="width: 250px; padding: 5px 0px; text-transform: uppercase; text-align: right;font-size:7px;"><a href="http://shine.jcink.net/index.php?showuser=5438">thanks emilie</a></div>
</center>

<center><style type="text/css"> .friendbase { width:230px; height:350px; background-color:#eaeaea; background-image:url(https://i.imgur.com/0JflJr9.png); border:6px solid #eaeaea; -moz-box-shadow:0px 0px 5px #444;  -webkit-box-shadow:0px 0px 5px #444;  box-shadow:0px 0px 5px #444; } .friendtop { width:230px; height:32px; background-image:url(https://i.imgur.com/tu1s0OD.png); } .friendspace { width:217px; height:318px; padding:0px 13px 0px 0px; } .snapfriends { width:207px; height:308px; padding:5px; font-family:arial; font-size:10px; color:#9e4393; line-height:120%; text-align:left; font-weight:bold; text-transform:uppercase; overflow:auto; } .snapspace { height:30px; } .snapfriends spa { display:block; margin-top:0.5em; margin-bottom:0.5em; margin-left:auto; margin-right:auto; border-bottom:1px solid #C1C1C1; } .snapname, .snapfriends a { font-family:arial; font-size:12px; color:#252525; line-height:100%; text-align:left; font-weight:normal; text-transform:lowercase; } .snapfriends::-webkit-scrollbar { width:3px; } .snapfriends::-webkit-scrollbar-track { background-color:#fff; } .snapfriends::-webkit-scrollbar-thumb { background-color:#9e4393; } </style><div class="snapspace"></div><div class="friendbase"><div class="friendtop"></div><div class="friendspace"><div class="snapfriends"><font class="snapname">TON PSEUDO</font>


<spa></spa>A<p>
<a href="LINK">PSEUDO</a><br>


<spa></spa>D<p>
<a href="LINK">PSEUDO</a><br>
<a href="LINK">PSEUDO</a><br>
<a href="LINK">PSEUDO</a><br>


<spa></spa>S<p>
<a href="LINK">PSEUDO</a><br>


</div></div></div><a href="http://shine.jcink.net/index.php?showuser=2147"><font style="text-transform:uppercase; font-family:calibri; font-size:9px; color:#ABABAB;">- JENNA -</font></a></center>