[html]
<style>
.field {
width: 677px;
height: 518px;
background: url(https://i.imgur.com/Knth37h.jpg);}
.about1 {
position: absolute;
overflow: auto;
margin-top: 23px;
width: 322px;
height: 30px;
font-family: 'Yeseva One';
font-size: 14px;
text-align: center;
margin-left: 292px;
font-weight: 700;
color: #46565c;
letter-spacing: .04em;
text-shadow: 1px 1px 2px black;
}
.about2 {
position: absolute;
overflow: auto;
margin-top: 44px;
width: 334px;
margin-left: 286px;
height: 20px;
font-family: play;
font-size: 9px;
text-align: center;
font-weight: 500;
color: #7d7572;
}
.element1 {
position: absolute;
overflow: hidden;
margin-top: 33px;
margin-left: 30px;
width: 224px;
height: 237px;}
.element2 {
position: absolute;
overflow: hidden;
margin-top: 89px;
margin-left: 306px;
width: 250px;
height: 124px;}
.text {
position: absolute;
overflow: auto;
margin-top: 74px;
width: 342px;
height: 173px;
margin-left: 289px;
text-align: justify;
padding: 3px 0px 2px 5px;
text-indent: 12px;
font-size: 11px;
font-family: 'Play';
font-weight: normal;
color: #6d6562;
}
.menulink {
font-size: 10px;
color: #6f6e6c!important;
text-align: center!important;
text-shadow: 0px 0px #000000;
line-height: 19px;
background-color: #212c31;
border-radius: 3px;
padding: 1px 5px;
}
a.menulink:hover {
color: #5a757e!important;
background: #2d211f;
}
.menulinks { padding: 1px 0px 4px 0px;
text-align: center;}
.textm { position: absolute;
overflow: auto!important;
margin-top: 272px;
width: 625px;
height: 40px!important;
margin-left: 25px;
/* text-align: justify; */
padding: 3px 0px 2px 5px;
/* text-indent: 12px; */
font-family: 'Play';
font-size: 10px!important;
font-weight: normal;
color: #495b62;
}
.vnehi{
margin-left: 52px;}
.name {
margin-left: 325px;}
.vnehi {
position: absolute;
overflow: auto;
margin-top: 341px;
width: 245px;
height: 110px;
padding: 5px;
text-align: left;
font-weight: normal;
color: #534d4d !important;}
.names {
position: absolute;
overflow: auto;
margin-top: 344px;
margin-left: 373px;
width: 255px;
height: 117px;
text-align: left;
font-weight: normal;
color: #534d4d !important;}
.vnehi a, .names a {
color: #374a55 !important;
font-weight: bold;
}
.vnehi a:hover, .names a:hover {
color: #5c4c44 !important;
font-weight: bold;
}
</style>
<center><div class="field">
<div class="about1">
Forum Name
</div>
<div class="about2">
apocalypses - survival-horror - 18+
</div>
<div class="text"> <div class="menulinks">
<a class="menulink " href="ссылка">сюжет</a>
<a class="menulink " href="ссылка">фак</a>
<a class="menulink " href="ссылка">о городе</a>
<a class="menulink " href="ссылка">внешности и имена</a>
</div>
<p>Когда не знаешь, с чего начать, начни с выбора персонажа, ведь именно он проведёт тебя сквозь будоражащий кровь мир постапокалипсиса. Выбирай тщательно, ведь выживать придётся среди зомби, радиации и человеческого страха.<p> Но, коль достаточно ты смел, то с удовольствием открываем перед тобой наши двери. Хотели бы пообещать, что ничего здесь не потревожит твой покой, но ты же любишь адреналин не меньше нашего, а значит, здесь будет очень неспокойно, а иногда даже опасно. Посему советуем выяснить все нюансы уже на подходе к регистрации, ведь именно для этого данная тема и существует. Спрашивай, интересуйся, придерживай и будь уверен, что скучать здесь не придется, так что не стой на пороге, пока твою любимую внешность не увели у тебя прямо из-под носа.
</p><p> В данной теме можно и нужно задавать интересующие вас вопросы, выяснять животрепещущие детали происходящего, а также придерживать для себя, товарищей и врагов всё, что, собственно, только можно придержать.
</p></div>
<div class="textm">
<p>Имена, внешности, персонажи по акциям и заявкам придерживаются для гостей на срок в 4 дня. Срок придерживания для действующих игроков — 3 недели. </p>
</div>
<div class="element1">
<img src="https://i.imgur.com/g0xvb5L.gif">
</div>
<div class="vnehi"><b>придержанные внешности</b><br><br>
adria arjona for <a href="http://geiger.rusff.me/">clay russell</a> <br>
inbar lavi for <a href="http://geiger.rusff.me/">alana king</a> <br>
adria arjona for <a href="http://geiger.rusff.me/">clay russell</a> <br>
inbar lavi for <a href="http://geiger.rusff.me/">alana king</a> <br>
adria arjona for <a href="http://geiger.rusff.me/">clay russell</a> <br>
inbar lavi for <a href="http://geiger.rusff.me/">alana king</a> <br>
adria arjona for <a href="http://geiger.rusff.me/">clay russell</a> <br>
inbar lavi for <a href="http://geiger.rusff.me/">alana king</a> <br>
adria arjona for <a href="http://geiger.rusff.me/">clay russell</a> <br>
inbar lavi for <a href="http://geiger.rusff.me/">alana king</a> <br>
adria arjona for <a href="http://geiger.rusff.me/">clay russell</a> <br>
inbar lavi for <a href="http://geiger.rusff.me/">alana king</a> <br>
</div>
<div class="names"><b>имена и вакансии</b><br><br>
adria arjona<br>
inbar lavi<br>
adria arjona<br>
inbar lavi<br>
inbar lavi<br>
</div>[/html]
имя внешности на англ. for <a href="ссылка на профиль">ник персонажа</a> <br>