Код:
<!--HTML-->
<style>
.gbook {width: 600px; padding: 0; background: url(https://i.imgur.com/kpawx5r.png) no-repeat; height: 250px; margin-top: 10px!important; margin-left: 20px;}
.menug {position: absolute;
margin-top: 10px;
margin-left: 23px;
display: inline;
font-family: ColumbiaPrint;
font-size: 12px;}
.gbookface {position: absolute; margin-top: 38px; margin-left: 18px; width: 290px; height: 193px; overflow: auto; color: #2d2d2d;}
.datap {color: #f6f0ee!important; letter-spacing: 2px; width: 282px; background-color: #d39382; height: 14px; font-size: 10px; margin-bottom: 3px; padding-top: 3px; text-align: center;}
.fwg {color: #2d2d2d!important; letter-spacing: 2px; width: 282px; background-color: #d39a9a; height: 14px; font-size: 9px; margin-bottom: 3px; padding-top: 3px;}
.fmg {color: #2d2d2d!important; letter-spacing: 2px; width: 282px; background-color: #9ba2b2; height: 14px; font-size: 9px; margin-bottom: 3px; padding-top: 3px;}
.fwg:hover {color: #2d2d2d!important; letter-spacing: 2px; width: 282px; background-color: #c3c3c3; height: 14px; font-size: 9px; padding-top: 3px;}
.fmg:hover {color: #2d2d2d!important; letter-spacing: 2px; width: 282px; background-color: #c3c3c3; height: 14px; font-size: 9px; padding-top: 3px;}
.fwg a {color: #2d2d2d!important;}
.fmg a {color: #2d2d2d!important;}
.lfgw {display: inline; color: #a50721; padding-left: 5px;}
.lfgm {display: inline; color: #0c4864; padding-left: 5px;}
</style>
<div class="gbook">
<div class="menug">
<a href="http://comein.rolbb.ru/viewtopic.php?id=8">гид по городу - </a>
<a href="http://comein.rolbb.ru/viewtopic.php?id=4">внешности - </a>
<a href="http://comein.rolbb.ru/viewtopic.php?id=6">f.a.q. - </a>
<a href="http://comein.rolbb.ru/viewtopic.php?id=7">биржа труда</a></div>
<div class="gbookface">
<div class="datap">до 26.04 включительно</div>
<div class="fwg"><div class="lfgw">Lydia Graham</div> -- <a href="http://comein.rolbb.ru/profile.php?id=147">lili oswald</a></div>
</div>
бэд гёрлз Код: <div class="fwg"><div class="lfgw">Name Surname</div> -- <a href="ссылка на профиль если есть">ваш ник</a></div> | гуд бойз Код: <div class="fmg"><div class="lfgm">Name Surname</div> -- <a href="ссылка на профиль если есть">ваш ник</a></div> |
держим, ждем вас)
