PART ONE |
▼ дата рождения: ответ |
|
PART TWO |
Перед тобой — история моей жизни. Расскажите характер и био вашего персонажа, о его семье и увлечениях. ▼ привычки персонажа & хобби: ответ ▼ пробный пост |
для анкет
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться12015-06-06 20:38:40
- мразь трамвайная
- Сообщений: 374
- Уважение: +1
- валюта:
- Последний визит:
2023-07-25 11:54:58
Поделиться22015-06-06 21:13:44
- мразь трамвайная
- Сообщений: 374
- Уважение: +1
- валюта:
- Последний визит:
2023-07-25 11:54:58
Код:
<!--HTML--><br><center><link href='http://fonts.googleapis.com/css?family=Wire+One|Advent+Pro:500' rel='stylesheet' type='text/css'><style type="text/css">
.aflipper { -webkit-perspective:1000; -moz-perspective:1000; -o-perspective:1000; perspective:1000; width:370px; height:570px; } .aflipswitch { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; width:370px; height:570px; }
.aflipper:hover .aflipswitch { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); } .afront { overflow:hidden; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; }
.aback { overflow:hidden; -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); opacity:0; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; position:absolute; width:350px; height:550px; padding:10px; background-color:#F3F4F6; }
.aflipper:hover .aback { -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; transition:all 2s ease-in-out; opacity:1; background-color:#F3F4F6; }
.adetails { width:170px; height:33px; background-color:#0A1D42; text-align:center; display:table-cell; vertical-align:middle; color:#F3F4F6; font-family:Wire One,sans-serif; font-size:25px; letter-spacing:1; line-height:100%; text-transform:uppercase; border-top:1px solid #F3F4F6; border-bottom:1px solid #F3F4F6; }
.aapp { width:340px; height:325px; text-align:justify; font-family:calibri; font-size:11px; color:#030813; line-height:95%; padding:5px; letter-spacing:0; word-spacing:0; overflow:auto; }
.aplayer { width:350px; height:30px; background-color:#0A1D42; text-align:center; display:table-cell; vertical-align:middle; color:#F3F4F6; font-family:Wire One,sans-serif; font-size:25px; letter-spacing:1; line-height:100%; text-transform:uppercase; }
.ascrolls ::-webkit-scrollbar { width:5px; } .ascrolls ::-webkit-scrollbar-track { background-color:#F3F4F6; } .ascrolls ::-webkit-scrollbar-thumb { background-color:#0A1D42; }
</style><div style="width:370px; height:570px; border:10px inset #0A1D42;" class="ascrolls"><div class="aflipper"><div class="aflipswitch">
<div class="afront"><div style="background-image:url(350x550 IMAGE URL HERE); width:350px; height:550px; border:10px solid #F3F4F6;">
<div style="width:300px; padding:450px 0px 0px 0px;"><div style="padding:3px; background-color:#F3F4F6; border:2px solid #0A1D42; text-align:center; color:#0A1D42; font-family:Wire One,sans-serif; font-size:40px; letter-spacing:1; line-height:100%; text-transform:uppercase; font-weight:bold; text-shadow:1px 1px 2px #6F7073;">
first m. lastname
</div></div></div></div><div class="aback">
<TABLE cellpadding="0" cellspacing="0">
<td><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=16571"><div style="background-image:url(175x175 IMAGE URL HERE); width:175px; height:175px;"></div></a></td><td><div style="width:5px;"></div><td><table cellspacing="0" cellpadding="0">
<tr><td><div class="adetails">
detail
</div></td></tr><tr><td>
<div class="adetails">
detail
</div></td></tr><tr><td>
<div class="adetails">
detail
</div></td></tr><tr><td>
<div class="adetails">
detail
</div></td></tr><tr><td>
<div class="adetails">
detail
</div></td></tr></table></td></TABLE>
<div style="height:5px;"></div><div class="aapp">
<font style="color:#0A1D42; font-size:10px;">✖ </font> You can add as many of these as you want. Or you can take all of these out and just make it a complete freeform application. Or add your own type of coding inside here. Just get creative with it and form it to meet your needs. If you need help, just send me a PM.<p>
<font style="color:#0A1D42; font-size:10px;">✖ </font> Application Stuff.<p>
<font style="color:#0A1D42; font-size:10px;">✖ </font> Application Stuff.<p>
<font style="color:#0A1D42; font-size:10px;">✖ </font> Application Stuff.<p>
<font style="color:#0A1D42; font-size:10px;">✖ </font> Application Stuff.
</div><div style="height:5px;"></div>
<div class="aplayer">
alias | timezone | faceclaim
</div></div></div></div></div></center><br>Поделиться32015-06-06 21:15:20
- мразь трамвайная
- Сообщений: 374
- Уважение: +1
- валюта:
- Последний визит:
2023-07-25 11:54:58
Код:
<!--HTML--><center> <link href='http://fonts.googleapis.com/css?family=Nova+Mono|Life+Savers|Source+Code+Pro:300' rel='stylesheet' type='text/css'> <style type="text/css">
.sara-boxes { width: 96px; height: 16px; background-color: #f1f1f1; text-align: center; font-family: times; font-size: 10px; text-transform: lowercase; font-weight: none; font-style: italic; color: #000; letter-spacing: 1px; line-height: 100%; margin-left: 5px; padding: 5px 0px 0px 0px;}
.name-box { width: 220px; height: 20px; background-color: #fff; border: 3px double #CCC; padding: 18px 10px 10px 10px; font-family: 'cambria'; font-size: 20px; letter-spacing: 1px; color: #000; font-style: italic; position: relative; top: 180px; opacity: .88; }
.alias-box { width: 220px; height: 5px; padding: 5px 10px 10px 10px; text-align: center; font-family: cambria; font-size: 13px; font-style: italic; color: #000; background-color: #f1f1f1; border: 3px double #CCC; margin: 8px 0px 0px 0px; }
</style>
<div style="width: 450px;">
<div style="width: 450px; height: 250px; background-image: url(450 X 250 IMAGE GOES HERE!!!!!!!!!!!);"> <div class="name-box"> annalise hughes </div> </div>
<div style="width: 450px; height: 60px; background-color: #333; position: relative;">
<table cellspacing="0" cellpadding="0" style="position: relative; top: 20px; left: -3px;">
<td><div class="sara-boxes">
age
</div> </td><td><div class="sara-boxes">
occupation
</div> </td><td><div class="sara-boxes">
member group
</div> </td>
<td><div class="sara-boxes">
playby name
</div> </td> </table></div>
<div style="width: 450px; background-color: #333; padding: 0px 0px 10px 0px;">
<div style="width: 380px; height: 230px; background-color: #4E4E4E; padding: 10px; font-family: cambria; font-size: 10px; color: #f1f1f1; line-height: 100%; text-align: justify; overflow: auto; ">
app goes here. it will scroll.
</div>
<div style="height: 7px;"></div>
<div class="alias-box"> player info goes here. </div>
</div></div>
<a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=11304"><div style="width: 450px;text-align: right; font-family: cambria; font-size: 8px; text-transform: uppercae; font-style: italic; color: #000; line-height: 100%; letter-spacing: 1px;"> ♥ SARA! </div></a>
</center>Страница: 1
