szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg
Type your message here
Send
Kód:
<div style="margin: 0 auto; width: 230px; height: 370px; padding: 10px 6px 50px; border: 2px solid #1f1f1f; background: #000; -moz-border-radius: 20px; -webkit-border-radius: 20px; line-height: 100%; font-size: 11px;"> <center><div style="background: #2f2f2f; width: 50%; height: 7px; padding: 2px; margin: 0 auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 10px; font-size: 7px; letter-spacing: 1; color: #e1e3e6; font-family: terminal, tahoma;"><marquee scrollamount="2">credit<a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=2821" style="font-size: 7px; font-family: terminal, tahoma; color: #e1e3e6; text-decoration: none;">ATF</a> AND <a href="http://z7.invisionfree.com/SOSHALLOW/index.php?showuser=79" style="font-size: 7px; font-family: terminal, tahoma; color: #e1e3e6; text-decoration: none;">SDS</a></marquee></div></center><div style="height: 50px; background: #93a2b6; background: -moz-linear-gradient(top, #b0bcc9, #93a2b6); background: -webkit-gradient(linear, left top, left bottom, from(#b0bcc9), to(#93a2b6)); border-bottom: 1px solid #76879f;"><table height="50"><tr><td width="50"><div style="width: 45px; text-align: center; font-family: arial; color: #fff; font-size: 9px; font-weight: bold; padding: 5px; background: #45658e; background: -moz-linear-gradient(top, #899ab6, #45658e); background: -webkit-gradient(linear, left top, left bottom, from(#899ab6), to(#45658e)); border: 1px solid #385a8a; -moz-border-radius: 5px; -webkit-border-radius: 5px;">Messages</div></td><td width="130" align="center"><div style="font-family: arial; font-size: 16px; color: #fff; line-height: 90%; text-shadow: #454545 1px 1px 1px; font-weight: bold;">KINEK?</td></div><td width="50"><div style="width: 45px; text-align: center; font-family: arial; color: #fff; font-size: 9px; font-weight: bold; padding: 5px; background: #45658e; background: -moz-linear-gradient(top, #899ab6, #45658e); background: -webkit-gradient(linear, left top, left bottom, from(#899ab6), to(#45658e)); border: 1px solid #385a8a; -moz-border-radius: 5px; -webkit-border-radius: 5px;">Edit</div></td></tr></table></div><div style="height: 230px; background: #dbe1ed; padding: 10px 5px;"><table><tr><td valign="top" width="60"><img src="http://media.tumblr.com/f4949ebc5cbe4b9aa62d3c33cac755c8/tumblr_inline_mmm2iaMtRy1rirmks.gif" width="60" height="60"></td><td valign="top" width="160"><div style="text-align: justify; -moz-border-radius: 10px; -webkit-border-radius: 10px; max-height: 210px; overflow: auto; background: #f6f6f6; background: -moz-linear-gradient(top, #f6f6f6, #dedede, #f6f6f6); background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dedede)); border: 1px solid #c3c3c3; padding: 5px; font-family: arial; font-size: 9px; line-height: 130%; color: #363636; ">szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg </div></td></tr></table></div><div style="height: 30px; background: #e1e3e6; background: -moz-linear-gradient(top, #e1e3e6, #d0d1d3); -webkit-gradient(linear, left top, left bottom, from(#e1e3e6), to(#d0d1d3)); border-top: 1px solid #c6c6c6; "><table><tr><td width="180" align="center"><div style="text-align: left; font-family: arial; font-size: 9px; color: #7b7b7b; background: #f1f1f1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #bfbfbf; -moz-box-shadow: inset 0px 0px 1px #c6c6c6; -webkit-box-shadow: inset 0px 0px 1px #c6c6c6; padding: 4px 8px; width: 130px">Type your message here</div></td><td width="50" align="center"><div style="width: 45px; text-align: center; font-family: arial; color: #fff; font-size: 9px; font-weight: bold; padding: 5px; background: #45658e; background: -moz-linear-gradient(top, #899ab6, #45658e); background: -webkit-gradient(linear, left top, left bottom, from(#899ab6), to(#45658e)); border: 1px solid #385a8a; -moz-border-radius: 5px; -webkit-border-radius: 5px;">Send</div></td></tr></table></div><center><div style="background: #2f2f2f; width: 50px; height: 50px; margin: 05px auto; -moz-border-radius: 50px; -webkit-border-radius: 50px;"> </div> </center></div>
10:59
Kinek?
SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG
SZÖVEG SZÖVEG SZÖVEG
SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG SZÖVEG
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg
szöveg szöveg szöveg
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szövegszöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szövegszöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szövegszöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szövegszöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg
szöveg szöveg szöveg szöveg szöveg szöveg szöveg
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szövegszöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/7208ae47c3.css"> <div id="prettyphone"> <div class="background"> <div class="inside"> <div class="topinfo"><i class="fa fa-signal"></i><span style="padding-left: 2px; font-size: 9px; line-height: 12px;">WWT</span> <i class="fa fa-wifi"></i><div class="time">12:45 AM</div><span style="float: right; margin-top: -11px; margin-right:-12px;"><i class="fa fa-battery-quarter" aria-hidden="true"></i></span></div> <div class="namearea"><div class="prenumbers"></div> <div class="numbers">2</div> <div class="personimage"> <img src="https://64.media.tumblr.com/e00018f1a7c486f42fc7738a9d593574/de3b0a1bf61d1e25-76/s540x810/b61024953409ca25fac4503e63a0fd08ee3a2910.jpg"></div> <div class="personname">Kinek?</div> <div class="contact"></div> </div> <div class="messagearea"> <div class="text"> <p>szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg</p> <p>szöveg szöveg szöveg</p> <p>szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szövegszöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szövegszöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szövegszöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szövegszöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg</p> <p>szöveg szöveg szöveg szöveg szöveg szöveg szöveg</p> <p>szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szövegszöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg</p> <p>szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg</p> <p>szöveg szöveg </p> </div> </div> <div class="bottombar"> <div class="bottompic"> <i class="fa fa-camera" style="margin-left:5px;"></i> <div class="messagebottom">Message <div class="microphone"><i class="fa fa-microphone" aria-hidden="true"></i></div></div> </div> </div> </div> </div> <p/><div class="evviecodez" style="margin-left:20px;"><a href="http://cttw.jcink.net/index.php?showuser=9613">♡ ♡ ♡</a></div> </div> <style>#prettyphone { margin: 10px auto;; width: 440px; overflow: hidden; } .background { height: 700px; width: 440px; background: url(https://i.ibb.co/KFJztgb/iphonerose2.png); background-position: center; overflow: hidden;} .inside { width: 272px; height: 484px; background: #fafafa; position: relative; top: 91px; left: 92px; border-radius: 2px; overflow: hidden; } .topinfo { height: 12px; width: 241px; background: #f9f9f9; color: #999; padding: 4px 10px; font: 12px/12px 'Lato', sans-serif; word-spacing: 3px;margin-top: -18px;} .namearea { height: 45px; width: 272px; background: #f9f9f9; border-bottom: 1px solid #ddd;} .time { color: #454545; text-align: center; margin-top: -12px; letter-spacing: 0px; word-spacing: 0px; margin-left:20px; } .numbers { background: #ecb9b9; border-radius: 100%; height: 20px; width: 20px; font: 10px/20px 'Lato', sans-serif; text-align: center; position: relative; top: -20px; color: #fff; display: inline-block; } .prenumbers { background: #ecb9b9; -webkit-clip-path: polygon(45% 0, 18% 50%, 45% 100%, 25% 100%, 0% 50%, 25% 0%); clip-path: polygon(45% 0, 18% 50%, 45% 100%, 25% 100%, 0% 50%, 25% 0%); height: 20px; width: 10px; margin-right: 10px; display: inline-block; border-radius: 5px; position: relative; left: 10px;} .personimage { width: 55px; height: 55px; border-radius: 100%; position: relative; top: -85px; left: 114px; background: #000;} .personimage img { width: 55px; height: 55px; border-radius: 100%;margin-top:-18px; } .personname { text-align: center; color: #454545; font: 10px/10px 'Lato', sans-serif; margin-top: -115px; margin-left: 5px; word-spacing: 3px;} .contact { color: #ecb9b9; text-align: center; font: 14px/20px 'Lato', sans-serif;border: 1px solid #ecb9b9; width: 20px; height: 20px; border-radius: 100%; position: relative; top: -90px; left: 240px; } .contact:before { content: 'i';} .messagearea { height: 390px; border-bottom: 1px solid #ddd; width: 272px; overflow: hidden; margin-top: -75px; } .text { padding: 0px 10px; height: 340px; margin: 10px 0px; overflow: auto; } .text p { width: 140px; background: #ecb9b9; padding: 7px; border-radius: 7px 7px 0px 7px; font: 10px/12px 'Lato', sans-serif; color: #fff; text-align: justify; float: right; display: block; margin-top: 0px; } .text h1 { float: left; width: 140px; background: #ddd; border-radius: 7px 7px 7px 0px; padding: 7px; font: 10px/12px 'Lato', sans-serif; color: #333; text-align: justify; display: block; margin-top: 0px; } .bottombar { height: 24px; padding: 0px 5px; margin-top: -55px; margin-left: -18px;} .bottompic { color: #aaa; font: 12px/12px 'Lato', sans-serif; height: 12px; padding: 6px 0px; width: 15px; display: inline-block; margin-top: 5px;} .messagebottom { width: 210px; height: 18px; border: 1px solid #ddd; border-radius: 5px; position: relative; left: 25px; top: -27px; font: 10px/18px 'Lato', sans-serif; padding: 0px 10px; } .microphone { display: inline-block; height: 8px; width: 16px; background: #999; color: #f9f9f9; border-radius: 50%; text-align: center; padding: 4px 0px; font: 8px/8px 'Lato', sans-serif; float: right;margin-top: 1px; margin-right: -5px;}.evviecodez { font: 15px/15px 'Lato', sans-serif; text-transform: uppercase; text-align: center; color: #ecb9b9; margin-top: -40px;} #prettyphone ::-webkit-scrollbar { width: 5px; background-color: #fff;} #prettyphone ::-webkit-scrollbar-thumb { background-color: #ecb9b9; border-radius:100px;}</style>
to KINEK?
time: IDŐ?
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg
szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg