Код:
<div class="guestbook">
<div class="nav">
<a href="вставить ссылку">Сюжет</a> | <a href="http://dcrebirth.rusff.me/viewtopic.php?id=11">Хронология</a> | <a href="вставить ссылку">Занятые роли</a> | <a href="вставить ссылку">Нужны в игру</a> | <a href="http://dcrebirth.rusff.me/viewforum.php?id=5">Подать анкету</a>
</div>

<div class="aboutus"><h3>О нас</h3>
<p>Суперземля - наш дом. Процветание, свобода и демократия - наш образ жизни. Но это не дается бесплатно: долг каждого мужчины, женщины и ребенка защищать наш дом, нашу культуру и наши семьи. Почему бы не принять самое важное решение в своей жизни; не взять на себя личную ответственность за безопасность своей семьи и не доказать, что у вас есть сила и мужество быть свободным?
Присоединяйтесь к HELLDIVERS! Путешествуйте по галактике, посещайте столицы, знакомьтесь с необычными людьми и представляйте федерацию. Добывайте ресурсы, необходимые нам для сохранения нашего образа жизни и создания будущего для Суперземли. Распространяйте управляемую демократию по всей галактике.
Станьте больше, чем вы есть. Стань героем. Стань... легендой!.</p>
<p>Основная игра происходит на Супер Земле, секторах занятых автоматонами и терминидами, участвующими в галактической войне.</p>
<p style="width: 200px; font: 16px bebas_neueregular; padding:20px;">Рейтинг игры: 18+ <br />Система игры: эпизодическая <br />Мастеринг: пассивный.
</p>
<div class="reserve">Придержанные<br />
<div class="inner">
<h3>За АМС</h3>
<p>
 <br/>

</p>
<h3>За игроками</h3>
<p>
» <br />
</p>
</div></div>

<div class="actions">Акционные внешности<br />
<div class="inner">
<h3>За игроками</h3>
<p>
<br />
<br />
<br />
</p>
</div>
</div>
</div>
<div class="ams"></br><h3>АМС</h3>
<a href="Вставить ссылку" data-balloon="Имя. Отвечает за общие вопросы и  работу с игроками." data-balloon-pos="left"><img src="http://se.uploads.ru/qW7Yd.png" style="width:60px; height:60px;" /></a>
<br />
<a href="Вставить ссылку" data-balloon="Имя. Отвечает за графон, сюжет,  рекламу и взаимодействие с игроками, чтобы фпс не проседал" data-balloon-pos="left"><img src="http://funkyimg.com/i/2KdMF.png" style="width:60px; height:60px;" /></a>
<br />
<a href="Вставить ссылку" data-balloon="Имя. Сюжет и взаимодействие с игроками." data-balloon-pos="left"><img src="http://funkyimg.com/i/2KdMG.png" style="width:60px; height:60px;" /></a>
<br />
</div>
</div>
<style>

::-webkit-scrollbar {
    width: 5px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.guestbook {
width: 580px;
height:500px;
vertical-align:top;
}
.nav {
display:block;
text-align: center;
background: #297f93 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKklEQ…NkYGCQZGBgeM6ABhihfHRJSZgESB4mCaaRJZAlGQjqwLADAC7XCDm3L8HnAAAAAElFTkSuQmCC);
height: 40px;
color: #fff;
}
.nav a, .nav a:visited {
display: inline-block;
margin-top:10px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
color: #fff!important;
font-family: bebas_neueregular;
font-size: 18px;
text-transform: uppercase;
}
.nav a:hover{
color: #fff;
font-family: bebas_neueregular;
text-transform: uppercase;
font-weight: bold;
}
.aboutus, .rules {
width: 460px;
margin-top:20px;
float:left;
}
.aboutus h3 {
text-align: center;
font-size: 20px;
font-family: bebas_neueregular;
text-transform: uppercase;
font-weight: normal;
}
.ams {
width: 100px;
height: 4em;
line-height: 3em;
margin-top:20px;
float:right;
margin: auto;
text-align: center;
}
.ams h3 {
text-align: center;
font-size: 20px;
font-family: bebas_neueregular;
text-transform: uppercase;
font-weight: normal;
}
.reserve {
width: 210px;
height: 140px;
padding-left: 10px;
padding-top: 10px;
margin: 5px;
float:left;
background: #a9481b;
font-size: 16px;
font-family: bebas_neueregular;
text-transform: uppercase;
color:#fff;
}
.actions {
width: 210px;
height: 140px;
padding-left: 10px;
padding-top: 10px;
margin-top: 5px;
float:right;
background: #a9481b;
font-size: 16px;
font-family: bebas_neueregular;
text-transform: uppercase;
color:#fff;
}

.inner {
width: 200px;
height: 95px;
margin-top:0;
margin-bottom:0;
margin-left:3px;
margin-right:3px;
padding: 3px;
margin-top: 0px !important; 
overflow-y: auto;
background: #e19353;
font-family:helvetica, sans-serif;
font-size: 12px;
text-transform: none;
color:#000;
}
.inner h3 {
font-size: 14px;
}
</style>

Шаблон (вставляем в тег code)

Код:
» Имя персонажа и/или внешность (англ) — ник