! ПРАВИЛА ЗАПОЛНЕНИЯ !

1. Размер изображения не обязательно должен быть точного размера, допускается и меньший вариант
2. Перед тем как нажать кнопку отправить, убираем все звездочки и не забываем всю эту скриптограмму загнать в код !
3. Название анкеты - Имя Фамилия | Раса | Город (на латинице)


КАК ВЫГЛЯДИТ

Код:
<!--HTML--><link href="http://fonts.googleapis.com/css?family=Owasld:400,700|Sacramento|Yanone+Kaffeesatz" rel="stylesheet" type="text/css">
<style type="text/css">
.appname { font-family: sacramento; font-size: 40px; text-transform: lowercase; text-shadow: 1px 1px 1px #d28470; position: relative; margin-top: 10px; margin-bottom: 4px; color: #fafafa; line-height: 50%; }
.applyr { font-family: arial; text-transform: uppercase; padding: 15px; font-size: 9px; line-height: 100%; color: #000000; text-align: justify; }
.playdesc { text-align: center; text-transform: uppercase; letter-spacing: 3px; font-family: oswald; font-size: 8px;  color: #000000; }
.appplay { text-align: center; text-transform: lowercase; font-family: sacramento; font-size: 14px; line-height: 50%; color: #000000; text-shadow: 1px 1px 3px #000; margin-top: 50px; }
.genbox { width: 216px; height: 35px; padding: 1px; float: left; margin-top: 10px; }
.genbox2 { margin: 15px 0px; }
.geninfo { text-align: center; text-transform: uppercase; font-family: yanone kaffeesatz; font-size: 12px; color: #000000; letter-spacing: 2px; }
.apptitle { font-family: yanone kaffeesatz; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; text-align: center; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.44) inset; color: #000000; background-color: #c39657; padding: 2px; margin: 5px 0px; }
.swbox { padding: 5px; color: #000000; }
.appinfo2 { height: 350px; padding: 0px 8px 0px 0px; overflow: auto; text-align: justify; font-family: arial; font-size: 12px; line-height: 100%; }
.appcontent { width: 462px; height: 350px; padding: 10px; overflow: auto; top: 25; left: 0; position: absolute; background-color: #ebb15f; color: #000000; border: 4px double #1a1a1a; }
.apptabs { width: 490px; height: 410px; position: relative; background: trasnsparent; clear: both; }
.apptab { float: left; padding: 5px; }
.apptab label { margin: 0px 25px; font-family: oswald; font-size: 11px; text-align: left; text-transform: uppercase; letter-spacing: 2px; color: #696969;  }
.apptab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
[type=radio]:checked ~ label ~ .appcontent { z-index: 1; }
[type=radio]:checked ~ label { color: #000000; font-weight: bold; z-index: 2;}
.appquote { font-family: old standard tt; font-size: 14px; font-style: italic; line-height: 100%; text-align: center; letter-spacing: 0px; color: #000000; }
.tcred { text-transform: uppercase; text-align: right; width: 545px; }
.tcred a {font-family: calibri; font-size: 8px; letter-spacing: 1px; }
.appcontent::-webkit-scrollbar { width: 8px; background-color: #c39657; }
.appcontent::-webkit-scrollbar-thumb { background-color: #ccc; }
.appcontent::-webkit-scrollbar-track { background-color: #c39657; }
</style>
<center>
<div style="width: 504px; padding: 20px; background-color: #c39657;">
<div class="appname">

Имя и фамилия латиница

</div>

<img src="http://placehold.it/500x300" style="border: 2px solid #FFF;">

<div class="applyr">

<center>цитата или песня ассоциируемая с персонажем</center>

</div><div class="apptabs">
<div class="apptab">
<input type="radio" id="apptab-1" name="apptab-group-1" checked>
<label for="apptab-1">Общее</label>
<div class="appcontent"><div class="appinfo2">
<table><tr><td><div class="genbox"><div class="geninfo">

Имя Фамилия кир.

</div><div class="playdesc">Сокращения</div></div></td>
<td><div class="genbox"><div class="geninfo">

возраст

</div><div class="playdesc">сексуальная ориентация</div></div></td></tr>
<tr><td><div class="genbox"><div class="geninfo">

раса

</div><div class="playdesc">артефакт</div></div></td>
<td><div class="genbox"><div class="geninfo">

город

</div><div class="playdesc">чем занимается, учеба/работа</div></div></td></tr></table>
<div class="genbox2"><div class="geninfo">

занятая внешность

</div><div class="playdesc">имя фамилия звезды на лат.</div></div>


<div class="apptitle">Дополнительно</div><div class="swbox">

Здесь вы можете дополнить все что хотите, описать свои татуировки, шрамы, отличительные особенности и прочие заметки которые вы посчитаете важными о вашем персонаже. Может быть Хобби и увлечения, страсти и желания, неприязни и табу. Все что сможет наполнить персонажа жизнью и отличительными качествами. 

</div>


</div></div> </div>



<div class="apptab">
<input type="radio" id="apptab-2" name="apptab-group-1">
<label for="apptab-2">Портрет</label>
<div class="appcontent"><div class="appinfo2">
Общее описание характера. Постарайтесь расписать как можно подробнее, указать больше граней психотипа вашего героя. от 10 строк.


<table><tr><td width="50%" valign="top">
<div class="apptitle">Сильные стороны</div><div class="swbox">
5 сильных сторон персонажа


</div></td><td><td width="50%" valign="top">
<div class="apptitle">Слабые стороны</div><div class="swbox">
5 слабых сторон персонажа 

</div></td></tr></table>
</div></div> </div>


<div class="apptab">
<input type="radio" id="apptab-3" name="apptab-group-1">
<label for="apptab-3">История</label>
<div class="appcontent"><div class="appinfo2">

Постарайтесь как можно подробнее расписать жизнь вашего героя, делайте акцент на более важных моментах его истории, которые имели большее значения. Минимум 15 строк.


</div></div> </div>


<div class="apptab">
<input type="radio" id="apptab-4" name="apptab-group-1">
<label for="apptab-4">Игрок</label>
<div class="appcontent"><div class="appinfo2">
<div class="appplay">

опыт игры

</div><div class="playdesc">Знание мира</div>
<div class="appplay">

Связь с вами

</div><div class="playdesc">Как нас нашли</div>
<div class="appplay">

Готовы ли принимать участие в квестах?

</div><div class="playdesc">да/нет</div>
</div></div></div>
</div>


</div>
</center>
Код:
<*!--HTML--><*link href="http://fonts.googleapis.com/css?family=Owasld:400,700|Sacramento|Yanone+Kaffeesatz" rel="stylesheet" type="text/css">
<style type="text/css">
.appname { font-family: sacramento; font-size: 40px; text-transform: lowercase; text-shadow: 1px 1px 1px #d28470; position: relative; margin-top: 10px; margin-bottom: 4px; color: #fafafa; line-height: 50%; }
.applyr { font-family: arial; text-transform: uppercase; padding: 15px; font-size: 9px; line-height: 100%; color: #000000; text-align: justify; }
.playdesc { text-align: center; text-transform: uppercase; letter-spacing: 3px; font-family: oswald; font-size: 8px;  color: #000000; }
.appplay { text-align: center; text-transform: lowercase; font-family: sacramento; font-size: 14px; line-height: 50%; color: #000000; text-shadow: 1px 1px 3px #000; margin-top: 50px; }
.genbox { width: 216px; height: 35px; padding: 1px; float: left; margin-top: 10px; }
.genbox2 { margin: 15px 0px; }
.geninfo { text-align: center; text-transform: uppercase; font-family: yanone kaffeesatz; font-size: 12px; color: #000000; letter-spacing: 2px; }
.apptitle { font-family: yanone kaffeesatz; text-transform: uppercase; letter-spacing: 3px; font-size: 11px; text-align: center; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.44) inset; color: #000000; background-color: #c39657; padding: 2px; margin: 5px 0px; }
.swbox { padding: 5px; color: #000000; }
.appinfo2 { height: 350px; padding: 0px 8px 0px 0px; overflow: auto; text-align: justify; font-family: arial; font-size: 12px; line-height: 100%; }
.appcontent { width: 462px; height: 350px; padding: 10px; overflow: auto; top: 25; left: 0; position: absolute; background-color: #ebb15f; color: #000000; border: 4px double #1a1a1a; }
.apptabs { width: 490px; height: 410px; position: relative; background: trasnsparent; clear: both; }
.apptab { float: left; padding: 5px; }
.apptab label { margin: 0px 25px; font-family: oswald; font-size: 11px; text-align: left; text-transform: uppercase; letter-spacing: 2px; color: #696969;  }
.apptab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
[type=radio]:checked ~ label ~ .appcontent { z-index: 1; }
[type=radio]:checked ~ label { color: #000000; font-weight: bold; z-index: 2;}
.appquote { font-family: old standard tt; font-size: 14px; font-style: italic; line-height: 100%; text-align: center; letter-spacing: 0px; color: #000000; }
.tcred { text-transform: uppercase; text-align: right; width: 545px; }
.tcred a {font-family: calibri; font-size: 8px; letter-spacing: 1px; }
.appcontent::-webkit-scrollbar { width: 8px; background-color: #c39657; }
.appcontent::-webkit-scrollbar-thumb { background-color: #ccc; }
.appcontent::-webkit-scrollbar-track { background-color: #c39657; }
</style>
<center>
<div style="width: 504px; padding: 20px; background-color: #c39657;">
<div class="appname">

Имя и фамилия латиница

</div>

<img src="http://placehold.it/500x300" style="border: 2px solid #FFF;">

<div class="applyr">

<center>цитата или песня ассоциируемая с персонажем</center>

</div><div class="apptabs">
<div class="apptab">
<input type="radio" id="apptab-1" name="apptab-group-1" checked>
<label for="apptab-1">Общее</label>
<div class="appcontent"><div class="appinfo2">
<table><tr><td><div class="genbox"><div class="geninfo">

Имя Фамилия кир.

</div><div class="playdesc">Сокращения</div></div></td>
<td><div class="genbox"><div class="geninfo">

возраст

</div><div class="playdesc">сексуальная ориентация</div></div></td></tr>
<tr><td><div class="genbox"><div class="geninfo">

раса

</div><div class="playdesc">артефакт</div></div></td>
<td><div class="genbox"><div class="geninfo">

город

</div><div class="playdesc">чем занимается, учеба/работа</div></div></td></tr></table>
<div class="genbox2"><div class="geninfo">

занятая внешность

</div><div class="playdesc">имя фамилия звезды на лат.</div></div>


<div class="apptitle">Дополнительно</div><div class="swbox">

Здесь вы можете дополнить все что хотите, описать свои татуировки, шрамы, отличительные особенности и прочие заметки которые вы посчитаете важными о вашем персонаже. Может быть Хобби и увлечения, страсти и желания, неприязни и табу. Все что сможет наполнить персонажа жизнью и отличительными качествами. 

</div>


</div></div> </div>



<div class="apptab">
<input type="radio" id="apptab-2" name="apptab-group-1">
<label for="apptab-2">Портрет</label>
<div class="appcontent"><div class="appinfo2">
Общее описание характера. Постарайтесь расписать как можно подробнее, указать больше граней психотипа вашего героя. от 10 строк.


<table><tr><td width="50%" valign="top">
<div class="apptitle">Сильные стороны</div><div class="swbox">
5 сильных сторон персонажа


</div></td><td><td width="50%" valign="top">
<div class="apptitle">Слабые стороны</div><div class="swbox">
5 слабых сторон персонажа 

</div></td></tr></table>
</div></div> </div>


<div class="apptab">
<input type="radio" id="apptab-3" name="apptab-group-1">
<label for="apptab-3">История</label>
<div class="appcontent"><div class="appinfo2">

Постарайтесь как можно подробнее расписать жизнь вашего героя, делайте акцент на более важных моментах его истории, которые имели большее значения. Минимум 15 строк.


</div></div> </div>


<div class="apptab">
<input type="radio" id="apptab-4" name="apptab-group-1">
<label for="apptab-4">Игрок</label>
<div class="appcontent"><div class="appinfo2">
<div class="appplay">
опыт игры
</div>
<div class="playdesc">Знание мира</div>


<div class="appplay">

Связь с вами
</div><div class="playdesc">ответ</div>

<div class="appplay">как нас нашли?</div>
<div class="playdesc">ответ</div>
<div class="appplay">

Готовы ли принимать участие в квестах?

</div><div class="playdesc">да/нет</div>
</div></div></div>
</div>



</div>
</center>

[spoiler="[align=center]пробный пост[/align]"]с любой ролевой, от лица любого персонажа, главное чтобы пост был ваш[/spoiler]