<!--HTML-->
<!-- Таблица со вкладками -->
<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
text-decoration: none;
}
#menu .tabactive {
color: #2662DF;
background:#F9F1DD;
}
#submenu {
padding: 5px;
text-align: center;
font-size: 12px;
}
.submenutext {
display: none; 
 height: 210px;
overflow:auto;
}
</style>

<style>
body ::-webkit-scrollbar{height: 6px;width: 6px;}body 
::-webkit-scrollbar-track{background: rgba(21, 12, 8, 0.53);}body ::-webkit-scrollbar-thumb{background: rgba(98, 67, 47, 0.47);}body 
::-webkit-scrollbar-button{background:rgba(98, 67, 47, 0.47);color:#fff;border-radius:10px;height:13px;width:13px}body 
::-webkit-scrollbar-corner{background:rgba(98, 67, 47, 0.47)}body ::-webkit-scrollbar-button:vertical:increment{border-top:1px solid rgba(98, 67, 47, 0.47);border-radius:0 0 10px 10px}body 
::-webkit-scrollbar-button:vertical:decrement{border-bottom:1px solid 
rgba(98, 67, 47, 0.47);border-radius:10px 10px 0 0}body ::-webkit-scrollbar-button:horizontal:increment{border-top:1px solid rgba(98, 67, 47, 0.47);border-radius:0 10px 10px 0}body 
::-webkit-scrollbar-button:horizontal:decrement{border-bottom:1px solid 
rgba(98, 67, 47, 0.47);border-radius:10px 0 0 10px}body ::-webkit-scrollbar-button:vertical:increment,body ::-webkit-scrollbar-button:vertical:decrement,body 
::-webkit-scrollbar-button:horizontal:increment,body ::-webkit-scrollbar-button:horizontal:decrement{background-color:rgba(98, 67, 47, 0.47) 
!important;background-repeat:no-repeat !important}
</style>

<table border="0">
	<tr>
<td  rowspan="3" height="210" >
<center>
<div  class=ImgWrap>
<img class="image UP" src="https://forumavatars.ru/img/avatars/0013/2e/d7/180-1398953465.jpg"/>
<img class="image Down" src="https://forumavatars.ru/img/avatars/0015/8a/b9/52-1430605089.gif"/>
</div>
<b>Внешка Персонажа с большой буквы лучше </b></br>
</center>
</td>

<td align="right" valign="top" colspan="2" height="25">

 <div id="menu"> <b>
<center>
<span alt="#sm1" style="cursor: pointer;"><img src="http://www.ucalli.com/images/Image/residencial/bonaterra/red-button.png"/></span>

<span alt="#sm2" style="cursor: pointer;"><img src="http://www.ucalli.com/images/Image/residencial/bonaterra/red-button.png"/></span>
</center>

           </b>
    </div>

</td>

	</tr>
	<tr>

 <td id="MenuTxT" colspan="2" height="210" >
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/>
<b>ДАТА РОЖДЕНИЯ/ ВОЗРАСТ </b> ........./........<br/>
<b>МЕСТО РОЖДЕНИЯ/ ПРОЖИВАЕТ </b>(город, страна / город страна)<br/>
<b> НАВЫКИ</b>(перечисляем умения через точку с запятой)<br/>
<b> СПОСОБНОСТИ</b> (только название способности)<br/>
<hr>
<b> СВЯЗЬ С ВАМИ</b> (почта не принимается)<br/>
</div>
     <div id="sm2" class="submenutext"><br />
Сюда описание способностей, использование им игроком, ограничения способности (обязательно!)
<hr>
Сюда можно записать родственные связи персонажа (живых или мертвых родственников)
</div>
</div>
</div>

</td>

</tr>
</table>

<!--HTML-->
<table>
	<tr>

<td align="right" valign="top" height="25">

 <div id="menu"> <b>
<center>
<span alt="#sm1" style="cursor: pointer;"><img src="http://www.ucalli.com/images/Image/residencial/bonaterra/red-button.png"/></span>

<span alt="#sm2" style="cursor: pointer;"><img src="http://www.ucalli.com/images/Image/residencial/bonaterra/red-button.png"/></span>

<span alt="#sm3" style="cursor: pointer;"><img src="http://www.ucalli.com/images/Image/residencial/bonaterra/red-button.png"/></span>
</center>

           </b>
    </div>

</td>

	</tr>
	<tr>

 <td id="MenuTxT" height="210" >
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/>
СЮДА БИОГРАФИЮ ПЕРСОНАЖАНА
</div>
     <div id="sm2" class="submenutext"><br />
СЮДА ХАРАКТЕР ПЕРСОНАЖА
</div>

     <div id="sm3" class="submenutext"><br />
СЮДА ПРОБНЫЙ ПОСТ
</div>
</div>
</div>

</td>

</tr>
</table>