Daïbutsu Kuri ☄ Kir

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"><link href='http://fonts.googleapis.com/css?family=Roboto:400,300,900' rel='stylesheet' type='text/css'><link href='http://missytests.b1.jcink.com/uploads/missytests/roosterscell.css' rel='stylesheet' type='text/css'><style type='text/css'>.rtop { background-color: #88ABC2; } .rbottom {background-color: #88ABC2; }</style>

<div id='roosters'><div class='rback'><div class='rtop'><div class='rbar'><div class='rbarsig'><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle-o"></i><div style='margin-left: 180px; margin-top: -17px;'><i class="fa fa-battery-three-quarters fa-2x"></i></div></div></div><div class='rtopen'><a href='http://cttw.jcink.net/index.php?showuser=178'><i class="fa fa-envelope"></i></a></div><div class='rtopn'>new message!</div><div class='rtopf'>FROM: NOM PRENOM</div></div>

<div class='rholds'><div class='rmessage'><p>écrit ton message ici !</p></div></div>

<div class='rbottom'><img src='http://i.imgur.com/7qLpkOr.jpg' style='width: 60px; height: 60px; border-radius: 100%; border: 5px solid #fff; margin-top: 5px; margin-left: 5px;'> <div class='rbottomn'>NOM says...</div><div class='rbottomb'>type message...</div></div></div></div>

<div class="zscreen1"><div class="zscreenlogo"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i></div><div class="zscreentext">message<br>
a second row!</div><a href="http://shine.jcink.net/index.php?showuser=12048" title="made by zor @ shine!"><div class="zscreenbottom"><div class="zscreenbutton"></div></div></a></div>
<script src="https://use.fontawesome.com/2cdf06f89e.js"></script>

<style type="text/css">.zscreen1 { width:200px; height:320px; background-image:url('PHOTO ICI'); background-repeat:no-repeat; background-size:cover; border:10px solid white; outline:1px solid #f3f3f3; margin:0 auto; } .zscreenlogo { margin:0 auto; width:30px; height:30px; text-align:center; color:#fff; margin-top:10px; font-size:22pt; padding:7px 7px 7px 7px; border-radius:10px; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; transition: background .5s ease-in-out; text-shadow:0px 0px 1px #000; } .zscreenlogo:hover { background-color:#FFFC00; } .zscreenbottom { margin:0 auto; margin-top:60px; border:5px solid white; width:50px; height:50px; border-radius:50px; } .zscreenbutton { height:40px; width:40px; border-radius:50px; margin: 0 auto; margin-top:5px; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -ms-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out; } .zscreenbottom:hover .zscreenbutton { background-color:#ff0000; } .zscreentext { margin-top:100px; text-align:center; min-height:12px; font-size:10px; max-height:24px; padding:5px 5px 5px 5px; color:#fff; font-family:'Arial'; background:rgba(0, 0, 0, .4); }</style>