[html]<style>#armglav {display:block; padding:40px; margin: 0 0 1em 1em; background: rgba(31,36,39, .08);
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.07) inset; width:620px; box-sizing:border-box; height: 450px; box-shadow: 5px 5px 0 #a9821b}

.armpers {display:block; border-top: 2px solid #a9821b; text-align:center; margin:0px auto 20px; }
.arava{position: absolute; display:block; width: 540px; height: 100px; background-position: -40px -85px; filter: grayscale(100%);}

.block {display:block; width: 250px; top: 300px;  background: rgba(255,255,255, .07); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.09) inset;   padding: 5px; margin: 1px 0 5px 1px; text-align: justify; font-size: 9px; color: #23201c !important; letter-spacing: .5px; height: 100px; overflow: auto; position: absolute;}

.block2 {display:block; width: 250px; top: 300px; background: rgba(255,255,255, .07); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.09) inset;   padding: 5px; margin: 1px 0 5px 280px; text-align: justify; font-size: 9px; color: #23201c !important; letter-spacing: .5px; height: 100px; overflow: auto; position: absolute}

.blockbig {display:block; width: 529px; top: 190px; background: rgba(255,255,255, .07); -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.09) inset;
  padding: 5px; margin: 1px 0 5px 1px; text-align: justify; font-size: 10px; color: #23201c !important; letter-spacing: .5px; height: 70px; position: absolute
}

/***   БЛОК ТЕКСТА   ***/
.hello{display:inline; padding: 0 80px; top: 160px; font-family: 'Russo One'; font-size:14px; color:#403d34; font-weight: 500;
    letter-spacing: 3px;  text-align: center;  text-align: center; position: absolute; text-transform: uppercase; background: rgba(31,36,39, .08)}
.colortext {color: #a9821b;}
.twotext {padding: 0 115px; top: 282px; font-family: 'Russo One'; font-size:10px; color:#403d34; font-weight: 500;
    letter-spacing: 3px; text-transform: uppercase; text-align: center;  text-align: center; position: absolute; }
.theetext {padding: 0 380px; top: 282px;font-family: 'Russo One'; font-size:10px; color:#403d34; font-weight: 500;
    letter-spacing: 3px; text-transform: uppercase; text-align: center; position: absolute; }
</style>

<div id="armglav"><div class="armpers">
<div class="arava" style="background-image:url(https://thumbs.gfycat.com/TightImpassio … ricted.gif)"></div>
</div>
<div class="hello">hell<span class="colortext">o</span> <span class="colortext">t</span>here...</div>

<div class="blockbig">Добро пожаловать в завтрашний день! Мир изменился. Зеленая планета превратилась в бескрайнюю пустыню, по которой снуют парадемоны. Города стали руинами, а прежде заклятым врагам приходится объединяться ради общей цели. <br>
<br>
Роли и внешности придерживаются на <b>3 дня</b> с возможностью продления. Чтобы придержать роль/внешность заполните, пожалуйста, <b>шаблон</b>, представленный ниже.</div>

<div class="twotext">роли</div> <div class="block">
<b>Floyd Lawton | Deadshot</b> — за амс<br>
<b>Bruce Wayne | Batman </b> — персонаж недоступен для регистрации<br>

</div>

<div class="theetext">внешности</div><div class="block2">
--
</div>
</div>[/html]

<b>имя персонажа (англ.) | позывной (англ.)</b> — за ВАШ НИК — до число/месяц<br>

<b>имя внешности (англ.)</b> — за ВАШ НИК — до число/месяц<br>

Отредактировано Power GM (2021-12-01 10:51:01)