<!--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;
}