[hideprofile]
[html]<div class="BYM" style="background:#200404; color:#200404;"><div class="prBYM" style="background:#00358A"><img src="https://upforme.ru/uploads/001c/54/02/9/51153.png"><div class="seBYM"><sub></sub>
<titu style="color:#5B0B0B;">Хотим видеть</titu>
<div>Иногда на полноценное описание в акцию нет идей, но есть общий образ и мысль кем бы он мог быть. Предлагайте идеи - вдруг кому-то понравиться идея и ее получиться развить во что-то интересное.
</div></div></div></div> <style>
.BYM {width: 90%; margin: auto;text-align: center;position: relative;padding: 30px 0px 40px;box-shadow: 3px 3px 10px 2px #0009;}
.prBYM {margin: 15px -20px 0 -50px;box-shadow: 3px 3px 10px 2px #0009;border: 1px solid transparent;}
.prBYM img {width: 35%;height: 15%;margin: -20px 37% 20px 0;box-shadow: 3px 3px 10px 2px #0009;}
.seBYM {background: #FFF;width: 60%;height: 150px;position: relative;margin: -100px 0 -20px 35%;box-shadow: 3px 3px 10px 2px #0009;}
.seBYM sub {font: 10px arial;padding-top: 20px;display: block;}
.seBYM titu {font: 25px/2px Reggae One;text-transform: uppercase;letter-spacing: 3px;border-left: 30px solid;border-right: 30px solid;display: inline-block;padding: 0px 5px;}
.seBYM div {margin: 20px 15px;text-align: left;font: 11px Arial;height: 60px;overflow: auto;}
.mm {font: 8px/15px arial !important;display: block;text-align: center;}
.seBYM div::-webkit-scrollbar {width: 3px !important;background: #EEE !important;}
.seBYM div::-webkit-scrollbar-thumb {background: #AAA !important;}@font-face {font-family: 'Reggae One';}</style>[/html]
[html]
<link href="https://forumstatic.ru/files/001c/54/02/31445.css" rel="stylesheet" type="text/css">
<div class="rs-link"><!----ИЗОБРАЖЕНИЕ 250*350 (можно больше, но картинка обрежется с соблюдением пропорций---->
<div class="linkav" style="background: url('https://upforme.ru/uploads/001c/54/02/9/962116.png');">
<!---- БЛОК СЛЕВА, ЧТО ПОЯВЛЯЕТСЯ ПРИ НАВЕДЕНИИ ----><div class="linkov">
<!---- КАРТИНКА В КРУЖОЧКЕ 90*90px ----><img src="https://upforme.ru/uploads/001c/54/02/9/571672.png"/>
<!---- УКАЗЫВАЕМ ПОЛ ПЕРСОНАЖА: М или Ж (альфа, бета, омега)----><span><center>здесь пол</center></span>
<!---- ВАЖНЫЕ ПУНКТЫ---->
<div><a>Возраст</a><a>Род деятельности, работа или положение</a><a>Фракция, если есть</a></div></div></div>
<!----КОНЕЦ ЛЕВОГО БЛОКА----><!----ИНФОРМАЦИЯ СПРАВА----><div class="link-right">
<!---- ЗАГОЛОВОК И ИМЕНЕМ/ПРОЗВИЩЕМ/РОЛЬЮ И ФАНДОМОМ ИЛИ ТИПОМ ВНЕШНОСТИ ---->
<div class="link-name">ИМЯ на ваше усмотрение<span>Фандом: ... </span></div>
<!---- БЛОК ОПИСАНИЯ ---->
<div class="link-prez">[ЗДЕСЬ ПИШЕМ ВСЁ, ЧТО ХОТЕЛИ НУЖНО ЗНАТЬ О ПЕРСОНАЖЕ, ЧТО ВЫ ХОТЕЛИ БЫ ВИДЕТЬ]
<div class="bottom-right">АКТУАЛЬНО!</div></div></div></div>
[/html]Код:[html] <link href="https://forumstatic.ru/files/001c/54/02/31445.css" rel="stylesheet" type="text/css"> <div class="rs-link"> <!----ИЗОБРАЖЕНИЕ 250*350 (можно больше, но картинка обрежется с соблюдением пропорций----> <div class="linkav" style="background: url('ссылка на картинку, кавычки оставляем');"> <!---- БЛОК СЛЕВА, ЧТО ПОЯВЛЯЕТСЯ ПРИ НАВЕДЕНИИ ----> <div class="linkov"> <!---- КАРТИНКА В КРУЖОЧКЕ 90*90px ----> <img src="ссылка на картинку, кавычки оставляем"/> <!---- УКАЗЫВАЕМ ПОЛ ПЕРСОНАЖА: М или Ж (альфа, бета, омега)----> <span><center>здесь пол</center></span> <!---- ВАЖНЫЕ ПУНКТЫ----> <div> <a>Возраст</a> <a>Род деятельности, работа или положение</a> <a>Фракция, если есть</a> </div></div> </div> <!----КОНЕЦ ЛЕВОГО БЛОКА----> <!----ИНФОРМАЦИЯ СПРАВА----> <div class="link-right"> <!---- ЗАГОЛОВОК И ИМЕНЕМ/ПРОЗВИЩЕМ/РОЛЬЮ И ФАНДОМОМ ИЛИ ТИПОМ ВНЕШНОСТИ ----> <div class="link-name">ИМЯ на ваше усмотрение<span> Фандом: ... </span></div> <!---- БЛОК ОПИСАНИЯ ----> <div class="link-prez">[ЗДЕСЬ ПИШЕМ ВСЁ, ЧТО ХОТЕЛИ НУЖНО ЗНАТЬ О ПЕРСОНАЖЕ, ЧТО ВЫ ХОТЕЛИ БЫ ВИДЕТЬ] <div class="bottom-right">АКТУАЛЬНО!</div> </div></div></div> [/html]
