THE POWER OF TWO -> Shipper App    
   
   

     
   
 
Closed
New Topic
New Poll

 Shipper App, with a shipper reply (optional)
inactive
 Posted: Oct 26 2013, 03:15 PM
Quote
inactive
PO2 STAFF
-4 posts
N/A years old
N/A
© N/A
Online
N/A


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]
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.