в названии анкеты следует указать: surname name, age, принадлежность [кицуне, дарак, канима, банши, оборотень, друид, человек, охотник]
как вы видели - у нас анкета не в bb содах, а в html, потому напоминаем некоторые вещи:
<b>жирный текст</b>
<i>курсив</i>
<u>подчеркнутый текст</u>
<s>зачеркнутый текст</s>
<br> – перенос строки
если вам понадобились выравнивания по краям_центру, то ставятся эти кода:
<center>текст посередине</center>
<div style="text-align: left">выравнивание по левому краю</div>
<div style="text-align: right">выравнивание по правому краю</div>
для изображении у нас тоже есть код:
<img src="сюда вставляется прямая ссылка на изображение">
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'> <style type="text/css"> ::-webkit-scrollbar { height: 12px; width: 10px; background-color: transparent;} ::-webkit-scrollbar-thumb { background: #3f352d; } ::-webkit-scrollbar-corner { background: #3f352d; } ::-webkit-scrollbar-track { background: transparent; } #thtabcontainer { width: 500px; height: 500px; background-color: #3f352d; position: relative; } .thcontimage img { position: absolute; right: 0px; top: 0px; width: 325px; height: 500px; } .thooc { position: absolute; bottom: 20px; left: 25px; width: 105px; padding: 10px; font-family: kite one; font-size: 6px; letter-spacing: 1px; line-height: 8px; color: white; text-transform: uppercase; } .tabs { position: relative; height: 500px; width: 500px; clear: both; } .tab label { display: block; width: 50px; background: #FFF; color: #dccb9e; padding: 15px; font: 6px/12px kite one; text-transform: uppercase; letter-spacing: 3px; text-align: right; position: absolute; right: 325px; top: 200px; } .tab [type=radio] { display: none; } [type=radio]:checked ~ label { background: #3f352d; color: #FFF; border-bottom: 0px; z-index: 2; } [type=radio]:checked ~ label ~ .thcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); } .thcontent { width: 300px; position: absolute; top: 12px; left: 187px; float: right; right: 12px; bottom: 12px; text-align: justify; opacity: 0; filter: alpha(opacity=0); } [type=radio]:checked ~ label { background: #615246; color: #fff; border-bottom: 0px; z-index: 2; } [type=radio]:checked ~ label ~ .thcontent { z-index: 1; } .thfirsttab { text-align: center; width: 300px; position: absolute; bottom: 20px; left: 35px; background-color: #615246; padding: 20px; width: 190px; height: 90px; color: white; font-family: times; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 90px; } .thappcontent { background-color: rgba(255,255,255,0.8); padding: 20px; font-family: times; font-size: 10px; line-height: 11px; letter-spacing: 1px; height: 432px; overflow: auto; } .thabout { position: absolute; top: 180px; left: -15px; width: 300px; } .thabout ul { list-style: none; } .thabout li { display: block; float: left; margin-left: 5px; margin-bottom: 5px; background-color: #3f352d; text-align: center; font-family: kite one; letter-spacing: 1px; color: white; font-size: 6px; line-height: 25px; width: 80px; text-transform: uppercase; } </style> <center> <div id="thtabcontainer"> <div class="thcontimage"> <img src="http://placehold.it/325x500"> </div> <div class="thooc"> </div> <div class="tabs"> <div class="tab"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">one</label><div class="thcontent"><div class="thfirsttab"> ВАШЕ ИМЯ (АНГЛ.) </div></div> </div> <div class="tab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2" style="margin-top: 42px;">two</label><div class="thcontent"><div class="thabout"> <ul> <li>возраст</li> <li>дата рождения</li> <li>место рождения</li> </ul> <ul> <li style="width: 165px;">ориентация</li> <li>принадлежность к расе (для оборотней - альфа или бета)</li> </ul> <ul> <li style="width: 250px;">место и должность работы/учёбы</li> </ul> <ul> <li>прозвище</li> <li>имя знаменитости</li> <li>связь</li> </ul> </div></div> <div class="tab"> <input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3" style="margin-top: 84px;">three</label><div class="thcontent"><div class="thappcontent"> <b>I.</b> <i>информация о персонаже</i> <br> тексттексттексттексттексттексттексттексттексттексттексттекст <br><br> </div> </div> </div> </div> </div> <div style="font-size: 7px; text-transform: uppercase; font-family: georgia; letter-spacing: 1px; word-spacing: 3px;"></div> </center>
Код:[cod*e]<!--H*TML--><link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'> <style type="text/css"> ::-webkit-scrollbar { height: 12px; width: 10px; background-color: transparent;} ::-webkit-scrollbar-thumb { background: #3f352d; } ::-webkit-scrollbar-corner { background: #3f352d; } ::-webkit-scrollbar-track { background: transparent; } #thtabcontainer { width: 500px; height: 500px; background-color: #3f352d; position: relative; } .thcontimage img { position: absolute; right: 0px; top: 0px; width: 325px; height: 500px; } .thooc { position: absolute; bottom: 20px; left: 25px; width: 105px; padding: 10px; font-family: kite one; font-size: 6px; letter-spacing: 1px; line-height: 8px; color: white; text-transform: uppercase; } .tabs { position: relative; height: 500px; width: 500px; clear: both; } .tab label { display: block; width: 50px; background: #FFF; color: #dccb9e; padding: 15px; font: 6px/12px kite one; text-transform: uppercase; letter-spacing: 3px; text-align: right; position: absolute; right: 325px; top: 200px; } .tab [type=radio] { display: none; } [type=radio]:checked ~ label { background: #3f352d; color: #FFF; border-bottom: 0px; z-index: 2; } [type=radio]:checked ~ label ~ .thcontent { z-index: 1; opacity: 1; filter: alpha(opacity=100); } .thcontent { width: 300px; position: absolute; top: 12px; left: 187px; float: right; right: 12px; bottom: 12px; text-align: justify; opacity: 0; filter: alpha(opacity=0); } [type=radio]:checked ~ label { background: #615246; color: #fff; border-bottom: 0px; z-index: 2; } [type=radio]:checked ~ label ~ .thcontent { z-index: 1; } .thfirsttab { text-align: center; width: 300px; position: absolute; bottom: 20px; left: 35px; background-color: #615246; padding: 20px; width: 190px; height: 90px; color: white; font-family: times; font-size: 7px; text-transform: uppercase; letter-spacing: 2px; line-height: 90px; } .thappcontent { background-color: rgba(255,255,255,0.8); padding: 20px; font-family: times; font-size: 10px; line-height: 11px; letter-spacing: 1px; height: 432px; overflow: auto; } .thabout { position: absolute; top: 180px; left: -15px; width: 300px; } .thabout ul { list-style: none; } .thabout li { display: block; float: left; margin-left: 5px; margin-bottom: 5px; background-color: #3f352d; text-align: center; font-family: kite one; letter-spacing: 1px; color: white; font-size: 6px; line-height: 25px; width: 80px; text-transform: uppercase; } </style> <center> <div id="thtabcontainer"> <div class="thcontimage"> <img src="http://placehold.it/325x500"> </div> <div class="thooc"> </div> <div class="tabs"> <div class="tab"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">one</label><div class="thcontent"><div class="thfirsttab"> ВАШЕ ИМЯ (АНГЛ.) </div></div> </div> <div class="tab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2" style="margin-top: 42px;">two</label><div class="thcontent"><div class="thabout"> <ul> <li>возраст</li> <li>дата рождения</li> <li>место рождения</li> </ul> <ul> <li style="width: 165px;">ориентация</li> <li>принадлежность к расе</li> </ul> <ul> <li style="width: 250px;">место и должность работы/учёбы</li> </ul> <ul> <li>прозвище</li> <li>имя знаменитости</li> <li>связь</li> </ul> </div></div> <div class="tab"> <input type="radio" id="tab-3" name="tab-group-1"> <label for="tab-3" style="margin-top: 84px;">three</label><div class="thcontent"><div class="thappcontent"> <b>I.</b> <i>информация о персонаже</i> <br> тексттексттексттексттексттексттексттексттексттексттексттекст <br><br> </div> </div> </div> </div> </div> <div style="font-size: 7px; text-transform: uppercase; font-family: georgia; letter-spacing: 1px; word-spacing: 3px;"></div> </center>[/*code]