<!--HTML--> <center> <div class="topbody"> <div class="topicbox"> <div class="topictitle"> заголовок </div> <br> <br> <br> Не с кем разделить ужин? Исполнение мечт не приносит радости, пока происходит в гордом одиночестве? Значит, тебе действительно нужно крепкое мужское плечо, на которое можно опереться под гнётом страшных трудностей! В данной теме ты можешь описать свой идеал отца, брата, дражайшего кореша или мужчины всей жизни, а после появления здесь твоей заявки мы все вместе с замиранием сердец будем дожидаться появления героя для твоей истории. <br> </div> <br><br><br><br> </div></center>
нужные джентельмены
Сообщений 1 страница 4 из 4
Поделиться12016-10-17 20:19:47
Поделиться22016-10-17 23:55:41
<!--HTML-->
<style>.universalbackgroundbox {
margin-top: 0px;
width: 570px;
background-color: #d7b679;
border: 3px solid #6f361d;
bottom: 15px;
}
/* Полоска заглавного текста */
.headtext {
width: auto;
height: 25px;
padding-top:1px;
padding-bottom: 20px;
background-color:#6f361d;
font-family: 'Oswald', serif;
font-size: 30px;
font-weight: bold;
letter-spacing: -1.5px;
text-shadow: 1px 1px 0px #eee2cb;
text-transform: lowercase;
color: #fff;
font-style: normal;
text-align: center;
margin-bottom: 15px;
margin-top:7px;
}
/* ШАБЛОН НУЖНЫХ */
/* Изображение нужника */
.topimageneed {
position: relative;
width: 245px;
height: 150px;
left: 145px;
bottom: -11px;
border: 1px solid #6f361d;
}
/* Верхнее окно нужника */
.needbox {
width: 250px;
height: 150px;
text-align: center;
background-color: #e2c897;
border: 1px solid #6f361d;
display: block;
}
/* Текстовое окно нужника */
.needboxinside {
width: 220px;
height: 120px;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 140%;
letter-spacing: 1px;
color: #724a22;
text-align: justify;
display: block;
overflow-y:auto;
}
/* Цитата */
.textbox {
width: 480px;
background-color: #e2c897;
border: 1px solid #6f361d;
height: auto;
padding: 10px;
display: block;
position: relative;
}
/* Цитата 2 */
.textbox1 {
width: 470px;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 160%;
letter-spacing: 1px;
color: #724a22;
text-align: justify;
}
</style>
<center>
<div class="universalbackgroundbox">
<div class="topimageneed" style="background-image: url(ССЫЛКА НА КАРТИНКУ)"></div>
<div style="margin-top: -140px;">
<div class="contentboxup">
<div class="needbox" style="margin-left: -240px;">
<div class="needboxinside" style="margin-top: 15px;margin-left: 13px;padding-right: 6px;">
<b>имя:</b> вариант ответа<br>
<b>возраст:</b> вариант ответа<br>
<b>профессия:</b> вариант ответа<br>
<b>варианты внешности:</b> ответ<br>
</div></div>
</div>
<div class="headtext">
Очень жду ...
</div>
<div class="contentboxdown">
<div style="margin-top: 10px;"></div>
<table><tr style="width: 100%">
<div class="textbox">
<div class="textbox1"><br>
информация о персонаже<br>
</div>
</div>
</tr>
</table>
<div style="margin-top: 10px;"></div>
<table><tr style="width: 100%">
<div class="textbox">
<div class="textbox1"><br>
дополнительно от вас<br>
<br><br>
</div>
</div>
</tr>
</table>
</div>
<div style="margin-top: 20px;"></div>
</div>
</center>Поделиться32016-10-17 23:57:09
/* ШАБЛОН НУЖНЫХ ------------------------------------------------------------------------------------------------ */
.universalbackgroundbox {
margin-top: 0px;
width: 570px;
background-color: #fde4b4;
border: 3px solid #f8cd74;
bottom: 15px;
}
/* Полоска заглавного текста */
.headtext {
width: auto;
height: 25px;
padding-top:1px;
padding-bottom:10px;
background-color: #fde4b4;
font-family: 'Cuprum', serif;
font-size: 30px;
font-weight: bold;
letter-spacing: -2px;
text-shadow: 1px 1px 0px #cd9234;
text-transform: lowercase;
color: #ffffff;
font-style: normal;
text-align: center;
margin-bottom: 15px;
}
/* ШАБЛОН НУЖНЫХ */
/* Изображение нужника */
.topimageneed {
border: 5px solid #f8cd74;
border-radius: 20px 0px;
position: relative;
width: 245px;
height: 150px;
left: 170px;
bottom: -6px;
}
/* Кнопка обратной связи */
.needcom {
width: 210px;
height: 28px;
text-transform: uppercase;
font-size: 8px;
color: #855914;
letter-spacing: 2px;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
font-weight: normal;
background-color: #ffffff;
border: 1px solid #fde4b4;
text-shadow: none;
display: block;
line-height: 28px;
position: relative;
line-height: 28px;
z-index: 999;
}
.needcom:hover {
width: 210px;
height: 28px;
line-height: 28px;
text-transform: uppercase;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8px;
color: #d78d01; letter-spacing: 2px; text-align: center; font-weight: normal; background-color: #fde4b4; text-shadow: none;
position: relative;
z-index: 999;
}
/* Верхнее окно нужника */
.needbox {
width: 300px;
height: 150px;
text-align: center;
background-color: #ffffff;
border: 1px solid #fde4b4;
display: block;
}
/* Текстовое окно нужника */
.needboxinside {
width: 270px;
height: 120px;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
line-height: 140%;
letter-spacing: 1px;
color: #855914;
text-align: justify;
display: block;
overflow-y:auto;
}





























