Код:
<!--HTML-->
<style type="text/css">
.rolebody { width: 603px; height: auto; margin-left: -3px; padding-top: 20px; padding-bottom: 30px; display: block; background: url(http://funkyimg.com/i/2fkNX.png) top no-repeat, url(http://funkyimg.com/i/2fkNY.png) bottom no-repeat, url(http://funkyimg.com/i/2fkNZ.png) repeat-y;}
.ttitle { width:450px; background-color:#9ac4e4; height:6px;line-height:45px;font-size:20px; font-family:bebas neue; text-transform:uppercase; letter-spacing: 4px; color:#787878; text-shadow:1px 1px 0 #e3edf3; margin: 3px 0; }
.topic02a { width: 500px; height: auto; margin-top: 70px; margin-left: -3px; padding-top: 20px; padding-bottom: 30px; }
#steck {width:550px; padding: 10px; box-sizing:border-box; background-color:#fafafa; border:#ccc solid 1px; margin: 0 auto; font-size:12px; color:rgba(30, 32, 35, .8); font-family: 'Roboto';}/*<br />
*/ .steck-head { height: 100px; padding: 10px; position: relative; background-color: #b1d3f7; border: #ccc solid 1px; border-bottom: none;}/*<br />
*/ .steck-bild { width: 100px; height: 100px; padding: 5px; border: 1px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 50px; left: 350px; }/*<br />
*/ .steck-bild img { height: 100px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }/*<br />
*/ .steck-name { font-family: Oswald; font-size: 35px; font-style: italic; text-align: center; text-transform: uppercase; position: absolute; left: 30px; top: 45px; color:#fff;}/*<br />
*/ .steck-sub { font-family: Montserrat; font-size: 8px; text-align: center; text-transform: uppercase; color: #707f44; position: absolute; left: 70px; top: 90px; }/*<br />
*/ .steck-info { width:350px; font-family: Montserrat; font-size: 10px; text-align: center; text-transform: uppercase; color: #707f44; position: absolute; left: 20px; top: 140px; letter-spacing:3px;}/*<br />
*/ .steck-task {background-color:#fff; text-align: justify; border:#ccc solid 1px; box-sizing: border-box; padding:30px; font-size:12px; color:rgba(30, 32, 35, .8); font-family: 'Cuprum';} /*<br />
*/ .steck-task span {display:block; background-color:#b1d3f7; font-family: 'Montserrat'; text-align:center; font-size:10px; color:#fff; padding:3px; text-transform:uppercase; letter-spacing:1px; }/* <br />
*/ .steck-td {height:95px; overflow:auto; box-sizing: content-box; padding: 10px; font-size:11px; color:rgba(30, 32, 35, .8); background-color:#dfe5e8; font-family: 'Cuprum'; text-align:left;}/*<br />
*/ .steck-eig {background-color:#bfd8f3; color:#fff; padding:10px; font-size: 10px; font-family: 'Cuprum'; text-align:justify;}/*<br />
*/ .steck-eig b {font-size:14px; color:#7396da;}/*<br />
*/ .steck-short {font-size:11px; color:rgba(30, 32, 35, .8); font-family: 'Cuprum';}/*<br />
</style>
<center>
<div class="rolebody">
<div class="topic02a">
<span style="display: inline; letter-spacing: 0px; font-size:13px; color:rgba(30, 32, 35, .8); font-family: 'cuprum'; text-transform: lowercase; ; color: #517993; padding: 0px;"><br><br>чтобы окончательно закрепить за собой внешность, нужно отметить ее в списке, <br>
в противном случае внешность считается свободной. <br>
<b>NB! </b>не забудьте свериться со списком придежанных внешностей в гостевой!
</span>
<br>
<br>
<div class="ttitle" style="margin-top:0;"><center>a - b - c - d - e - f</center></div><br><br>
<div class="ttitle" style="margin-top:0;"><center></center></div>
<table><tbody><tr><td><div class="steck-td">
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
</div> </td>
<td width="50%"><div class="steck-td">
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
</div> </td></tr>
</tbody></table>
<div class="ttitle" style="margin-top:0;"><center>a - b - c - d - e - f</center></div><br><br>
<div class="ttitle" style="margin-top:0;"><center></center></div>
<table><tbody><tr><td><div class="steck-td">
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
</div> </td>
<td width="50%"><div class="steck-td">
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
</div> </td></tr>
</tbody></table>
<div class="ttitle" style="margin-top:0;"><center>a - b - c - d - e - f</center></div><br><br>
<div class="ttitle" style="margin-top:0;"><center></center></div>
<table><tbody><tr><td><div class="steck-td">
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
</div> </td>
<td width="50%"><div class="steck-td">
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
</div> </td></tr>
</tbody></table>
<div class="ttitle" style="margin-top:0;"><center>a - b - c - d - e - f</center></div><br><br>
<div class="ttitle" style="margin-top:0;"><center></center></div>
<table><tbody><tr><td><div class="steck-td">
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
</div> </td>
<td width="50%"><div class="steck-td">
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
<a href="ССЫЛКА"><b>Имя внешности</b></a> - имя персонажа<br>
</div> </td></tr>
</tbody></table>
<span style="display: inline; letter-spacing: 0px; font-size:11px; color:rgba(30, 32, 35, .8); font-family: 'cuprum'; text-transform: lowercase; color: #9d4fa2; padding: 0px;"></i><b>выделение</b> </i></span><span style="display: inline; letter-spacing: 0px; font-size:11px; color:rgba(30, 32, 35, .8); font-family: 'cuprum'; text-transform: lowercase; ; color: #517993; padding: 0px;"></i>- внешность может быть освобождена<br></i></span>
<span style="display: inline; letter-spacing: 0px; font-size:11px; color:rgba(30, 32, 35, .8); font-family: 'cuprum'; text-transform: lowercase; ; color: #517993; padding: 0px;"></i><b>(n)</b> - имя выкуплено
<b>(s)</b> - фамилия выкуплена<br>
<b>(ns)</b> - фамилия и имя выкуплены<br></i></span>
</div></div>
</center>
