<!--HTML-->
<div id="guestbook">

<div class="faces">
<b>Бессрочно:</b>
<span>Имя Фамилия внешности — <a href="ссылка_на_профиль">Ник </a></span>
<br>
<br>
<b>по 03.06</b>
<span>Имя Фамилия внешности — <a href="ссылка_на_профиль">Ник </a></span>
<span>Имя Фамилия внешности — <a href="ссылка_на_профиль">Ник </a></span>
<span>Имя Фамилия внешности — <a href="ссылка_на_профиль">Ник </a></span>
<span>Имя Фамилия внешности — <a href="ссылка_на_профиль">Ник </a></span>
<span>Имя Фамилия внешности — <a href="ссылка_на_профиль">Ник </a></span>
<span>Имя Фамилия внешности — <a href="ссылка_на_профиль">Ник </a></span>
</div>

<div class="guesthello">
<span>overcursed</span>
<div>
Так что поначалу Кристиан даже не знал, в какой город он въехал. Он знал только одно: он где-то в Северной Каролине, денег почти не осталось, бензин тоже уже на исходе, и весь день было душно и жарко, и солнце все время грозило выглянуть из-за облаков. В общем, даже не зная названия города, Кристиан решил задержаться здесь на какое-то время.
</div></div>

<a href="ссылка" class="guestadmin"><div><img src="https://forumstatic.ru/files/001a/ce/c2/63699.png"></div>
<span>admin</span>
</a>
<a href="ссылка" class="guestadmin" style="margin-left: 151px"><div><img src="https://forumstatic.ru/files/001a/ce/c2/63699.png"></div>
<span>admin</span>
</a>
<a href="ссылка" class="guestadmin" style="margin-left: 224px"><div><img src="https://forumstatic.ru/files/001a/ce/c2/63699.png"></div>
<span>admin</span>
</a>


<div class="guestlinks">
<a href="ссылка">сценарий</a>
<a href="ссылка">бестиарий</a>
<a href="ссылка">нужные</a>
<a href="ссылка">акции</a>
<a href="ссылка">правила</a>
<a href="ссылка">о мире</a>
</div>

<div class="guestcode">
<strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">выделить код</a></strong><div class="blockcode"><div class="scrollbox"><pre>&lt;span&gt;Имя внешности на англ. — &lt;a href="ссылка_на_профиль"&gt;Ник&lt;/a&gt;&lt;/span&gt;</pre></div></div>
</div>

</div>

<style>
.post.topicpost .post-author, .post.topicpost h3{display: none}

.post.topicpost .post-body, .post.topicpost .post-box {
margin: 10px 0 0px -1px !important;
padding: 0 !important;
border: 0 !important;
}

.post.topicpost .post-links {position: relative;
  margin-top: 5px !important;}

.post.topicpost .post-content {margin: 0 !important;
padding: 0 !important;
border: 0 !important;}

.linksb {position: relative}

.post.topicpost .post-rating, .post.topicpost .pl-email {display: none}

.post.topicpost .post-links ul .pl-quote {
  margin-right: -20px;
}

#guestbook {
  background: url(https://forumstatic.ru/files/001a/ce/c2/96025.jpg);
  width: 901px;
  height: 210px;
  border: 1px solid #716d59;
  box-shadow: 0 0 5px 0 #908c75;
    color: #766E5A;
    text-shadow: 0 0 1px #111;
}

#guestbook a {
color:#a28c4e
}
#guestbook a:hover {
color:#766E5A
}

.guestadmin {
  position: absolute;
  margin-top:22px;
  margin-left: 78px;
  width: 33px;
}

.guestadmin div {
  display: block;
  width: 33px;
  height: 33px;
  position: relative;
  transition: all .3s cubic-bezier(.64,.51,.55,1.26) 0s;
}

.guestadmin img {
  width: 33px;
  height: 33px;
  border-radius: 100%;
  filter: grayscale(100%);
    transition: all .3s cubic-bezier(.64,.51,.55,1.26) 0s;
    box-shadow: 0 0 0 1px #000000, 0 0 0 2px #564e35;
}

.guestadmin div:after {
  content: "";
  position: absolute;
  display: block;
  top:0;
  left:0;
  width: 33px;
  height: 33px;
  border-radius: 100%;
  background: #bdb9a4;
  mix-blend-mode: multiply;
  transition: all .3s cubic-bezier(.64,.51,.55,1.26) 0s;
}


.guestadmin span {
  display: block;
  font: 400 8px cambria, lora;
  text-transform: uppercase;
  text-align: center;
  color: #6c6245;
  text-shadow: 1px 1px 1px #000, 0 0 4px #000;
  position: absolute;
  left: 48%;
  transform: translateX(-50%);
  bottom:-19px;
}

.guestadmin div:hover img {
  filter: none;
}

.guestlinks {
  margin-top: 80px;
  margin-left: 36px;
  width: 264px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  font: 400 10px lora;
  text-transform: uppercase;
  letter-spacing: 1px
}

#pun .guestlinks a {
  display: block;
  margin: 2px;
  transition: all .3s ease-in-out 0s;
  padding: 3px 0;
  background: rgba(0,0,0,1)
}

#pun .guestlinks a:hover {
  box-shadow: 0 0 0 1px rgba(162,140,78,.8) inset;
 color: #bca156
}

.faces {
  position: absolute;
  margin-top: 50px;
  margin-left: 341px;
  width: 220px;
  height: 90px;
  overflow-y: auto;
  font: 500 9px/14px montserrat
}

.faces span {
  display: block
}

.guesthello {
  position: absolute;
   margin-top: 38px;
  margin-left: 602px;
  width: 263px;
}

.guesthello span {
  color: #bca156;
   font: 400 12px lora;
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 5px
}


.guesthello div {
  font: 500 9px/16px montserrat;
  overflow-y: auto;
  height: 65px;
  padding-right: 5px
}

.guestcode {
  position: absolute;
  margin-top: 39px;
  margin-left: 23px;
  height: 22px;
  width: 855px
}

#guestbook .blockcode {
width: auto; 
height: 22px;
font-family: Montserrat;
font-size: 10px;
font-weight: 700;
text-align: center;

}

#guestbook strong.legend {
  font-family: cormorant garamond;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  width: 125px;
  height: 22px;
  display: inline-block;
  text-align: center;
  letter-spacing: 1px;
  line-height: 22px;
  float: left;
  background: #14161e;
  box-shadow: 0 0 0 1px #0e0e14 inset;
  border-right: 1px solid #312e27
}
#guestbook strong {
  transition: all .5s ease-in-out 0s
}
#guestbook strong:hover {
  filter: brightness(1.5)
}

#guestbook .scrollbox{width: auto !important;
display: block;
height: 22px;
}

#guestbook pre {font-family: montserrat !important;
font-size: 10px;
  font-weight: 500;
    line-height: 22px !important;
}
</style>