[html] <br><br>
<span style="font-family: Montserrat;    text-align: center;    font-size: 34px;    display: block;    font-weight: 800;    transform: scale3d(1.1, 1.0, 1.2);    text-shadow: #ffffff 2px 1px 1px; cursor: url(http://funkyimg.com/i/2wmp5.png),url(myBall.cur),auto;"> список персонажей</span>

<table style=" margin-top: -16px;"> <tr>
<td style="width:10%" valign="top"> <span style="display: block;text-align: right;font-size: 50px;font-family: cuprum;color: #b05637;"> « </span> </td>
<td style="width:80%"> <span style="display: block;text-align: center;font-size: 13px;font-family: Century Gothic; padding-top: 10px; cursor: url(http://funkyimg.com/i/2wmp5.png),url(myBall.cur),auto;"> Жизнь — паршивая ярмарка с хреновыми призами. © Стивен Кинг</span> </td>
<td style="width:10%" valign="top"> <span style="display: block;text-align: left;font-size: 50px;font-family: cuprum;color: #b05637;"> » </span> </td>
</tr>
</table>
<br><span style="display: block; text-align: center">• занятые внешности // имена и фамилии  //  работа  •</span><br>
<table style="table-layout:fixed;width:100%"><tbody>
<tr>
<td style="width:10%"></td>
<td style="width:80%">
Дубликат внешности разрешен только для близнецов. Если участник пропал без предупреждения, мы можем отметить его внешность на освобождение.<br>
Чтобы занять имя и фамилию, необходимо воспользоваться специальным купоном (см. банк купонов).<br>
Если вашей вакансии нет в списке, просто укажите отдельно от кода желаемую сферу деятельности и мы ее добавим.
</td>
<td style="width:10%"></td></tr>
</tbody></table><br><br>

<div class="innerrightletter">
<input type="radio" id="letter1" name="letter" checked>
<label for="letter1">ВНЕШНОСТИ</label>

<input type="radio" id="letter2" name="letter">
<label for="letter2">ИМЕНА И ФАМИЛИИ</label>

<input type="radio" id="letter3" name="letter">
<label for="letter3">ЗАНЯТОСТЬ</label>

<div class="letter-content-1 transition">

<table><tr><td><span style="display: block; text-align: center; font-size: 13px; font-family: Century Gothic">ЖЕНСКИЕ ВНЕШНОСТИ<br>
- - - - - - - - - - - - - - - </span><div class="htmldemo"> </div></td>
<td><span style="display: block; text-align: center; font-size: 13px; font-family: Century Gothic; ">МУЖСКИЕ ВНЕШНОСТИ<br>
- - - - - - - - - - - - - - - </span><div class="htmldemo"> </div></td></tr>
<tr>
<td valign="top"> <div class="htmldemo"><div style="overflow-y:auto; height:300px; font-size: 11px;  cursor: url(http://funkyimg.com/i/2wmp5.png),url(myBall.cur),auto;">

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - А </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - e </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - g </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - j </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - k </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - l </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - m </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - p </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - r </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - s </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - t </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - v </span> <br>

...

</div></div>
</td><td valign="top">
<div class="htmldemo"><div style="overflow-y:auto; height:300px;  cursor: url(http://funkyimg.com/i/2wmp5.png),url(myBall.cur),auto;">

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - a </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - c </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - d </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - f </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - j </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - m </span> <br> <br>

matthew mcconaughey - <a href="http://keepquiet.rusff.me/profile.php?id=9">clifford bauer</a> <br>

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - n </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - o </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - k </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - l </span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 230px;"> - X </span> <br>

...

</div></div></td></tr></table>

</div>
<div class="letter-content-2 transition">

<table>
<tr>
<td><span style="display: block; text-align: center; font-size: 13px; font-family: Century Gothic">ИМЕНА<br>
- - - - - - - - - - - - - - - </span>
<div class="htmldemo"> </div>
</td><td>
<span style="display: block; text-align: center; font-size: 13px; font-family: Century Gothic; ">ФАМИЛИИ<br>
- - - - - - - - - - - - - - - </span>
<div class="htmldemo"> </div></td></tr> <tr>
<td valign="top"> <div class="htmldemo"><div style="overflow-y:auto; height:300px; font-size: 11px;  cursor: url(http://funkyimg.com/i/2wmp5.png),url(myBall.cur),auto;">

...

</div></div>
</td><td valign="top">
<div class="htmldemo"><div style="overflow-y:auto; height:300px;  cursor: url(http://funkyimg.com/i/2wmp5.png),url(myBall.cur),auto;">

...

</div></div></td></tr></table>

</div>
<div class="letter-content-3 transition">

<table>
<tr>
<td valign="top"> <div class="htmldemo"><div style="overflow-y:auto; height:300px; font-size: 11px;  cursor: url(http://funkyimg.com/i/2wmp5.png),url(myBall.cur),auto;">

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 340px;"> - производство</span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 340px;"> - наука / образование</span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 340px;"> - медицина </span> <br>

санитар морга - <a href="http://keepquiet.rusff.me/profile.php?id=9">clifford bauer</a> <br>

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 340px;"> - торговля / продажи</span> <br>

...

<span style="padding: 1px;     line-height: 100%;  text-transform: uppercase;  font-size: 16px; font-style: italic; color: #adadad; font-weight: 600; text-align: right; margin-left: 340px;"> - сми</span> <br>

...

</div></div>
</td></tr></table>

</div></div>

<style type="text/css">

@font-face {src:url('http://essiskins.b1.jcink.com/uploads/essiskins/Cousine_Regular.ttf');
font-family:cousine;
}

.innerrightletter {background: #eae2d6;    height: 400px;}
.innerrightletter label {display: inline-block;    color: rgb(243 238 224);    background: #c58847;    font-family: arial black;    text-transform: uppercase;    font-size: 13px;    margin-left: 10px;    margin-toP: 10px;    border-bottom: 3px solid #6f4e2c;    position: relative;    z-index: 3;    width: 195px;    text-align: center;}
.innerrightletter input {display:none;}
.transition {    position: absolute;    z-index: 0;    opacity: 0;    margin-left: 10px;    width: 615px;    height: 345px;    padding: 5px;    overflow: hidden;    margin-top: 5px;}
.letter-content-1 img {width:148px; height:235px;}
#letter1:checked ~ .letter-content-1 {opacity:1; z-index:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}
#letter2:checked ~ .letter-content-2 {opacity:1; z-index:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}

#letter3:checked ~ .letter-content-3 {opacity:1; z-index:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
}
</style>
[/html]

внешность
Код:
внешность - <a href="ссылка">ник</a> <br>
имя и фамилия
Код:
имя на англ. / имя на рус. - <a href="ссылка">ник</a> <br>
Код:
фамилия на англ. / фамилия на рус. - <a href="ссылка">ник</a> <br>
занятость
Код:
занятость - <a href="ссылка">ник</a> <br>