Application

Hier is de application waarmee je jouw personage mee gaat voorstellen. Mocht je nou helemaal niet uit de code komen geen probleem, stuur dan alle informatie die gevraagd word naar de Admin en die zal jou de code sturen met de gegeven informatie. Dan hoef je hem alleen nog maar te plaatsen in een nieuwe topic.

FIRST MIDDLE LAST

FULLE NAME HERE

AGE HERE

P.O.B HERE

MEMBERGROUP HERE

QUOTE HERE

FACECLAIME HERE

ALIAS HERE

PERSONALITY

Schrijf hier een stukje over zijn karakter.

HISTORY

Schrijf hier een stukje over zijn geschiedenis.

ALIAS HERE

THANKS TO LOUIS AT SHINE!

Code:

<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'>FULLE NAME HERE</div><div class='text'>AGE HERE</div><div class='text'>P.O.B HERE</div><div class='text'>MEMBERGROUP HERE</div><div class='text'>QUOTE HERE</div><div class='text'>FACECLAIME HERE</div><div class='text'>ALIAS HERE</div></div><div class='lilpic'><div class='wooooords'>
[center][size=18]PERSONALITY[/size][/center]
Schrijf hier een stukje over zijn karakter.

[center][size=18]HISTORY[/size][/center]
Schrijf hier een stukje over zijn geschiedenis.
</div><div class='lilpicc' style='background-image:url(IMAGE 180 x 280 HERE!!);'></div></div></div><img src='IMAGE 400x300 HERE!!'></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 HERE</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>