THE POWER OF TWO -> Shipper App    
   
   

     
   
 
Closed
New Topic
New Poll

 Shipper App, with a shipper reply (optional)
christian alexander lee
 Posted: Oct 26 2013, 03:15 PM
Quote
138 posts
34 years old
Freelance Model/assassin
© Tia
Offline
With the venomous kiss you gave me I'm killing loneliness (Killing loneliness) With the warmth of your arms you saved me, Oh, I'm killing loneliness with you The killing loneliness that turned my heart into a tomb I'm killing loneliness


SHIPPER APP

For the title-First Last
Title description: age | species| face claim


first middle last
first m. last
age
birthday
job
membergroup
hometown
face claim
freeform app here

FRIENDS-

LOVERS-

ENEMIES-

alias . time zone


CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><style type='text/css'>
.lovelybones { position:relative; overflow:hidden; width:400px; height:300px; background-color:#fff; padding:20px; }
.whitewash { position:absolute; overflow:hidden; top:20px; left:-400px; width:380px; height:280px; padding:10px; background-color:#fff; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lovelybones:hover .whitewash { left:20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.text { width:155px; height:30px; padding-right:5px; padding-bottom:4px; border-bottom:1px solid #eee; margin-bottom:5px; font-family:oswald; color:#222; line-height:30px; font-size:12px; text-transform:lowercase; text-align:right; }
.infos { position:absolute; left: 210px; top:10px; padding-left:20px; width:160px; height:280px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lilpic { position:absolute; top:10px; left:0px; overflow:hidden; width:140px; height:240px; background-color:#f5f5f5; padding:20px; margin-right:20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.lilpic:hover { width:380px; background-color:#f5f5f5; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; transition-delay: .75s; -webkit-transition-delay: .75s; }
.lilpicc { position:absolute; top:0px; left:0px; width:180px; height:280px; opacity:1; -webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition: 1s ease-out; }
.lilpic:hover .lilpicc { top:280px; }
.wooooords { opacity:0; width:340px; height:240px; overflow:auto; text-align:justify; line-height:100%; font-size:10px; font-family:calibri; color:#222; }
.lilpic:hover .wooooords { opacity:1; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; transition-delay: .75s; -webkit-transition-delay: .75s; }
</style><center><div style='width:440px; height:50px; background-color:#fff; font-family:oswald; color:#222; line-height:60px; font-size:20px; text-transform:uppercase; letter-spacing:2px;'>

first middle last

</div><div class='lovelybones'><div class='whitewash'><div class='infos'><div class='text'>

first m. last

</div><div class='text'>

age

</div><div class='text'>

birthday

</div><div class='text'>

job

</div><div class='text'>

membergroup

</div><div class='text'>

hometown

</div><div class='text'>

face claim

</div></div><div class='lilpic'><div class='wooooords'>

freeform app here
<br><br>
[b]FRIENDS-[/b]
<p>
[b]LOVERS-[/b]
<p>
[b]ENEMIES-[/b]
</div><div class='lilpicc' style='background-image:url(http://placehold.it/180x280);'></div>
</div></div>

<img src='http://placehold.it/400x300'>

</div><div style='width:440px; height:50px; background-color:#fff; font-family:oswald; color:#222; line-height:50px; font-size:20px; text-transform:uppercase; letter-spacing:2px;'>

alias . time zone

</div><div style='margin-top:8px; width:450px; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:4px;'>[URL=http://shine.b1.jcink.com/index.php?showuser=599] THANKS TO LOUIS AT SHINE![/URL]</div>
</center>[/dohtml]



SHIPPER REPLY (Optional):


name & name

you can your plot things here. like "oh, hey...  they could be really bitter enemies, right?" or whatever kind of story you want to tell! the best thing about this code is that it's so simple and easy to use, while still being a little bit stylish... right? .....  right?   no? oh... okay, lol.

reply to my shipper!
thanks


CODE
[align=center][dohtml]
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<style type="text/css">
.boxy{width: 250px; padding: 20px; border: 1px solid #888; background-color: #fff;}
.names{text-align: center; font-size: 25px; text-transform: uppercase; font-family: oswald;}
.plots{width: 210px; background-color: #f0f0f0; color: #161616; text-align: justify; padding: 20px; font-family: roboto slab; text-transform: lowercase;}
credit{ font-size: 9px;}
credit a{color: #161616; text-decoration: none;}
credit a:hover{text-decoraton: none;}
</style>

<div class="boxy">
<div class="names">name & name</div>
<hr>
<center><div class="plots">

you can your plot things here.
<br><br>
<a href="url to shipper app here" style="color: #000000;">reply to my shipper!</a>

</div></center>
</div>
<credit>⊕ <a href="http://shine.jcink.net/index.php?showuser=11004" style="color: #161616;">thanks</a></credit>
[/dohtml][/align]

--------------------
user posted image
PMEmail
^
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Closed
New Topic
New Poll


 


 



skinned by lauz @ shine.