ключ в твоей руке [шаблоны анкет];

Страница: 1

Сообщений 1 страница 5 из 5

Поделиться12015-07-05 18:07:55

Автор: Author
Автор Легендариума
Зарегистрирован: 2015-07-05
Приглашений: 0
Сообщений: 145
Уважение: +2
Провел на форуме:
1 день 0 часов
Последний визит:
2015-11-24 18:42:57

Код:

<!--HTML--><center><div style="width: 450px; padding: 2px; background-color: #eeeeee; border: 15px solid #482a20;">


<div style="width: 400px; font-family: georgia; font-size: 23px; text-transform: lowercase; color: #482a20; font-style: italic; line-height: 90%; text-shadow: 1px 1px 0px #ffffff;">Ключ в твоей руке</div>

<div style="width: 400px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #482a20; line-height: 90%; letter-spacing: 4px;">As the legend speaks "it's true"</div>

<div style="width: 400px; padding: 10px; background-color: #EEEEEE; font-family: Georgia; color: #482a20; font-size: 12px; line-height: 110%; text-align: justify;">

╾ На проекте действует две анкеты: упрощенная и полная. Обе анкеты вы можете заполнять в любом из предложенных вариантов: html или bb<br>
╾ Как-либо изменять шаблон запрещено, во избежание затруднений в работе кодов. Не забудьте вычитать анкету на наличие ошибок. Прикреплять более 3х изображений запрещено, так как многие игроки пользуются мобильным интернетом и берегут свой трафик. Администрация желает вам удачи и вдохновения.<br>
╾ Второе и третье сообщения в теме с Вашей анкетой должно быть отведено под хронологию и систему взаимоотношений. Оформление является свободным для каждого из игроков. Главное для вас - не запускать данные пункты, а всегда следить за их обновлением. Пожалуйста, не забывайте об истории своего персонажа и его отношении с другими путешественниками Легендариума. <br>
╾ Название анкеты должно содержать в себе фио персонажа (на англ. языке) и фандом, пример: <i>Baba Yaga [Russian Tales]</i><br><hr>
<left>
♦ В HTML-коде уберите три звездочки. Две в самом начале и две в самом конце.<br>
♦ Ничего своего в код добавлять не нужно, от Вас требуется только вставить вместо КАПСА свой текст. Если у вас что-то не получается - обратитесь к Администрации.<br>
<br>
♦ Несколько часто используемых кодов в помощь: <i>/звездочки убираем/</i>> <br>
- Выделить текст жирным:<br>
<*b>ВАШ ТЕКСТ<*/b><br>
<br>
- Выделить текст курсивом:<br>
<*i>ВАШ ТЕКСТ<*/i><br>
<br>
- Начать новый абзац:<br>
<*br> ВАШ ТЕКСТ<br>
<br>
- Форматирование по центру:<br>
<*center>ВАШ ТЕКСТ<*/center><br>
<br>
- Вставить изображение:<br>
<*img src="ССЫЛКА НА ВАШЕ ИЗОБРАЖЕНИЕ"><br>
<br>
- Вставить ссылку:<br>
<*a href="ВАША ССЫЛКА">НАЗВАНИЕ ССЫЛКИ<*/a><br><br>
<br></left>

</div>


</div></center>

Поделиться22015-07-05 20:46:26

Автор: Author
Автор Легендариума
Зарегистрирован: 2015-07-05
Приглашений: 0
Сообщений: 145
Уважение: +2
Провел на форуме:
1 день 0 часов
Последний визит:
2015-11-24 18:42:57

П О Л Н А Я А Н К Е Т А HTML

Как это должно выглядеть

Код:

<!--HTML--><center>
<style type="text/css">
.yonetoheal {width: 500px; }
.oghoddd {padding: 20px; font-family: georgia; font-size: 35px; font-style: italic; color: #fff; text-align: center; width: 460px; background-color: #d1c6b1; letter-spacing: -2px; text-shadow: 1px 1px 1px #000;}
.fithhhoeri {  width: 500px; height: auto; background: url(http://sg.uploads.ru/4DA39.png)  no-repeat top center;  }
.finalhe {padding: 0px; width: 460px; height: autopx; }
#watyoudonk { width: 428px; height: 205 px; padding: -5px;  position: relative; overflow: hidden;}
#watyoudonk .ifeengersi { overflow: hidden; width: 428px; height: 200 px; background-color: #fff; -webkit-transform: translate(280px, -100px) rotate(90deg); -moz-transform: translate(280px, -100px) rotate(90deg); -o-transform: translate(280px, -100px) rotate(90deg); -ms-transform: translate(280px, -100px) rotate(90deg); transform: translate(280px, -100px) rotate(90deg); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s  ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0;}
#watyoudonk:hover .ifeengersi {overflow: hidden;  opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s  ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.fiyoyheco {padding: 10px; width: 428px; height: 160px; }
.myplaiswi {padding: 4px; width: 181px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: Oswald; font-size: 14px; text-transform: uppercase; color: #302715;  text-align: center; }
.myplaiswi2 {padding: 4px; width: 181px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: Oswald; font-size: 13px;  color: #302715;  text-align: center; }
.outgoowi {padding: 10px; width: 170px; font-family: TripSerifCE_Light; font-weight: light; font-style: italic; font-size: 35px; color: #000; background-color: #f4f4f4; text-align: center; text-shadow: 1px 1px #000, 2px 2px #fff; }
.reliaket {padding: 4px; width: 134px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: calibri; text-transform: uppercase; font-size: 10px; text-align: center; }

.idothknca {width: 428px; font-family: georgia; font-size: 35px; font-style: italic; color: #302716; text-align: center;  letter-spacing: -3px; text-shadow: 1px 1px 1px #000; margin-top: 15px; }
.accordion { width: 480px;    margin: 0 auto; font-size: 14px; padding: 10px; background:#d1c6b1; }.accordion ul {list-style: none; margin: 0; padding: 0;   }
.accordion li {margin:0; padding:0; }
.accordion [type=radio], .accordion [type=checkbox] { display:none; }
.accordion label { display:block; font-size: 16px; background: #302716; color:#eee6d7; font-family: Georgia;  text-transform: uppercase; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; }
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background:#795e3e; color:#FFF; }
.accordion .content { padding: 0 10px;  overflow:hidden;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out; border: 1px solid #fff; background-color: #fff;}
.accordion p {  color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding:10px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: 190px; border: 1px solid #fff; background-color: #fff; padding: 10px; }
.wohaowhe {padding-right: 5px;height: 200px; overflow: auto; text-align: justify; font-size: 12px;  line-height: 135%; color: #322911; }
@font-face { font-family: 'TripSerifCE_Light'; src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot'); src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot?#iefix') format('embedded-opentype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.woff') format('woff'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.ttf') format('truetype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.svg') format('svg'); font-weight: normal; font-style: normal; }
</style>
<div class="yonetoheal"><div class="oghoddd">NAME SURNAME</div></A><div class="fithhhoeri"><div class="finalhe"><div id="watyoudonk"><div class="ifeengersi"><table><tr>
<td><div class="fiyoyheco"><div class="myplaiswi">ФЭНДОМ</div> <div class="outgoowi" style="margin-top: 6px;">ВОЗРАСТ</div><div style="margin-left: -25px;margin-top: 6px;"></div><div class="myplaiswi" style="margin-top: 6px;">РАСА</div></td>
<td><div class="myplaiswi2" style="margin-top: 6px;">СПОСОБНОСТИ</div></td>
</tr>
</table></div></div></div></div></div>

<div class="accordion vertical"> <ul> <li><input type="radio" id="radio-1" name="radio-accordion"><label for="radio-1">HISTORY</label><div class="content"><div class="wohaowhe">

Биография вашего персонажа описывается в этом пункте - формат и стиль вы можете выбрать любой - от дневника до простой перечни главных событий вашей жизни. Расскажите тут о вашем происхождении: где родились, у кого, все родственные связи. Как росли, что делали в юности и чем занимались, когда уже стали взрослым. Опишите ключевые моменты жизни Вашего персонажа. Минимальное количество: 25 полных строк.
</div> </div></li>  

<li><input type="radio" id="radio-2" name="radio-accordion" /><label for="radio-2">PERSONALITY</label> <div class="content"><div class="wohaowhe">

Поле для описания вашего характера. Мы надеемся, что благодаря вашему описанию персонаж действительно станет живым и полноценным. Представьте, что Вы рассказываете другу о Вашем персонаже, как о давно знакомом человеке, но при этом не делая из него идеального, ведь у каждого есть свои достоинства и недостатки. Постарайтесь сделать Вашего героя уникальным, а не штампованным персонажем. Укажите какие-то привычки, страхи. Минимальный объем 20 строк.


</div></div> </li> <li><input type="radio" id="radio-3" name="radio-accordion" /> <label for="radio-3">roleplay sample</label><div class="content"><div class="wohaowhe">

Любой ваш пост с другой ролевой.

</div></div> </li><li><input type="radio" id="radio-4" name="radio-accordion" /><label for="radio-4">COMMUNICATION</label> <div class="content"><div class="wohaowhe">

Краткая информация о себе: имя, опыт на ролевых, связь. По желанию можете написать планы на развитие вашего персонажа, тонкости общения с вами, как с человеком, ваши интересы и прочее.



</div></div> </li></ul></div></div></center>

html-шаблон

не забываем убирать "звездочки"

Код:

[code*]<!--*HTML--><center>
<style type="text/css">
.yonetoheal {width: 500px; }
.oghoddd {padding: 20px; font-family: georgia; font-size: 35px; font-style: italic; color: #fff; text-align: center; width: 460px; background-color: #d1c6b1; letter-spacing: -2px; text-shadow: 1px 1px 1px #000;}
.fithhhoeri {  width: 500px; height: auto; background: url(ССЫЛКА НА КАРТИНКУ)  no-repeat top center;  }
.finalhe {padding: 0px; width: 460px; height: autopx; }
#watyoudonk { width: 428px; height: 205 px; padding: -5px;  position: relative; overflow: hidden;}
#watyoudonk .ifeengersi { overflow: hidden; width: 428px; height: 200 px; background-color: #fff; -webkit-transform: translate(280px, -100px) rotate(90deg); -moz-transform: translate(280px, -100px) rotate(90deg); -o-transform: translate(280px, -100px) rotate(90deg); -ms-transform: translate(280px, -100px) rotate(90deg); transform: translate(280px, -100px) rotate(90deg); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s  ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0;}
#watyoudonk:hover .ifeengersi {overflow: hidden;  opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s  ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.fiyoyheco {padding: 10px; width: 428px; height: 160px; }
.myplaiswi {padding: 4px; width: 181px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: Oswald; font-size: 14px; text-transform: uppercase; color: #302715;  text-align: center; }
.myplaiswi2 {padding: 4px; width: 181px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: Oswald; font-size: 13px;  color: #302715;  text-align: center; }
.outgoowi {padding: 10px; width: 170px; font-family: TripSerifCE_Light; font-weight: light; font-style: italic; font-size: 35px; color: #000; background-color: #f4f4f4; text-align: center; text-shadow: 1px 1px #000, 2px 2px #fff; }
.reliaket {padding: 4px; width: 134px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: calibri; text-transform: uppercase; font-size: 10px; text-align: center; }

.idothknca {width: 428px; font-family: georgia; font-size: 35px; font-style: italic; color: #302716; text-align: center;  letter-spacing: -3px; text-shadow: 1px 1px 1px #000; margin-top: 15px; }
.accordion { width: 480px;    margin: 0 auto; font-size: 14px; padding: 10px; background:#d1c6b1; }.accordion ul {list-style: none; margin: 0; padding: 0;   }
.accordion li {margin:0; padding:0; }
.accordion [type=radio], .accordion [type=checkbox] { display:none; }
.accordion label { display:block; font-size: 16px; background: #302716; color:#eee6d7; font-family: Georgia;  text-transform: uppercase; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; }
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background:#795e3e; color:#FFF; }
.accordion .content { padding: 0 10px;  overflow:hidden;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out; border: 1px solid #fff; background-color: #fff;}
.accordion p {  color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding:10px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: 190px; border: 1px solid #fff; background-color: #fff; padding: 10px; }
.wohaowhe {padding-right: 5px;height: 200px; overflow: auto; text-align: justify; font-size: 12px;  line-height: 135%; color: #322911; }
@font-face { font-family: 'TripSerifCE_Light'; src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot'); src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot?#iefix') format('embedded-opentype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.woff') format('woff'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.ttf') format('truetype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.svg') format('svg'); font-weight: normal; font-style: normal; }
</style>
<div class="yonetoheal"><div class="oghoddd">NAME SURNAME</div></A><div class="fithhhoeri"><div class="finalhe"><div id="watyoudonk"><div class="ifeengersi"><table><tr>
<td><div class="fiyoyheco"><div class="myplaiswi">ФЭНДОМ</div> <div class="outgoowi" style="margin-top: 6px;">ВОЗРАСТ</div><div style="margin-left: -25px;margin-top: 6px;"></div><div class="myplaiswi" style="margin-top: 6px;">РАСА</div></td>
<td><div class="myplaiswi2" style="margin-top: 6px;">СПОСОБНОСТИ</div></td>
</tr>
</table></div></div></div></div></div>

<div class="accordion vertical"> <ul> <li><input type="radio" id="radio-1" name="radio-accordion"><label for="radio-1">HISTORY</label><div class="content"><div class="wohaowhe">

Биография вашего персонажа описывается в этом пункте - формат и стиль вы можете выбрать любой - от дневника до простой перечни главных событий вашей жизни. Расскажите тут о вашем происхождении: где родились, у кого, все родственные связи. Как росли, что делали в юности и чем занимались, когда уже стали взрослым. Опишите ключевые моменты жизни Вашего персонажа. Минимальное количество: 25 полных строк.
</div> </div></li>  

<li><input type="radio" id="radio-2" name="radio-accordion" /><label for="radio-2">PERSONALITY</label> <div class="content"><div class="wohaowhe">

Поле для описания вашего характера. Мы надеемся, что благодаря вашему описанию персонаж действительно станет живым и полноценным. Представьте, что Вы рассказываете другу о Вашем персонаже, как о давно знакомом человеке, но при этом не делая из него идеального, ведь у каждого есть свои достоинства и недостатки. Постарайтесь сделать Вашего героя уникальным, а не штампованным персонажем. Укажите какие-то привычки, страхи. Минимальный объем 20 строк.


</div></div> </li> <li><input type="radio" id="radio-3" name="radio-accordion" /> <label for="radio-3">roleplay sample</label><div class="content"><div class="wohaowhe">

Любой ваш пост с другой ролевой.

</div></div> </li><li><input type="radio" id="radio-4" name="radio-accordion" /><label for="radio-4">COMMUNICATION</label> <div class="content"><div class="wohaowhe">

Краткая информация о себе: имя, опыт на ролевых, связь. По желанию можете написать планы на развитие вашего персонажа, тонкости общения с вами, как с человеком, ваши интересы и прочее.



</div></div> </li></ul></div></div></center>[/code*]

П О Л Н А Я А Н К Е Т А BB-code

bb-шаблон

Код:

[table layout=fixed width=100% border="2px"]
[tr]
[td][align=center][color=#423c30][size=30][font=lobster]Имя Фамилия (англ)[/font][/size][/color][/align][/td]
[/tr]
[tr]
[td][align=center][img]КАРТИНКА 500 НА 200[/img]
[size=16][font=Century Gothic][ФАНДОМ][/font][/size][/align]
[/td]
[/tr]
[tr]
[td bgcolor=#e2d9c4][color=#736b5a][align=center][size=25][font=Century Gothic]Биография[/font][/size]
[size=10]Мы находимся здесь, чтобы внести свой вклад в этот мир. А иначе зачем мы здесь?[/size][/align][/color][/td]
[/tr]
[tr]
[td bgcolor=#f4ebe7][align=center][b]Возраст:[/b] ответ  | [b]Раса:[/b] ответ
[b]Способности:[/b][/align] 
расскажите нам о ваших способностях, даже если вы простой человек и просто хорошо умеете готовить. Для сверхъестественных существ этот пункт особо важен.
[hr]
[hr]
Общее описание биографии пишем здесь.[/td]
[/tr]
[tr]
[td bgcolor=#e2d9c4][color=#736b5a][align=center][size=25][font=Century Gothic]Характер[/font][/size]
[size=10]..Мудрость жизни всегда глубже и обширнее мудрости людей.[/size][/align][/color][/td]
[/tr]
[tr]
[td bgcolor=#f4ebe7]Общее описание характера
[hr]
[b]Страхи:[/b]
[b]Планы:[/b][/td]
[/tr]
[tr]
[td bgcolor=#e2d9c4][color=#736b5a][align=center][size=25][font=Century Gothic]Об игроке[/font][/size]
[size=10]Не знаешь как играть - играй странно.[/size][/align][/color][/td]
[/tr]
[tr]
[td bgcolor=#f4ebe7][b]Связь:[/b]
[b]Откуда Вы о нас узнали?[/b] ответ
[hr]
[spoiler="Пробный пост"]Тут пишем пост. Можно с любой ролевой[/spoiler][/td]
[/tr]
[/table]

Поделиться32015-07-05 21:03:06

Автор: Author
Автор Легендариума
Зарегистрирован: 2015-07-05
Приглашений: 0
Сообщений: 145
Уважение: +2
Провел на форуме:
1 день 0 часов
Последний визит:
2015-11-24 18:42:57

А Н К Е Т А А К Ц И Й HTML

Как это должно выглядеть

Код:

<!--HTML--><center>
<style type="text/css">
.yonetoheal {width: 500px; }
.oghoddd {padding: 20px; font-family: georgia; font-size: 35px; font-style: italic; color: #fff; text-align: center; width: 460px; background-color: #d1c6b1; letter-spacing: -2px; text-shadow: 1px 1px 1px #000;}
.fithhhoeri {  width: 500px; height: auto; background: url(http://sg.uploads.ru/4DA39.png)  no-repeat top center;  }
.finalhe {padding: 0px; width: 460px; height: autopx; }
#watyoudonk { width: 428px; height: 205 px; padding: -5px;  position: relative; overflow: hidden;}
#watyoudonk .ifeengersi { overflow: hidden; width: 428px; height: 200 px; background-color: #fff; -webkit-transform: translate(280px, -100px) rotate(90deg); -moz-transform: translate(280px, -100px) rotate(90deg); -o-transform: translate(280px, -100px) rotate(90deg); -ms-transform: translate(280px, -100px) rotate(90deg); transform: translate(280px, -100px) rotate(90deg); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s  ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0;}
#watyoudonk:hover .ifeengersi {overflow: hidden;  opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s  ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.fiyoyheco {padding: 10px; width: 428px; height: 160px; }
.myplaiswi {padding: 4px; width: 181px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: Oswald; font-size: 14px; text-transform: uppercase; color: #302715;  text-align: center; }
.myplaiswi2 {padding: 4px; width: 181px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: Oswald; font-size: 13px;  color: #302715;  text-align: center; }
.outgoowi {padding: 10px; width: 170px; font-family: TripSerifCE_Light; font-weight: light; font-style: italic; font-size: 35px; color: #000; background-color: #f4f4f4; text-align: center; text-shadow: 1px 1px #000, 2px 2px #fff; }
.reliaket {padding: 4px; width: 134px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: calibri; text-transform: uppercase; font-size: 10px; text-align: center; }

.idothknca {width: 428px; font-family: georgia; font-size: 35px; font-style: italic; color: #302716; text-align: center;  letter-spacing: -3px; text-shadow: 1px 1px 1px #000; margin-top: 15px; }
.accordion { width: 480px;    margin: 0 auto; font-size: 14px; padding: 10px; background:#d1c6b1; }.accordion ul {list-style: none; margin: 0; padding: 0;   }
.accordion li {margin:0; padding:0; }
.accordion [type=radio], .accordion [type=checkbox] { display:none; }
.accordion label { display:block; font-size: 16px; background: #302716; color:#eee6d7; font-family: Georgia;  text-transform: uppercase; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; }
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background:#795e3e; color:#FFF; }
.accordion .content { padding: 0 10px;  overflow:hidden;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out; border: 1px solid #fff; background-color: #fff;}
.accordion p {  color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding:10px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: 190px; border: 1px solid #fff; background-color: #fff; padding: 10px; }
.wohaowhe {padding-right: 5px;height: 200px; overflow: auto; text-align: justify; font-size: 12px;  line-height: 135%; color: #322911; }
@font-face { font-family: 'TripSerifCE_Light'; src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot'); src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot?#iefix') format('embedded-opentype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.woff') format('woff'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.ttf') format('truetype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.svg') format('svg'); font-weight: normal; font-style: normal; }
</style>
<div class="yonetoheal"><div class="oghoddd">NAME SURNAME</div></A><div class="fithhhoeri"><div class="finalhe"><div id="watyoudonk"><div class="ifeengersi"><table><tr>
<td><div class="fiyoyheco"><div class="myplaiswi">ФЭНДОМ</div> <div class="outgoowi" style="margin-top: 6px;">ВОЗРАСТ</div><div style="margin-left: -25px;margin-top: 6px;"></div><div class="myplaiswi" style="margin-top: 6px;">РАСА</div></td>
<td><div class="myplaiswi2" style="margin-top: 6px;">СПОСОБНОСТИ</div></td>
</tr>
</table></div></div></div></div></div>


<div class="accordion vertical"> <ul> <li><input type="radio" id="radio-1" name="radio-accordion"><label for="radio-1">PERSONALITY</label><div class="content"><div class="wohaowhe">

Подробное описание биографии и характера Вашего персонажа. Расскажите тут о вашем происхождении: где родились, у кого, все родственные связи. Как росли, что делали в юности и чем занимались, когда уже стали взрослым. Опишите ключевые моменты жизни Вашего персонажа. Можно скопировать описание из акции и прибавить к этому свои дополнения. Минимальное количество: 25 полных строк.
</div> </div></li>  

 <li><input type="radio" id="radio-3" name="radio-accordion" /> <label for="radio-3">roleplay sample</label><div class="content"><div class="wohaowhe">

Любой ваш пост с другой ролевой.

</div></div> </li><li><input type="radio" id="radio-4" name="radio-accordion" /><label for="radio-4">COMMUNICATION</label> <div class="content"><div class="wohaowhe">

Краткая информация о себе: имя, опыт на ролевых, связь. По желанию можете написать планы на развитие вашего персонажа, тонкости общения с вами, как с человеком, ваши интересы и прочее.

</div></div> </li></ul></div></div></center>

html-шаблон

Не забывайте убирать "Звездочки"

Код:

[code*]<!--*HTML--><center>
<style type="text/css">
.yonetoheal {width: 500px; }
.oghoddd {padding: 20px; font-family: georgia; font-size: 35px; font-style: italic; color: #fff; text-align: center; width: 460px; background-color: #d1c6b1; letter-spacing: -2px; text-shadow: 1px 1px 1px #000;}
.fithhhoeri {  width: 500px; height: auto; background: url(ССЫЛКА НА КАРТИНКУ)  no-repeat top center;  }
.finalhe {padding: 0px; width: 460px; height: autopx; }
#watyoudonk { width: 428px; height: 205 px; padding: -5px;  position: relative; overflow: hidden;}
#watyoudonk .ifeengersi { overflow: hidden; width: 428px; height: 200 px; background-color: #fff; -webkit-transform: translate(280px, -100px) rotate(90deg); -moz-transform: translate(280px, -100px) rotate(90deg); -o-transform: translate(280px, -100px) rotate(90deg); -ms-transform: translate(280px, -100px) rotate(90deg); transform: translate(280px, -100px) rotate(90deg); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s  ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0;}
#watyoudonk:hover .ifeengersi {overflow: hidden;  opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s  ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.fiyoyheco {padding: 10px; width: 428px; height: 160px; }
.myplaiswi {padding: 4px; width: 181px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: Oswald; font-size: 14px; text-transform: uppercase; color: #302715;  text-align: center; }
.myplaiswi2 {padding: 4px; width: 181px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: Oswald; font-size: 13px;  color: #302715;  text-align: center; }
.outgoowi {padding: 10px; width: 170px; font-family: TripSerifCE_Light; font-weight: light; font-style: italic; font-size: 35px; color: #000; background-color: #f4f4f4; text-align: center; text-shadow: 1px 1px #000, 2px 2px #fff; }
.reliaket {padding: 4px; width: 134px; border-bottom: 5px solid  #795e3e;  border-top: 1px dotted #302716; font-family: calibri; text-transform: uppercase; font-size: 10px; text-align: center; }

.idothknca {width: 428px; font-family: georgia; font-size: 35px; font-style: italic; color: #302716; text-align: center;  letter-spacing: -3px; text-shadow: 1px 1px 1px #000; margin-top: 15px; }
.accordion { width: 480px;    margin: 0 auto; font-size: 14px; padding: 10px; background:#d1c6b1; }.accordion ul {list-style: none; margin: 0; padding: 0;   }
.accordion li {margin:0; padding:0; }
.accordion [type=radio], .accordion [type=checkbox] { display:none; }
.accordion label { display:block; font-size: 16px; background: #302716; color:#eee6d7; font-family: Georgia;  text-transform: uppercase; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; }
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label { background:#795e3e; color:#FFF; }
.accordion .content { padding: 0 10px;  overflow:hidden;  -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out; border: 1px solid #fff; background-color: #fff;}
.accordion p {  color:#333; margin:0 0 10px; }
.accordion h3 { color:#542437; margin:10px 0;}
.vertical ul li {overflow:hidden; margin:0 0 1px; }
.vertical ul li label { padding:10px; }
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label { border-bottom:0; }
.vertical ul li .content { height:0px; border-top:0;}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content { height: 190px; border: 1px solid #fff; background-color: #fff; padding: 10px; }
.wohaowhe {padding-right: 5px;height: 200px; overflow: auto; text-align: justify; font-size: 12px;  line-height: 135%; color: #322911; }
@font-face { font-family: 'TripSerifCE_Light'; src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot'); src: url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.eot?#iefix') format('embedded-opentype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.woff') format('woff'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.ttf') format('truetype'), url('http://stripaway.b1.jcink.com/uploads/stripaway/TripSerifCE_Light.svg') format('svg'); font-weight: normal; font-style: normal; }
</style>
<div class="yonetoheal"><div class="oghoddd">NAME SURNAME</div></A><div class="fithhhoeri"><div class="finalhe"><div id="watyoudonk"><div class="ifeengersi"><table><tr>
<td><div class="fiyoyheco"><div class="myplaiswi">ФЭНДОМ</div> <div class="outgoowi" style="margin-top: 6px;">ВОЗРАСТ</div><div style="margin-left: -25px;margin-top: 6px;"></div><div class="myplaiswi" style="margin-top: 6px;">РАСА</div></td>
<td><div class="myplaiswi2" style="margin-top: 6px;">СПОСОБНОСТИ</div></td>
</tr>
</table></div></div></div></div></div>


<div class="accordion vertical"> <ul> <li><input type="radio" id="radio-1" name="radio-accordion"><label for="radio-1">PERSONALITY</label><div class="content"><div class="wohaowhe">

Подробное описание биографии и характера Вашего персонажа. Расскажите тут о вашем происхождении: где родились, у кого, все родственные связи. Как росли, что делали в юности и чем занимались, когда уже стали взрослым. Опишите ключевые моменты жизни Вашего персонажа. Можно скопировать описание из акции и прибавить к этому свои дополнения. Минимальное количество: 25 полных строк.
</div> </div></li>  

 <li><input type="radio" id="radio-3" name="radio-accordion" /> <label for="radio-3">roleplay sample</label><div class="content"><div class="wohaowhe">

Любой ваш пост с другой ролевой.

</div></div> </li><li><input type="radio" id="radio-4" name="radio-accordion" /><label for="radio-4">COMMUNICATION</label> <div class="content"><div class="wohaowhe">

Краткая информация о себе: имя, опыт на ролевых, связь. По желанию можете написать планы на развитие вашего персонажа, тонкости общения с вами, как с человеком, ваши интересы и прочее.

</div></div> </li></ul></div></div></center>[/code*]

А Н К Е Т А А К Ц И Й BB-code

bb-шаблон

Код:

[table layout=fixed width=100% border="2px"]
[tr]
[td][align=center][color=#423c30][size=30][font=lobster]Имя Фамилия (англ)[/font][/size][/color][/align][/td]
[/tr]
[tr]
[td][align=center][img]КАРТИНКА 500 НА 200[/img]
[size=16][font=Century Gothic][ФАНДОМ][/font][/size][/align]
[/td]
[/tr]
[tr]
[td bgcolor=#e2d9c4][color=#736b5a][align=center][size=25][font=Century Gothic]То, о чём знает каждый[/font][/size]
[size=10]Не обязательно ползать,не обязательно летать,можно сидя в бочке остаться в истории.[/size][/align][/color][/td]
[/tr]
[tr]
[td bgcolor=#f4ebe7][align=center][b]Возраст:[/b] ответ  | [b]Раса:[/b] ответ
[b]Способности:[/b][/align] 
расскажите нам о ваших способностях, даже если вы простой человек и просто хорошо умеете готовить. Для сверхъестественных существ этот пункт особо важен.
[hr]
[hr]
Общее описание вашего персонажа. Не менее 25 строк или 10 развернутых пунктов. Можно взять описание из акции, но разбавить своими мыслями и дополнениями.
[hr]
[b]Страхи:[/b]
[b]Планы:[/b][/td]
[/tr]
[tr]
[td bgcolor=#e2d9c4][color=#736b5a][align=center][size=25][font=Century Gothic]Об игроке[/font][/size]
[size=10]Не знаешь как играть - играй странно.[/size][/align][/color][/td]
[/tr]
[tr]
[td bgcolor=#f4ebe7][b]Связь:[/b]
[b]Откуда Вы о нас узнали?[/b] ответ
[hr]
[spoiler="Пробный пост"]Тут пишем пост. Можно с любой ролевой[/spoiler][/td]
[/tr]
[/table]