welcome
otm
otm
site video
social media
shoutbox
Latest Shouts In The Shoutbox -- View The Shoutbox · Rules Collapse  


shoutbox

 
Add Reply
New Topic
New Poll

 Kitty's Phone, Shadowcat
Shadowcat
 Posted: Jan 16 2016, 11:14 PM
Quote

player: Dani
38 posts

Group Icon


Awards: 7



Kitty
calling...
Hey! You've reached Kitty's cell, can't come to the phone right now, please leave a message!
Kitty
mobile


CODE
[dohtml]<center><link href='http://fonts.googleapis.com/css?family=Roboto:400,100|' rel='stylesheet' type='text/css'><style type="text/css">
.ios7 {width: 212px; height: 375px; position: absolute; overflow: hidden}
.lockscreen {width:212px;height:375px;overflow:hidden}
.icall {width:212px;height:375px;position:relative;-webkit-transform:translateX(-212px); transform:translateX(-212px); -moz-transform:translateX(-212px); -o-transform:translateX(-212px); -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out;}
.lockscreen:hover .icall {position:relative;-webkit-transform:translateX(0px); transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px);}

mobile {font: 100 10px roboto}
calling {font: 100 9px roboto}

::-webkit-scrollbar { width: 2px; }
::-webkit-scrollbar-track { background-color: transparent; }
::-webkit-scrollbar-thumb { background-color: #898989; }

</style>

<div style="width: 250px; height: 526px; background: url(http://i.imgur.com/IYWxB9l.png);">
<div style="width: 212px; height: 375px; background-image: url(http://i103.photobucket.com/albums/m151/totallyxsharky/RPG/cell_zpsykzunhw4.png); position: relative; top: 77px; left: 1px;">
<div class="ios7">
<div class="lockscreen"><div class="icall">
<table cellpadding="0" cellspacing="0"><td><div style="width:212px; height:375px; background-image: url(http://i.imgur.com/zvO80FL.png)">
<table cellpadding="5" cellspacing="5"><tr><td><div style="width: 170px; height: 100px; color: white; font: 100 20px roboto; text-align: center; position: relative; top: 25px; left: 15px">

First Last

<br><calling>calling...</calling></div></td></tr><tr><td>
<div style="width: 170px; height: 120px; overflow: auto; color: white; font: 100 9px roboto; text-align: justify; padding: 5px; position:relative; left: 5px">

Your Message Here

</div></td></tr></table>
</div></td><td>
<div style="width:212px;height:375px; background-image: url(http://i.imgur.com/Mr5pWiA.png)">
<div style="width: 170px; height: 100px; color: white; font: 100 25px roboto; text-align: center; position: relative; top: 35px; left: 25px">

First Last

<br><mobile>mobile</mobile></div>
</div></td></table></div></div></div></div></div><div style="width: 225px; text-align: right"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=18255">▲</a><a href="http://shine.b1.jcink.com/index.php?showuser=3019">▲</a></div>
</center>[/dohtml]


Kitty
text message here!
Kitty
now


CODE
[dohtml]<center><link href='http://fonts.googleapis.com/css?family=Roboto:100,200,300,400|' rel='stylesheet' type='text/css'><style type="text/css">
.ios7 {width: 212px; height: 375px; position: absolute; overflow: hidden}
.lockscreen {width:212px;height:375px;overflow:hidden}
.imessage {width:212px;height:375px;position:relative;-webkit-transform:translateX(-212px); transform:translateX(-212px); -moz-transform:translateX(-212px); -o-transform:translateX(-212px); -webkit-transition:all 1s ease-in-out; transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out;}
.lockscreen:hover .imessage {position:relative;-webkit-transform:translateX(0px); transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px);}

newmessage {color: white; font: 100 8px roboto; text-transform: lowercase; opacity: .8}

::-webkit-scrollbar { width: 1px; }
::-webkit-scrollbar-track { background-color: transparent; }
::-webkit-scrollbar-thumb { background-color: #ecf8fe; }


.talkbubble {width: 140px; max-height: 230px; position:relative; padding: 10px 2px 10px 10px; margin-left: 40px; margin-top: 28px; background:#328eec; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.talkbubble:before { content:""; position:absolute; bottom:-5px; left:125px; border:0; border-right-width:20px; border-bottom-width:10px; border-style:solid; border-color:transparent #328eec; display:block; width:0;}
.talkbubble:after {content:""; position:absolute; bottom:-10px; left:80px; border:0; border-right-width:0px; border-bottom-width:10px; border-style:solid; border-color:transparent #fff; display:block; width:0;}
</style>

<div style="width: 250px; height: 526px; background: url(http://i.imgur.com/IYWxB9l.png);">
<div style="width: 212px; height: 375px; background-image: url(http://i103.photobucket.com/albums/m151/totallyxsharky/RPG/cell_zpsykzunhw4.png); position: relative; top: 77px; left: 1px;">
<div class="ios7">
<div class="lockscreen"><div class="imessage">
<table cellpadding="0" cellspacing="0"><td><div style="width:212px; height:375px; background-image: url(http://i.imgur.com/iDXlLSx.png)">
<table cellpadding="5" cellspacing="5"><tr><td><div style="width: 95px; height: 20px; color: black; font: 400 11px roboto; text-align: center; position: relative; top: 10px; left: 56px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 95px;">

First Last

</div></td></tr><tr><td>
<div class="talkbubble">
<div style="width: 135px; color: white; font: 400 9px roboto; text-align: justify; padding-right: 7px; max-height: 230px; overflow: auto">

text message here!

</div></div></td></tr></table>
</div></td><td>
<div style="width:212px;height:375px; background-image: url(http://i.imgur.com/94AxMOG.png)">
<table style="position: relative; top: 100px; left: 10px; padding: 10px 0px;"><tr><td><img src="http://i.imgur.com/d5ADchh.png" width=20px" style="margin-right: 5px" /></td><td><div style="color: white; max-width: 140px; font: 400 11px roboto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">

First Last

</div></td><td><newmessage>now</newmessage></td></tr></table>

</div></td></table></div></div></div></div></div><div style="width: 225px; text-align: right"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=18255">▲</a><a href="http://shine.b1.jcink.com/index.php?showuser=3019">▲</a></div>
</center>[/dohtml]
PM
^
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
Fast Reply
New Topic
New Poll