Для реактивных игроков мы решили сразу выложить шаблон анкеты, дабы вы имели представление о неизбежном - о регистрации. Цвета анкеты уже подстроены под дизайн форума, поэтому не стоит обращать внимания на не состыковку стилей.
Код:
<!--HTML--><br><center><div style="font-family: lobster; font-size: 35px; color: #3d4433; margin-left: 163px; line-height: 70%;">ФИО на русском, возраст y.o.</div>
<div style="width: 220px; height: 8px; background: #70845e; border-left: 80px solid #418275; border-right: 150px solid #844e41;"></div></center>
<br><br><br><br>
<style type="text/css">
#codeimage { height: 150px; width: 150px; background-image: url('http://placehold.it/150x150'); border: 5px solid #eeeeee; }
#shortfacts { width: 150px; height: 350px; background: #f8f8f8; border: 5px solid #eeeeee; border-top: none; text-align: center;}
.shortfact { width: 120px; padding: 3px; background: #70845e; font-family: 'cuprum'; font-size: 14px; color: #ffffff; text-transform: uppercase; margin: auto;}
.shortfacta { width: 120px; padding: 3px; background: #70845e; font-family: 'cuprum'; font-size: 9px; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; margin: auto;} .shortfacta a { color: #ffffff; font-weight: normal; text-shadow: none; text-decoration: none; }
#application { height: 495px; width: 450px; background: #f8f8f8; border: 5px solid #eeeeee; border-left: none; padding: 5px; text-align: center; padding-left: -500px; padding-top: 5px; padding-bottom: 5px; }
.songtitle { height: 25px; width: 450px; text-align: center; background: #418275; font-family: 'cuprum'; font-size: 9px; color: #ffffff; text-transform: uppercase; letter-spacing: 3px; margin: auto; line-height: 3.4em; }
#apptext { height: 435px; width: 420px; overflow: auto; padding: 5px; background: #fafafa; margin: auto; font-family: 'cuprum'; font-size: 13px; text-align: justify; color: #5f5f5f; line-height: 1.2em; }
#titeltop { height: 40px; width: 515px; text-align: center; background: #844e41; font-family: 'cuprum'; font-size: 12px; color: #ffffff; text-transform: uppercase; letter-spacing: 4px; margin: auto; line-height: 3.4em; }</style>
<center>
<div id="titeltop">Ты можешь попробовать узнать меня лучше</div>
<table cellspacing="500" cellpadding="300">
<tr>
<td style="width: 150px;">
<div id="codeimage"></div>
<div id="shortfacts"><br /><div class="shortfact">...</div><div class="shortfacta">прозвища</div>
<br /><div class="shortfact">...</div><div class="shortfacta">возраст</div>
<br /><div class="shortfact">...</div><div class="shortfacta">место рождения</div>
<br /><div class="shortfact">...</div><div class="shortfacta">ориентация</div>
<br /><div class="shortfact">...</div><div class="shortfacta">профессия</div>
<br /><div class="shortfact">...</div><div class="shortfacta">место работы</div>
</div></td>
<td style="width: 450px;">
<div id="application">
<div class="songtitle"> общее описание </div>
<div id="apptext">
ваш текст
</div>
<div class="songtitle">❤</div>
</div>
</td>
</tr>
</table>
<div id="titeltop">Пробный пост и связь</div>
</center>→ пробный пост
→ связь (можно скрытым текстом)















