Код:
<!--HTML-->
<link href='https://fonts.googleapis.com/css?family=Indie+Flower|Pacifico' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'><br /><br /><center><link href='http://fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'>
<style>
.quest {width: 600px; height: 700px; background-image: url(http://i.imgur.com/DUPdFXO.png); border: #f9db61 solid 10px; border-left: #f3e4a9 solid 3px; border-right: #f3e4a9 solid 3px; -moz-border-radius: 40px; border-radius: 40px;}
.quest1 {width: 550px; height: 520px; background: #f8f8f8; top: 20px; left: 20px; -moz-border-radius: 35px; border-radius: 35px;}
.bigpic img {border:6px solid #f9db61; margin-left: -115px; margin-top: -152px; position: absolute; border-radius: 160px; height:160px; width:160px;}
.smallpic img {border:5px solid #f9db61; margin-left: -65px; margin-top: -50px; position: absolute; border-radius: 110px; height:110px; width:110px; }
.about {font-size: 10px;}
.citata {color: #000000; font-family: Tahoma; font-size: 9px; line-height: 100%; letter-spacing: 2px; text-align: center; text-transform: uppercase;}
.bigtext {color: #000000; font-family: fugaz one; font-size: 20px; line-height: 100%; letter-spacing: 15px; font-weight: bold; text-align: center; text-transform: uppercase; }
</style>
<center><div class="quest"><br><div class="quest1">
<table border="0">
<tbody>
<tr>
<td width="100px"><center><div class="bigpic" style="-moz-border-radius: 160px;"><img src='http://savepic.org/7733205.png'></div></center>
<center><div class="smallpic" style="-moz-border-radius: 110px;"><img src='http://savepic.org/7721941.png'></div></center></td>
<td width="350px">
<div style="color: #000000; font-family: Franklin Gothic Medium; font-size: 32px; line-height: 100%; letter-spacing: -1px; font-weight: bold; text-align: center; text-transform: uppercase; ">Имя и Фамилия, y.o.</div><div style="height: 200px; overflow: auto; font-size: 10px;">Дорогой дневник, там где-то на первых страницах я уже писал о том, что меня зовут <b>ваше имя на русском</b> и знаешь, ведь ничего не изменилось, хоть я и прожил уже <b>ваш возраст</b>. Может только то, что мое имя в итоге сократили просто до <b>сокращение вашего имени</b>. Когда-то я посвящал тебя и в то, что был рожден в <b> город, в котором вы были рождены </b> и до сих пор влюблен в этот город. Но может стоить увидеть мир? Я не знаю и долгое время у меня не у кого было об этом спросить. Совсем не помню, говорил ли я тебе о том, что мне нравятся <b>мужчины|женщины</b>, а если и да, то разве я не повторяюсь на твоих страницах? Именно осознание этого - помогло мне найти <b>имя вашей пары</b>, ради которого(-ой) я теперь выбираюсь по утрам из под одеяла и варю для нас кофе. И знаешь, я до сих пор не отказался от своего увлечения и продолжаю <b>ваше хобби</b>. Все еще помню, как на первых твоих страницах обещал, что когда-нибудь оживлю мечту и стану <b>ваша профессия</b>. Я выполнил это обещание и теперь <b>место вашей работы</b>, куда и хожу каждый день. Ну и с годами, кажется, я только сильней стал походить на <b>ваша внешность</b>. Не знаю, правда ли.
</div></td>
</tr>
</tbody>
</table>
<table border="0">
<tbody>
<tr>
<td width="390px">
<div style="color: #000000; font-family: fugaz one; font-size: 20px; line-height: 100%; letter-spacing: 15px; font-weight: bold; text-align: center; text-transform: uppercase; ">= характер = <br></div><div style="color: #000000; font-family: Tahoma; font-size: 10px; line-height: 100%; letter-spacing: 2px; font-weight: bold; text-align: center; text-transform: uppercase; ">Люди недаром говорят: характер закладывается в колыбели.<br></div><div style="height: 320px; overflow: auto; font-size: 10,5px;"><br><br>▼ Помните о том, что анкета называется именем Вашего персонажа, а так же указывается и возраст - <b>Demetrio Ranieri, 32</b>. А если же Ваш персонаж проходит по нужным - обязательно указывайте об этом в названии своей анкеты, например: <b>Charlie Pearson, 22</b> [к *имя персонажа, к которому идете*] </b>;<br>
▼ Помните о том, что для того, чтобы Ваша анкета отобразилась правильно - нужно убрать звездочки в самом начале и конце кода;<br>
▼ Помните о том, что заполняя анкету, Вы должны строго соблюдать шаблон и не менять в нем пункты, исключение оставляет первое окно, в котором вам позволена легкая импровизация, но давайте обойдемся без излишеств. Так же позволено совместить биографию и характер, но будьте внимательны, когда решите удалить часть кода; <br>
▼ Помните о том, что ваша биография и характер должны нести в себе минимум двадцать пунктов. Вы вправе писать как сплошным текстом, так и разделить на пункты. Так же, Вы можете самостоятельно решить: от какого именно лица Вам заполнять анкету, администрация Вас в этом не ограничивает;<br>
▼ Помните о том, что цитаты, которые представлены в шаблоне НЕ меняются и строго закреплены за шаблоном. Если же вы желаете вставить собственную цитату - это не возбраняется, но лишь дальше по собственному тексту;<br>
▼ Помните о том, что в коде не работают квадратные скобки для выделения, а для того, чтобы перенести строку на новую - нужно воспользоваться тэгом переноса;<br>
▼ Помните о том, что фотография с вашей внешностью сожмется до нужного размера сама, но выбирайте такие, где лицо по центру и желательно квадратные. Так же помните, что Вы должны вставить лишь одну картинку, вторую вставляет администрация;<br>
▼ Помните о том, что вежливость - главное в разговоре и не нужно грубить, если администрация просит Вас внести изменения в Вашу анкету.</div></td>
</tr>
</tbody>
</table>
<table border="0">
<tbody>
<tr>
<td width="390px">
<div style="color: #000000; font-family: fugaz one; font-size: 22px; line-height: 100%; letter-spacing: 15px; font-weight: bold; text-align: center; text-transform: uppercase; ">= биография = <br></div><div style="color: #000000; font-family: Tahoma; font-size: 10px; line-height: 100%; letter-spacing: 5px; font-weight: bold; text-align: center; text-transform: uppercase; ">Жить — тяжко, умереть — уменья не хватает.<br></div><div style="height: 410px; overflow: auto; font-size: 10,5px;"></div></td>
</tr>
</tbody>
</table>
</div></div></center>Связь с Вами:
регистрация места жительства | |
html вариант анкеты p.s. удаляем три *
| обычный вариант анкеты
|
