<center> <div style="background-image:url('https://i.imgbox.com/8DXYPqfs.png'); width: 219px; height: 449px; position: relative;"> <div class="spphin"> <div class="spptri"></div><div class="spptopbg"> <i class="fa fa-circle" aria-hidden="true" style="font-size: 5px; text-align: left; float: left; color: #fff; letter-spacing: 2px;"></i> <i class="fa fa-circle" aria-hidden="true" style="font-size: 5px; text-align: left; color: #fff; letter-spacing: 2px; float: left;"></i> <i class="fa fa-circle-o" aria-hidden="true" style="font-size: 5px; text-align: left; color: #fff; letter-spacing: 2px; float: left;"></i> <i class="fa fa-circle-o" aria-hidden="true" style="font-size: 5px; text-align: left; color: #fff; letter-spacing: 2px; float: left;"></i> <i class="fa fa-wifi" aria-hidden="true" style="font-size: 6px; text-align: left; color: #fff; margin-left: 4px; float: left;"></i> <span class="spptme">12:41 PM</span> <i class="ion-battery-charging" aria-hidden="true" style="font-size: 8px; text-align: right; float: right; color: #fff; position: absolute; right: 10px;"></i> </div><a href="http://shine.b1.jcink.com/index.php?showuser=12501"> <img src="https://78.media.tumblr.com/0e599b375b6b453f2d58e9dfd152140f/tumblr_o4i7tzHsAb1ukv5jvo7_250.png" class="spprimg"></a> <div class="sppalert">1</div><div class="sppnmbx"> <i class="fa fa-arrow-circle-right" aria-hidden="true" style="font-size: 13px; text-align: left; letter-spacing: 4px; color: #CA3838;"></i>eden</div><div class="sppbxx"> <div class="sppbubbl">
TON MESSAGE ICI
</div></div><div style="background: #Fcfcfc; padding: 4px; height: 10px; border: 1px solid #ddd; margin-top: 3px;"> <table> <tr> <td> <div class="sppsnd">send message...</div></td><td> <div style="padding: 1px; width: 40px; margin-top: -2px; height: 10px; background: #fafafa; line-height: 100%; border: 1px solid #ddd; text-align: center; border-radius: 4px;"> <i class="ion-ios-paperplane" style=" color: #646668; text-align: center; font-size: 12px; line-height: 100%;"></i></div></td></tr></table> </div></div></div></center><link href="https://fonts.googleapis.com/css?family=Montserrat:400:700|Poppins|Raleway:800" rel="stylesheet"><link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/><link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"><style>.spptme{color: #fff; font: 9px poppins; line-height: 100%; border-bottom: 1px solid #fff; margin-left: -30px; margin-top: -2px;}.sppsnd{font: 8px poppins; text-align: justify; line-height: 100%; width: 90px; padding: 1px; line-height: 100%; margin-top: -2px; color: #777;}.sppbxx{padding: 3px; background: #fdfdfd; border: 1px solid #eee; position:relative; z-index: 1; height: 100px; overflow: auto; width: 146px;}.sppbubbl{position: relative; background: #646668; padding: 7px; max-width: 125px; float: right; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; color: #fff; font: 9px poppins; line-height: 100%; text-align: justify; margin: 4px; text-transform: lowercase;}.sppnmbx{border-top: 1px solid #eee; position: relative; z-index: 1; padding: 2px; font: 12px montserrat; color: #333; text-transform: uppercase; text-align: center; margin-top: -15px; background: #fdfdfd; letter-spacing: -1px; font-weight: 700; width: 150px;}.sppnmbx a{color: #333; text-decoration: none; text-align: center;}.sppalert{border-radius: 100%; position: relative; z-index: 1; width: 15px; height: 15px; background: #CA3838; top: -55px; right: -40px; color: #fff; padding: 2px; font: 9px poppins; line-height: 15px;}.spptopbg{padding: 2px; z-index: 1; position: relative; height: 8px; top: -7px; left: -4px; position: relative;}.spptri{width: 0px; height: 0px; border-top: solid 70px #646668; border-left: solid 110px f; border-right: solid 65px transparent;border-bottom: solid 240px transparent;position: absolute;top: 0px; left: 0px; overflow: hidden;}.spphin{background: #fdfdfd; padding: 10px; height: 289px; width: 155px; position: absolute; top: 72px; left: 22px; border: 1px solid #DDD;}.spprimg{width: 80px; height: 80px; padding: 5px; border: 12px solid #fdfdfd; z-index: 1; position: relative; margin-top: 15px; border-radius: 100%;}::-webkit-scrollbar-thumb:vertical{background-color: #666666; border:0px;}::-webkit-scrollbar{width: 3px; background: #EEE; border-radius: 100%;}</style>