<!--HTML-->
<div class="htmlgusetbook-contentbox">
  <div class="htmlgusetbook-links">
    <a href="http://vargmm.rusff.me/viewtopic.php?id=1"><span>правила</span></a> <a href="http://vargmm.rusff.me/viewtopic.php?id=2"><span>сюжет</span></a> <a href="http://vargmm.rusff.me/viewtopic.php?id=3"><span>faq</span></a> <br>
    <a href="http://vargmm.rusff.me/viewtopic.php?id=4"><span>роли и лица</span></a> <a href="ссылка"><span>wanted</span></a> <a href="ссылка"><span>акции</span></a>
  </div>
  <div class="htmlgusetbook-first">— регистрация профиля не является автоматическим придержанием роли и внешности.
    <br></br>
— бронь оформляется три дня для незарегистрированного профиля и пять дней для зарегистрированного.<br></br>
— продлить бронь можно на три дня.</div>
<div class="htmlgusetbook-block" style="margin-left: 50px;">Sophie Cookson - под гнетом боли<br>Ed Skrein - bad wolf<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
</div>

<div class="htmlgusetbook-block" style="margin-left: 328px; width: 250px">Alecto Carrow - под гнетом боли<br><br><a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
  <a href="ссылка">ссылка</a> - ник<br>
</div>
</div>

<style>
.htmlgusetbook-contentbox {width: 633px;
height: 469px;
background: url(http://forumstatic.ru/files/001a/34/d7/41756.png);
text-align: center;
margin: 0px auto 0 auto}

.htmlgusetbook-links {
text-align: center;
position: absolute; 
  margin-top: 108px;
  margin-left: 42px;
width: 549px}

.htmlgusetbook-links a {background: url(http://forumstatic.ru/files/001a/34/d7/85303.png) no-repeat left,
url(http://forumstatic.ru/files/001a/34/d7/60374.png) no-repeat right,
url(http://forumstatic.ru/files/001a/34/d7/28663.png);
height: 24px;
display: inline-block;
width: 178px;
    text-decoration:none;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
  margin: 3px auto;
  box-shadow: 0 0 0 1px rgba(255,121,0,.05);
    line-height: 23px
}

.htmlgusetbook-links span { color: rgba(172,146,76,0.8) !important;
    background: linear-gradient(rgba(255,255,255,1) 0%, rgba(0,0,0,1) 80%) !important;   
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
        text-shadow: 1px 1px 0px #000;
    text-align: center;
    font-weight: 300 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    font-family: cormorant garamond !important;
    padding: 0 !important;
margin: auto;
display: inline-block;
  letter-spacing: 1px;
}

.htmlgusetbook-links a:hover {filter: grayscale(50%) blur(1px) brightness(.7)}

.htmlgusetbook-first {color: #554b38;
text-shadow: 0 0 1px #000;
font-family: montserrat;
font-weight: 400;
font-size: 10px;
text-align: justify;
  margin: 180px 0 0 50px !important;
  padding: 10px !important;
  width: 514px !important;
position: absolute;
line-height: 14px}

.htmlgusetbook-block {position: absolute;
margin-top: 328px;
width: 252px;
padding-right: 4px;
height: 82px;
overflow-y: auto;
color: #554b38;
text-shadow: 0 0 1px #000;
font-family: open sans;
font-size: 10px}
</style>

имя персонажа - ник<br>
имя внешности - ник<br>