Accueil
Invité
est en ligne
Invité
12:41 PM
1
LORENA O'LEARY
message 1
message 2
send message... |
- Code:
<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/82a6020540462ce8147a7da906848bbf/tumblr_inline_p7jn3kbCaC1rpoosj_100.gif" 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>LORENA O'LEARY</div> <div class="sppbxx"> <div class="sppbubbl">message 1</div> <div class="sppbubbl">message 2</div></div>
<div style="width:150px;background: #Fcfcfc; padding: 4px; height: 20px; 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: #7E95A4; 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; margin-top: -5px; 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: #7E95A4; 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 #7E95A4; border-left: solid 110px #7E95A4; border-right: solid 65px transparent;border-bottom: solid 240px transparent;position: absolute;top: 0px;left: 0px;overflow: hidden;}.spphin { background: #fdfdfd; padding: 10px; height: 310px; width: 180px; 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>
(Invité)