Шаблон анкеты

Код:
<!--HTML--><div id="p6-content" class="post-content">
            <div class="htmldemo"><style>
.temstyle {width: 725px; padding: 0; background: url(http://s9.uploads.ru/XmAvC.png) top no-repeat, url(http://sa.uploads.ru/OJE1s.png) bottom no-repeat, url(http://sd.uploads.ru/EVxNf.png) repeat-y; margin-top: 0px!important; margin-left: 6px;}
.contenttem {padding-top: 70px; padding-bottom: 50px; width: 550px;  color: #5f2f16; margin-left: 40px!important; 
min-height: 250px; font-family: 'comfortaa'; font-size: 12px;}</style>
<div class="temstyle"><div class="contenttem">
<div style="font-size: 16px; font-weight: bold; font-family: 'comfortaa'; display: inline;">
<center>

<!---АВА ПЕРСОНАЖА + ИНФО НА КАРТИНКЕ--->
<div style="position:absolute;MARGIN-LEFT: 469PX;MARGIN-TOP: 38PX;"><div class="view view-first"><img src="http://sg.uploads.ru/LjYoc.png"><div class="mask"><div style="background-color:#00c2f9; color:#232323; FONT-FAMILY: comfortaa;">
♫ OST персонажа </div><br>
<p>Внешность - Вписываем внешность</p>
</div></div></div>
<!---АВА ПЕРСОНАЖА + ИНФО НА КАРТИНКЕ.КОНЕЦ--->

<!----------------------------ИМЯ И ФАМИЛИЯ --вводим на русском-------------------------------->
<div style="position:absolute;text-transform: uppercase;color: #ec6b0b;font-size: 11px; FONT-FAMILY:comfortaa;MARGIN-LEFT: 475PX;MARGIN-TOP: 218PX;width: 191px;text-align: center;letter-spacing: 3px;text-shadow: 3px 1px 2px #000000, 0px 0px 0px rgba(0, 0, 0, 0.3);"> ИМЯ<br>ФАМИЛИЯ</div>
<!----------------------------ИМЯ И ФАМИЛИЯ.КОНЕЦ-------------------------------->

<!----------------------------ВОЗРАСТ-------------------------------->
<div style="position:absolute;text-transform: uppercase;color: #9c9c9c;font-size: 14px; FONT-FAMILY: comfortaa;MARGIN-LEFT: -21PX;MARGIN-TOP: 421PX;width: 146px;text-align: center;letter-spacing: 3px;">Возраст</div>
<!----------------------------ВОЗРАСТ.КОНЕЦ-------------------------------->

<!----------------------------РАСА-------------------------------->
<div style="position: absolute;text-transform: uppercase;color: #9c9c9c;font-size: 12px; FONT-FAMILY: comfortaa;MARGIN-LEFT: 147PX;MARGIN-TOP: 406PX;width: 135px; text-align: center;letter-spacing: 3px;">Ваша раса</div>
<!----------------------------РАСА.КОНЕЦ-------------------------------->

<!----------------------------КОНТАКТЫ-------------------------------->
<div style="position:absolute;text-transform: uppercase;color: #9c9c9c;font-size: 12px; FONT-FAMILY: comfortaa;MARGIN-LEFT: 303PX;MARGIN-TOP: 421PX; text-align: center;letter-spacing: 3px;width: 148px;">Контакты</div>
<!----------------------------КОНТАКТЫ.КОНЕЦ-------------------------------->

<!----------------------------ПРОФЕССИЯ-------------------------------->
<div style="position:absolute;text-transform: uppercase;color: #9c9c9c;font-size: 12px; width: 472px; FONT-FAMILY: comfortaa;MARGIN-LEFT: -22PX; MARGIN-TOP: 461PX; text-align: center;letter-spacing: 3px;">То, чем занимаетесь</div>
<!----------------------------ПРОФЕССИЯ.КОНЕЦ-------------------------------->

<!----------------------------ФРАКЦИЯ-------------------------------->
<div style="position: absolute;text-transform: uppercase;color: #9c9c9c;font-size: 14px; FONT-FAMILY: comfortaa;MARGIN-LEFT: 526PX; MARGIN-TOP: -26PX;    text-align: center;letter-spacing: 3px;">Фракция</div>
<!----------------------------ФРАКЦИЯ.КОНЕЦ-------------------------------->

<!----------------------------ТАЛАНТЫ-------------------------------->
<div style="position: absolute;LINE-HEIGHT: 12PX;MARGIN-TOP: 304PX;width: 193px;height: 165px;margin-left: 475px;font-size: 12px;font-family: comfortaa;overflow: auto;color: #9c9c9c;">Ваши таланты. Что это может быть? Может ваш персонаж неплохо поет или попадает из лука белке в глаз со ста метров, обязательно об этом напишите. <br>Не стоит придумывать всякую небылицу.</div>
<!----------------------------ТАЛАНТЫ.КОНЕЦ-------------------------------->

<div class="Mirage">
    <input type="radio" name="Miragea" id="Miragea_1" checked="checked">
    <input type="radio" name="Miragea" id="Miragea_2">
    <input type="radio" name="Miragea" id="Miragea_3">
<!----------------------------1 ВКЛАДКА БИОГРАФИИ-------------------------------->
 <div>
        <label for="Miragea_1">ПЕРСОНАЖ</label>
<div style="background-color: #0000004f;color: #ec6b0b;font-size: 19px; FONT-FAMILY: comfortaa; WIDTH: 472PX;MARGIN-LEFT: -30PX; MARGIN-TOP: 5PX;letter-spacing: 5px;text-shadow: 4px 1px 6px #060606, 0px 0px 0px rgba(0, 0, 0, 0.3);">БИОГРАФИЯ </div><br> 
<div style="LINE-HEIGHT: 15PX; MARGIN-TOP: -15PX;width:470px; height:130px;margin-left: -34px; overflow:auto;"><div style="color:#9c9c9c;  font-size: 14px;">

<!-------НАЧАЛО БИОГРАФИИ------->
Место рождения: Указываем где родился <br>
Семья: <br>
Указываем родственников персонажа, а так же поясняем, живы они или нет <br>

Здесь вы описываете биографию своего персонажа. 

<!-------КОНЕЦ БИОГРАФИИ------->
   </div></div>
<br>
       <div style="background-color: #0000004f;color: #ec6b0b;font-size: 19px; MARGIN-TOP: -10PX;FONT-FAMILY: comfortaa; WIDTH: 472PX;MARGIN-LEFT: -30PX; MARGIN-TOP: -10PX;letter-spacing: 5px;text-shadow: 4px 1px 6px #060606, 0px 0px 0px rgba(0, 0, 0, 0.3);">ХАРАКТЕР </div><br> <div style="width:470px; height:90px;margin-left: -34px; overflow:auto;LINE-HEIGHT: 13PX;MARGIN-TOP: -14PX;"><div style="color:#9c9c9c;  font-size: 13px;">

<!-------НАЧАЛО ХАРАКТЕРА------->

Описывая характер своего персонажа, вы должны рассказать о его привычках, любимом хобби, что он любит и что ненавидит. 

<!-------КОНЕЦ ХАРАКТЕРА------->

</div></div>
<br>
       <div style="background-color: #0000004f;color: #ec6b0b;font-size: 19px;MARGIN-TOP: -10PX; FONT-FAMILY: comfortaa; WIDTH: 472PX;MARGIN-LEFT: -30PX; MARGIN-TOP: -9PX;letter-spacing: 5px;text-shadow: 4px 1px 6px #060606, 0px 0px 0px rgba(0, 0, 0, 0.3);">СПОСОБНОСТИ </div><br> <div style="width:470px; height:79px;margin-left: -34px; overflow:auto;LINE-HEIGHT: 13PX;MARGIN-TOP: -12PX;"><div style="color:#9c9c9c;  font-size: 13px;">

<!-------НАЧАЛО СПОСОБНОСТЕЙ------->

Для дамнантов: Вначале пишем название своей способности, её уровень, минусы и плюсы. У каждой способности есть свои ограничения в зависимости от её уровня.<br>
Для Ультры: Вначале пишем уровень браслета нанокостюма, а после указываем свой арсенал и его характеристики. 


<!-------КОНЕЦ СПОСОБНОСТЕЙ------->

</div></div>
 </div>
   
<!---------------------------2 ВКЛАДКА ОТНОШЕНИЯ------------------------------>

    <div>
        <label for="Miragea_2">ОТНОШЕНИЯ</label>
 <div style="width: 475px; height: 394px;margin-top: 2px;overflow: auto; margin-left: -33px;">

<!--------------------- НАЧАЛО 1 ЗАПОЛНЕНИЯ ОТНОШЕНИЙ----------------------------->
 <table style="width: 100%;background-color: #00000070;margin-top: -20px; cellpadding="3">
<tbody>
<tr style="height: 53px;">
<td style="width: 40%; height: 200px;"><div class="imgholder"><div class="outer1 circle"></div><div class="outer2 circle"></div>
<figure>
    	<img src="http://s9.uploads.ru/0QqON.png"
    </figure></div></td>
<td style="width: 79%; height: 180px;"><div style="background-color: #211a2b;color: #ec6b0b;font-size: 14px; FONT-FAMILY: comfortaa;text-transform: uppercase;letter-spacing: 1px;text-shadow: 4px 1px 6px #060606, 0px 0px 0px rgba(0, 0, 0, 0.3);text-align: center;width: 300px;">Имя персонажа</div><br><div style="width:312px; height:100px; overflow:auto;"><div style="color:#9c9c9c;  font-size: 13px;">Описываем отношения между вашими персонажами </div></td>
</tr>
</tbody>
</table>
<div style="background-color: #0000004f;margin-top: -43px;color: #8c829c;font-size: 12px; FONT-FAMILY: comfortaa;text-transform: uppercase;letter-spacing: 1px;text-shadow: 4px 1px 6px #060606, 0px 0px 0px rgba(0, 0, 0, 0.3);text-align: center;">Знакомы: 10 лет | Отношения:  Дружба</div>

<!---------------------КОНЕЦ 1 ЗАПОЛНЕНИЯ ОТНОШЕНИЙ----------------------------->

<!--------------------- НАЧАЛО 2 ЗАПОЛНЕНИЯ ОТНОШЕНИЙ----------------------------->
<table style="width: 100%;background-color: #00000070;margin-top: -20px; cellpadding="3">
<tbody>
<tr style="height: 53px;">
<td style="width: 40%; height: 200px;"><div class="imgholder"><div class="outer1 circle"></div><div class="outer2 circle"></div>
<figure>
    	<img src="http://s9.uploads.ru/0QqON.png"
    </figure></div></td>
<td style="width: 79%; height: 180px;"><div style="background-color: #211a2b;color: #ec6b0b;font-size: 14px; FONT-FAMILY:comfortaa;text-transform: uppercase;letter-spacing: 1px;text-shadow: 4px 1px 6px #060606, 0px 0px 0px rgba(0, 0, 0, 0.3);text-align: center;width: 300px;">Имя персонажа</div><br><div style="width:312px; height:100px; overflow:auto;"><div style="color:#9c9c9c;  font-size: 13px;">Описываем отношения между вашими персонажами  </div></td>
</tr>
</tbody>
</table>
<div style="background-color: #0000004f;margin-top: -43px;color: #8c829c;font-size: 12px; FONT-FAMILY:comfortaa;text-transform: uppercase;letter-spacing: 1px;text-shadow: 4px 1px 6px #060606, 0px 0px 0px rgba(0, 0, 0, 0.3);text-align: center;">Знакомы: 10 лет | Отношения:  Дружба</div>
<!---------------------КОНЕЦ 2 ЗАПОЛНЕНИЯ ОТНОШЕНИЙ----------------------------->
<!--------------------- НАЧАЛО 3 ЗАПОЛНЕНИЯ ОТНОШЕНИЙ----------------------------->
<table style="width: 100%;background-color: #00000070;margin-top: -20px; cellpadding="3">
<tbody>
<tr style="height: 53px;">
<td style="width: 40%; height: 200px;"><div class="imgholder"><div class="outer1 circle"></div><div class="outer2 circle"></div>
<figure>
    	<img src="http://s9.uploads.ru/0QqON.png"
    </figure></div></td>
<td style="width: 79%; height: 180px;"><div style="background-color: #211a2b;color: #ec6b0b;font-size: 14px; FONT-FAMILY: comfortaa;text-transform: uppercase;letter-spacing: 1px;text-shadow: 4px 1px 6px #060606, 0px 0px 0px rgba(0, 0, 0, 0.3);text-align: center;width: 300px;">Имя персонажа</div><br><div style="width:312px; height:100px; overflow:auto;"><div style="color:#9c9c9c;  font-size: 13px;">Описываем отношения между вашими персонажами</div></td>
</tr>
</tbody>
</table>
<div style="background-color: #0000004f;margin-top: -43px;color: #8c829c;font-size: 12px; FONT-FAMILY:comfortaa;text-transform: uppercase;letter-spacing: 1px;text-shadow: 4px 1px 6px #060606, 0px 0px 0px rgba(0, 0, 0, 0.3);text-align: center;">Знакомы: 10 Лет | Отношения:  Дружба</div>
<!---------------------КОНЕЦ 3 ЗАПОЛНЕНИЯ ОТНОШЕНИЙ----------------------------->
    </div></div>

<!--------------------------------3 ВКЛАДКА  ХРОНОЛОГИЯ--------------------------->

    <div>
        <label for="Miragea_3">ХРОНОЛОГИЯ</label>
<!---------------------Начало хронологии----------------------------->
////

<!---------------------Конец  хронологии----------------------------->

   </div> </div>

</div>
</div></div></div>
      </div>
Эльмораден

Меню навигации

Пользовательские ссылки

Информация о пользователе

Шаблон анкеты

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

Поделиться12018-02-11 02:10:35
