Заголовок: Имя персонажа (лат.), возраст
Пример: Kostya Eastovsky, 25
[html]<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i" rel="stylesheet"><center><div class="hopalong" id="MEMBERGROUP"><div class="tabs">
<div class="name">ИМЯ НА АНГЛ. ЯЗ</div>
<img src="http://funkyimg.com/i/2Bu14.jpg">
<div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">Инфо</label><div class="content"><div class="info"><ul>
<li><b>ПОЛНОЕ ИМЯ</b>
Указываем полное имя персонажа на русском языке</li>
<li><b>ВОЗРАСТ И ДАТА РОЖДЕНИЯ</b>
Возраст и дата рождения вашего персонажа</li>
<li><b>МЕСТО РОЖДЕНИЯ</b>
Место рождения персонажа</li>
<li><b>ОБРАЗОВАНИЕ</b>
Образование персонажа</li>
<li><b>МЕСТО РАБОТЫ</b>
Занятость вашего персонажа
</li>
<li><b>ОРИЕНТАЦИЯ</b>
Указываем ориентацию и предпочтения по вашему желанию. </li>
<li><b>РОДСТВЕННЫЕ СВЯЗИ</b>
Родственники персонажа</li>
<li><b>ЗАНИМАЕМАЯ ВНЕШНОСТЬ</b>
Внешность, которую вы используете</li>
</ul></div></div></div>
<div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">АНКЕТА</label><div class="content"><div class="body">
<h2>Любая цитата, характеризующая персонажа</h2>
Биографию и характер можно писать в произвольной форме. Так же анкету можно разделить на пункты, если вам так удобнее. <br>
После абзаца для переноса текста ставим тег <*br> без звездочки. <br>
Для оформления текста используйте обычные коды выделения, но скобки [ ] замените на скобки < >. <br>
</div></div></div>
<div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3">ПРОБНЫЙ ПОСТ</label><div class="content"><div class="body">
Ваш пробный пост. <br>
Правила оформления поста точно такие же, как и для анкеты.
</div></div></div>
<div class="tab"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4">ОБ ИГРОКЕ</label><div class="content"><div class="info"><ul>
<li><b>СРЕДНИЙ РАЗМЕР ИГРОВЫХ ПОСТОВ</b>
Ваш любимый размер, ваш любимый формат</li>
<li><b>ОБРАТНАЯ СВЯЗЬ</b>
Любой способ связи с вами</li>
</ul></div></div></div>
</div></div>
<style> [type=radio]:checked ~ label {
z-index: 2;
color: #e5e5e5;
font-family: cervo;
font-size: 11px;
letter-spacing: 2px;}
[type=radio]:checked ~ label ~ .content {
z-index: 1; opacity: 1;
}</style>[/html]
Код:[*html]<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i" rel="stylesheet"><center><div class="hopalong" id="MEMBERGROUP"><div class="tabs"> <div class="name">ИМЯ НА АНГЛ. ЯЗ</div> <img src="ВАШ АВАТАР 100 Х 100"> <div class="tab"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">Инфо</label><div class="content"><div class="info"><ul> <li><b>ПОЛНОЕ ИМЯ</b> Указываем полное имя персонажа на русском языке</li> <li><b>ВОЗРАСТ И ДАТА РОЖДЕНИЯ</b> Возраст и дата рождения вашего персонажа</li> <li><b>МЕСТО РОЖДЕНИЯ</b> Место рождения персонажа</li> <li><b>ОБРАЗОВАНИЕ</b> Образование персонажа</li> <li><b>МЕСТО РАБОТЫ</b> Занятость вашего персонажа </li> <li><b>ОРИЕНТАЦИЯ</b> Указываем ориентацию и предпочтения по вашему желанию. </li> <li><b>РОДСТВЕННЫЕ СВЯЗИ</b> Родственники персонажа</li> <li><b>ЗАНИМАЕМАЯ ВНЕШНОСТЬ</b> Внешность, которую вы используете</li> </ul></div></div></div> <div class="tab"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">АНКЕТА</label><div class="content"><div class="body"> <h2>Любая цитата, характеризующая персонажа</h2> Биографию и характер можно писать в произвольной форме. Так же анкету можно разделить на пункты, если вам так удобнее. <br> После абзаца для переноса текста ставим тег <*br> без звездочки. <br> Для оформления текста используйте обычные коды выделения, но скобки [ ] замените на скобки < >. <br> </div></div></div> <div class="tab"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3">ПРОБНЫЙ ПОСТ</label><div class="content"><div class="body"> Ваш пробный пост. <br> Правила оформления поста точно такие же, как и для анкеты. </div></div></div> <div class="tab"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4">ОБ ИГРОКЕ</label><div class="content"><div class="info"><ul> <li><b>СРЕДНИЙ РАЗМЕР ИГРОВЫХ ПОСТОВ</b> Ваш любимый размер, ваш любимый формат</li> <li><b>ОБРАТНАЯ СВЯЗЬ</b> Любой способ связи с вами</li> </ul></div></div></div> </div></div> <style> [type=radio]:checked ~ label { z-index: 2; color: #e5e5e5; font-family: cervo; font-size: 11px; letter-spacing: 2px;} [type=radio]:checked ~ label ~ .content { z-index: 1; opacity: 1; }</style>[*/html]