тему с анкетой вы можете назвать так, как вам нравится. шаблон анкеты так же остается на ваш выбор. для того, чтобы шаблон адекватно работал, вам нужно убрать звездочки из [/code*] , [*code] и <!--*HTML-->, а также заполнить все его пункты. чтобы вам было легче найти пункты, подлежащие заполнению, мы выделили их восклицательными знаками - можете найти их самостоятельно либо через команду Ctrl+F, введя в строку значение !!!!. восклицательные знаки так же нужно убрать.
несмотря на то, что в последнее время на просторах ролевых игр популярность html-кодов растет со скоростью лучшей машины формулы-1, никогда не будет лишним напомнить несколько прописных истин, которые облегчат вам написание анкеты. текст, который вы хотите выделить жирным, поместите в код <b></b>, текст, который вы хотите выделить курсивом, поместите в код <i></i>, текст, который вы хотите выделить подчеркнутым поместите в код <u></u>/ для переноса на на другую строку используйте код <br>. для того, чтобы вставить ссылку в текст, используйте код <a href="ссылка">текст ссылки</a>.
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Lato|Francois+One' rel='stylesheet' type='text/css'>
<style type="text/css">
<style type="text/css">
::-webkit-scrollbar { height: 12px; width: 10px; background-color: transparent;}
::-webkit-scrollbar-thumb { background: #afaaae; }
::-webkit-scrollbar-corner { background: #afaaae; }
::-webkit-scrollbar-track { background: transparent; }
#stcontainer { width: 500px; height: 600px; position: relative; background-color: #F1EFE8; }
.sttitlebar { width: 500px; height: 125px; background-color: #afaaae; position: absolute; top: 0px; left: 0px; }
.sttitlebar span { width: 350px; height: 15px; display: block; position: absolute; top: 55px; left: 75px; text-align: center; padding-top: 5px; border-top: 3px solid #D1DCDB; color: #F1EFE8; font-size: 11px; line-height: 10px; font-family: francois one; text-transform: uppercase; letter-spacing: 5px; word-spacing: 8px; }
.sttitlebar span:after { content: ""; display: block; position: absolute; height: 1px; left: 0px; top: -5px; margin-top: -1px; background-color: #D1DCDB; width: 350px; }
.stuimage img { width: 500px; height: 150px; position: absolute; top: 125px; left: 0px; z-index: 1; }
.stuimage span { display: block; width: 500px; height: 25px; position: absolute; top: 250px; left: 0px; z-index: 99; background-color: rgba(241,239,232,0.6); line-height: 25px; text-align: center; font: italic 10px/25px times; color: #000; letter-spacing: 2px; word-spacing: 5px; }
#stcontainer p { position: absolute; top: 266px; left: 0px; width: 300px; height: 285px; padding: 20px 100px 20px 100px; text-align: justify; font-family: tahoma; font-size: 9px; text-transform: lowercase; line-height: 12px; letter-spacing: 1px; overflow: auto; }
</style>
<center>
<div id="stcontainer">
<div class="sttitlebar"><span>
NAME
</span></div>
<div class="stuimage">
<img src="http://placehold.it/500x150">
<span>
имя кириллицей — возраст — деятельность — ориентация
</span></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</center>Код:
[*code]<!--*HTML--><link href='http://fonts.googleapis.com/css?family=Lato|Francois+One' rel='stylesheet' type='text/css'>
<style type="text/css">
<style type="text/css">
::-webkit-scrollbar { height: 12px; width: 10px; background-color: transparent;}
::-webkit-scrollbar-thumb { background: #afaaae; }
::-webkit-scrollbar-corner { background: #afaaae; }
::-webkit-scrollbar-track { background: transparent; }
#stcontainer { width: 500px; height: 600px; position: relative; background-color: #F1EFE8; }
.sttitlebar { width: 500px; height: 125px; background-color: #afaaae; position: absolute; top: 0px; left: 0px; }
.sttitlebar span { width: 350px; height: 15px; display: block; position: absolute; top: 55px; left: 75px; text-align: center; padding-top: 5px; border-top: 3px solid #D1DCDB; color: #F1EFE8; font-size: 11px; line-height: 10px; font-family: francois one; text-transform: uppercase; letter-spacing: 5px; word-spacing: 8px; }
.sttitlebar span:after { content: ""; display: block; position: absolute; height: 1px; left: 0px; top: -5px; margin-top: -1px; background-color: #D1DCDB; width: 350px; }
.stuimage img { width: 500px; height: 150px; position: absolute; top: 125px; left: 0px; z-index: 1; }
.stuimage span { display: block; width: 500px; height: 25px; position: absolute; top: 250px; left: 0px; z-index: 99; background-color: rgba(241,239,232,0.6); line-height: 25px; text-align: center; font: italic 10px/25px times; color: #000; letter-spacing: 2px; word-spacing: 5px; }
#stcontainer p { position: absolute; top: 266px; left: 0px; width: 300px; height: 285px; padding: 20px 100px 20px 100px; text-align: justify; font-family: tahoma; font-size: 9px; text-transform: lowercase; line-height: 12px; letter-spacing: 1px; overflow: auto; }
</style>
<center>
<div id="stcontainer">
<div class="sttitlebar"><span>
!!!!ВАШЕ ИМЯ ЛАТИНИЦЕЙ!!!!
</span></div>
<div class="stuimage">
<img src="!!!!ВАШЕ ФОТО 500x150!!!!">
<span>
!!!!ваше имя кириллицей!!!! — !!!!возраст!!!! — !!!!деятельность!!!! — !!!!ориентация!!!!
</span></div>
<p>
!!!!МЕСТО ДЛЯ ВАШЕГО ОПИСАНИЯ ПЕРСОНАЖА!!!!<br>
</p>
</div>
</center>
<br>
<center><b>связь:</b> <i>!!!!СВЯЗЬ!!!!</i></center>[/code*]Код:
<!--HTML--><link rel="stylesheet" type="text/css" href="https://www.dropbox.com/s/f6xmmen8m7wui3y/lethhergo.css?dl=1"> <center> <div class="nexus-turqmelon"> <div style="padding-top:25px;"></div> <table cellspacing="2"><tr vAlign="top"> <td><center><div class="pic"><img src="http://placehold.it/100x100"></div></center></td> <td><div class="name">ИМЯ НА ЛАТИНИЦЕ</div> <div class="other">ИМЯ НА КИРИЛЛИЦЕ - ВОЗРАСТ - ПРОФЕССИЯ - РОДНОЙ ГОРОД - ОРИЕНТАЦИЯ</div><br></td> </tr></table> </div> <div class="nexus-petezahhutt"><div class="nexus-kylern"><div class="zag">tell me about you</div><br><br> !!!!!!!!!!!!!!!!!!!ХАРАКТЕР+БИОГРАФИЯ!!!!!!!!!!!!!!!!!!!<br><br> <div class="zag">show me your skills</div><br><br> !!!!!!!!!!!!!!!!!!!ПОСТ!!!!!!!!!!!!!!!!!!!<br><br> <div class="zag">give me your number</div><br><br> !!!!!!!!!!!!!!!!!!!СВЯЗЬ!!!!!!!!!!!!!!!!!! </div></div>
Код:
[*code]<!--*HTML--><link rel="stylesheet" type="text/css" href="https://www.dropbox.com/s/f6xmmen8m7wui3y/lethhergo.css?dl=1"> <center> <div class="nexus-turqmelon"> <div style="padding-top:25px;"></div> <table cellspacing="2"><tr vAlign="top"> <td><center><div class="pic"><img src="http://placehold.it/100x100"></div></center></td> <td><div class="name">ИМЯ НА ЛАТИНИЦЕ</div> <div class="other">ИМЯ НА КИРИЛЛИЦЕ - ВОЗРАСТ - ПРОФЕССИЯ - ГОРОД - ОРИЕНТАЦИЯ</div><br></td> </tr></table> </div> <div class="nexus-petezahhutt"><div class="nexus-kylern"><div class="zag">tell me about you</div><br><br> !!!!!!!!!!!!!!!!!!!ХАРАКТЕР+БИОГРАФИЯ!!!!!!!!!!!!!!!!!!!<br><br> <div class="zag">show me your skills</div><br><br> !!!!!!!!!!!!!!!!!!!ПОСТ!!!!!!!!!!!!!!!!!!!<br><br> <div class="zag">give me your number</div><br><br> !!!!!!!!!!!!!!!!!!!СВЯЗЬ!!!!!!!!!!!!!!!!!! </div></div>[/code*]