Код:
<!--HTML--> <style>.html { width: 600px; background: url(http://i.imgur.com/L3qvNv9.png) top no-repeat, url(http://i.imgur.com/j2fRfBG.png) bottom no-repeat, url(http://i.imgur.com/GTomTZS.png) repeat-y; } .text {width: 630px; font-family: cuprum; line-height:13px; color: #; text-align: justify; padding: 3px; overflow: auto; } </style> <center> <div class="html"> <div style="width: 600px; margin-top: 0px;"> <br><br><br><br> <div class="text" style="width: 550px; font-size: 13px;"> <br><br><br><br> <div style=" padding: 20px; font-size: 13px;"> <br><br> <div style=" background: #b44a4b; padding: 10px; border-radius: 15px; font-size: 13px; color: #fff;"> <center> Для удобства, поиск девушек и парней происходит в разных темах. Просьба использовать шаблон, который представлен ниже. Для активации шаблона используйте, пожалуйста, кнопку html-кода, что находится повыше поля ответа. Так же рекомендуется использовать изображения определенного размера, чтобы оно не искажалось.</center> </div> <br><br><br><br><br> </center> </div> </div> </div> </center>
ИСПОЛЬЗУЙ КНОПКУ HTML-КОДА
Код:<style>.htmll { width: 600px; background: url(http://i.imgur.com/qW5x9SZ.png) top no-repeat, url(http://i.imgur.com/hpuXN6p.png) bottom no-repeat, url(http://i.imgur.com/NMRb66s.png) repeat-y; } .textt {width: 630px; font-family: cuprum; line-height:13px; color: #; text-align: justify; padding: 3px; overflow: auto; } </style> <center> <div class="htmll"> <div style="width: 600px; margin-top: 0px;"> <br><br><br><br> <div class="textt" style="width: 550px; font-size: 13px;"> <br><br><br><br> <div style=" padding: 20px; font-size: 13px;"> <br><br> <table><tr><td><center><img src="ПРЯМАЯ ССЫЛКА НА ИЗОБРАЖЕНИЕ НЕ МЕНЕЕ 200РХ В ШИРИНУ" style="border: 2px solid #953b3b; width: 200px;"></center></td><td><div style=" background: #b44a4b; padding: 10px; border-radius: 15px; font-size: 13px; color: #fff;"> <b>Имя:</b> ответ<br><br> <b>Внешность:</b> ответ<br><br> <b>Возраст:</b> ответ<br><br> <b>Деятельность:</b> ответ<br><br> <b>Ориентация:</b> ответ<br> </div></td></tr></table> <div style="color: #fff; background-color: #b44a4b; border-radius: 15px; width: 500px; padding: 3px;"><center><b>- О персонаже -</b></center></div><br> <div style="color: #000; background-color: #edf5f6; border-radius: 15px; -webkit-box-shadow: inset 0px 0px 15px 0px rgba(69, 116, 156,0.3), 0px 0px 6px 0px #e1effb; -moz-box-shadow: inset 0px 0px 15px 0px rgba(195, 173, 125, 0.3), 0px 0px 6px 0px #e3eef6; box-shadow: inset 0px 0px 15px 0px rgba(69, 116, 156, 0.3), 0px 0px 6px 0px #e1effb; width: 490px; padding: 13px;">Вся информация, факты БИО, ваши отношения</div><br><br> <div style="color: #fff; background-color: #b44a4b; border-radius: 15px; width: 500px; padding: 3px;"><center><b>- Дополнительно -</b></center></div><br> <div style="color: #000; background-color: #edf5f6; border-radius: 15px; -webkit-box-shadow: inset 0px 0px 15px 0px rgba(69, 116, 156,0.3), 0px 0px 6px 0px #e1effb; -moz-box-shadow: inset 0px 0px 15px 0px rgba(195, 173, 125, 0.3), 0px 0px 6px 0px #e3eef6; box-shadow: inset 0px 0px 15px 0px rgba(69, 116, 156, 0.3), 0px 0px 6px 0px #e1effb; width: 490px; padding: 13px;">связь с вами, какие посты хотите, какого человека ожидаете, важна ли внешность, можете ли обеспечить графикой и тд</div> <br><br><br><br><br> </center> </div> </div> </div> </center>