Код:
<!--HTML--><div class='doesigchal'><h1>ЗАНЯТЫЕ ВНЕШНОСТИ И ИМЕНА</h1>

<b>В</b> списке указаны не только занятые внешности, но и имена и фамилии. Выкупленные инициалы обозначаются *. Их юзать, разумеется, нельзя. Для выкупа инициалов обратитесь в <a href="http://canadium.rusff.ru/viewtopic.php?id=14">банк</a>. Код заполняется согласно шаблону. 

</div><style>

.doesigchal { width: 250px; background: #ffffff; border: 2px solid #f6f6f6; outline: 15px solid #ffffff; margin: 15px auto;  padding: 25px; font: 10px/150% source sans pro; text-align: justify; }
.doesigchal h1 { margin: 0 0 15px; text-align: center; font: 30px/30px dosis; color: #000000; }
.doesigchal h2 { margin: 10px 0 0 4px; text-align: center; font: 12px/12px dosis; text-transform: uppercase; color: #000000; letter-spacing: 4px; }
.doesigchal b { color: #8299aa; font: 26px/26px josefin sans; float: left; margin: 4px 5px 0 0; }
.doesigchal .doebuttons { display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; justify-content: center; margin: 10px 0 0; }
.doesigchal .doebuttons a { background: #7c596c; padding: 13px 7px 10px 10px; text-align: center; flex: 1; color: #ffffff; font: 10px/10px josefin sans; margin: 0 1px 0 0; letter-spacing: 3px; }
.doesigchal .doebuttons a:last-child { margin: 0; }

</style><link href="https://fonts.googleapis.com/css?family=Dosis:800|Josefin+Sans:100|Source+Sans+Pro" rel="stylesheet">

Выкупленные имена: Sophie; Misha; Sonia; Laura; Charlotte; Jacob; Alex; Espen
Выкупленные фамилии: Lavoie; Cortez; Daiquiri; Bradshaw


Код:
<!--HTML--><div class="postcolor"><br><br><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    var today = new Date();
    var month = today.getMonth() + 1;
    var year = today.getFullYear();

    var past = year - 1;


    if (month === 1) {
        $('.nicole-tracker h2').html('Currently January ' + year);
        $('.nicole-tracker ul.months li.jan').addClass('current active');
        $('.nicole-tracker ul.links li.jan').addClass('current active');
        $('.nicole-tracker ul.links li.jan').nextUntil().addClass('this');
    } else if (month === 2) {
        $('.nicole-tracker h2').html('Currently February ' + year);
        $('.nicole-tracker ul.months li.feb').addClass('current active');
        $('.nicole-tracker ul.links li.feb').addClass('current active');
    } else if (month === 3) {
        $('.nicole-tracker h2').html('Currently March ' + year);
        $('.nicole-tracker ul.months li.mar').addClass('current active');
        $('.nicole-tracker ul.links li.mar').addClass('current active');
    } else if (month === 4) {
        $('.nicole-tracker h2').html('Currently April ' + year);
        $('.nicole-tracker ul.months li.apr').addClass('current active');
        $('.nicole-tracker ul.links li.apr').addClass('current active');
    } else if (month === 5) {
        $('.nicole-tracker h2').html('Currently May ' + year);
        $('.nicole-tracker ul.months li.may').addClass('current active');
        $('.nicole-tracker ul.links li.may').addClass('current active');
    } else if (month === 6) {
        $('.nicole-tracker h2').html('Currently June ' + year);
        $('.nicole-tracker ul.months li.jun').addClass('current active');
        $('.nicole-tracker ul.links li.jun').addClass('current active');
    } else if (month === 7) {
        $('.nicole-tracker h2').html('Currently July ' + year);
        $('.nicole-tracker ul.months li.jul').addClass('current active');
        $('.nicole-tracker ul.links li.jul').addClass('current active');
    } else if (month === 8) {
        $('.nicole-tracker h2').html('Currently August ' + year);
        $('.nicole-tracker ul.months li.aug').addClass('current active');
        $('.nicole-tracker ul.links li.aug').addClass('current active');
    } else if (month === 9) {
        $('.nicole-tracker h2').html('Currently September ' + year);
        $('.nicole-tracker ul.months li.sep').addClass('current active');
        $('.nicole-tracker ul.links li.sep').addClass('current active');
    } else if (month === 10) {
        $('.nicole-tracker h2').html('Currently October ' + year);
        $('.nicole-tracker ul.months li.oct').addClass('current active');
        $('.nicole-tracker ul.links li.oct').addClass('current active');
    } else if (month === 11) {
        $('.nicole-tracker h2').html('Currently November ' + year);
        $('.nicole-tracker ul.months li.nov').addClass('current active');
        $('.nicole-tracker ul.links li.nov').addClass('current active');
    } else {
        $('.nicole-tracker h2').html('Currently December ' + year);
        $('.nicole-tracker ul.months li.dec').addClass('current active');
        $('.nicole-tracker ul.links li.dec').addClass('current active');
    }

    $('.nicole-tracker').each(function () {

        $(this).find('ul.links li.current').nextUntil().addClass('last');
    });

    $('.nicole-tracker ul.links li').each(function () {
        if ($(this).hasClass('jan')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('01/' + past);
            } else {
                $(this).children('h1').html('01/' + year);
            }
        } else if ($(this).hasClass('feb')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('02/' + past);
            } else {
                $(this).children('h1').html('02/' + year);
            }
        } else if ($(this).hasClass('mar')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('03/' + past);
            } else {
                $(this).children('h1').html('03/' + year);
            }
        } else if ($(this).hasClass('apr')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('04/' + past);
            } else {
                $(this).children('h1').html('04/' + year);
            }
        } else if ($(this).hasClass('may')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('05/' + past);
            } else {
                $(this).children('h1').html('05/' + year);
            }
        } else if ($(this).hasClass('jun')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('06/' + past);
            } else {
                $(this).children('h1').html('06/' + year);
            }
        } else if ($(this).hasClass('jul')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('07/' + past);
            } else {
                $(this).children('h1').html('07/' + year);
            }
        } else if ($(this).hasClass('aug')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('08/' + past);
            } else {
                $(this).children('h1').html('08/' + year);
            }
        } else if ($(this).hasClass('sep')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('09/' + past);
            } else {
                $(this).children('h1').html('09/' + year);
            }
        } else if ($(this).hasClass('oct')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('10/' + past);
            } else {
                $(this).children('h1').html('10/' + year);
            }
        } else if ($(this).hasClass('nov')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('11/' + past);
            } else {
                $(this).children('h1').html('11/' + year);
            }
        } else if ($(this).hasClass('dec')) {
            if ($(this).hasClass('last')) {
                $(this).children('h1').html('12/' + past);
            } else {
                $(this).children('h1').html('12/' + year);
            }
        } else {}
    });

    $('.nicole-tracker ul.months li').click(function () {
        if ($(this).hasClass('active')) {} else if ($(this).hasClass('jan')) {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.jan').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.jan').addClass('active');
        } else if ($(this).hasClass('feb')) {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.feb').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.feb').addClass('active');
        } else if ($(this).hasClass('mar')) {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.mar').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.mar').addClass('active');
        } else if ($(this).hasClass('apr')) {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.apr').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.apr').addClass('active');
        } else if ($(this).hasClass('may')) {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.may').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.may').addClass('active');
        } else if ($(this).hasClass('jun')) {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.jun').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.jun').addClass('active');
        } else if ($(this).hasClass('jul')) {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.jul').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.jul').addClass('active');
        } else if ($(this).hasClass('aug')) {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.aug').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.aug').addClass('active');
        } else if ($(this).hasClass('sep')) {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.sep').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.sep').addClass('active');
        } else if ($(this).hasClass('oct')) {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.oct').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.oct').addClass('active');
        } else if ($(this).hasClass('nov')) {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.nov').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.nov').addClass('active');
        } else {
            $(this).parents('ul').siblings('ul.links').children('li').fadeOut(500);
            $(this).parents('ul').siblings('ul.links').children('li.dec').delay(600).fadeIn(500);
            $(this).siblings('li').removeClass('active');
            $(this).parents('ul').children('li.dec').addClass('active');
        }
    });

});
</script>
<style type="text/css">
/*********** colours
january garnet 701627 
february amythest 793268
march aquamarine 6BCAE2
april diamond E5EBF2
may emerald 248868
june lt amythest E6CCFF
july ruby 8F0732
august peridot ACDA2D
september sapphire 1E5192
october rose FF404B
november topaz FFE675
december blue zircon 10859B
***********/
 .nicole-tracker {
    width: 500px;
    background-color: white;
    border: 15px solid #f1f1f1;
    outline: 1px solid #ddd;
    margin: 5px auto;
    overflow: auto;
    font: normal normal normal 11px/120% 'Source Sans Pro', sans-serif;
    text-align: center;
    color: #222;
    position: relative;
}
.nicole-tracker a {
    text-decoration: none;
    color: #666;
    font: normal normal bold 0.9em/100% 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    padding: 2px;
    margin: 0 5px 0 0;
}
.nicole-tracker a:hover {
    color: #666!important;
}
.nicole-tracker h1 {
    font: normal normal bold 34px/100% 'Source Sans Pro', sans-serif;
    letter-spacing: -1px;
    margin: 20px 0 0;
    text-transform: lowercase;
}
.nicole-tracker h2, .nicole-tracker h3 {
    text-transform: uppercase;
    font: italic normal normal 12px/100% 'Source Sans Pro', sans-serif;
    letter-spacing: 3px;
    margin: 3px 50px 30px;
    text-align: left;
}
.nicole-tracker p.float-left {
    margin: 10px 317px 10px 8px;
    background-color: #f1f1f1;
    padding: 10px;
}
.nicole-tracker ul.months {
    list-style: none;
    margin: 0 300px 5px 5px;
    padding: 0;
    overflow: auto;
    clear: left;
}
.nicole-tracker ul.months li {
    width: 52px;
    padding: 18px 0 0;
    height: 52px;
    box-sizing: border-box;
    background-color: transparent;
    outline: 2px solid #f1f1f1;
    box-shadow: inset 0 0 0 0 #f1f1f1, inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease-in-out;
    text-align: center;
    margin: 4px;
    float: left;
    font-weight: normal;
    font-size: 14px;
    color: #ddd;
}
.nicole-tracker ul.months li:hover {
    box-shadow: inset 0 0 0 110px #f1f1f1, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.nicole-tracker ul.months li.active {
    color: #ccc;
    outline-color: #ccc;
}
/* JANUARY */
 .nicole-tracker ul.months li.jan:hover {
    box-shadow: inset 0 0 0 110px #701627, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #701627;
}
/* FEBRUARY */
 .nicole-tracker ul.months li.feb:hover {
    box-shadow: inset 0 0 0 110px #793268, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #793268;
}
/* MARCH */
 .nicole-tracker ul.months li.mar:hover {
    box-shadow: inset 0 0 0 110px #6BCAE2, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #6BCAE2;
}
/* APRIL */
 .nicole-tracker ul.months li.apr:hover {
    box-shadow: inset 0 0 0 110px #afcdf0, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #afcdf0;
}
/* MAY */
 .nicole-tracker ul.months li.may:hover {
    box-shadow: inset 0 0 0 110px #248868, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #248868;
}
/* JUNE */
 .nicole-tracker ul.months li.jun:hover {
    box-shadow: inset 0 0 0 110px #bf9fdf, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #bf9fdf;
}
/* JULY */
 .nicole-tracker ul.months li.jul:hover {
    box-shadow: inset 0 0 0 110px #ab0010, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #ab0010;
}
/* AUGUST */
 .nicole-tracker ul.months li.aug:hover {
    box-shadow: inset 0 0 0 110px #ACDA2D, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #ACDA2D;
}
/* SEPTEMBER */
 .nicole-tracker ul.months li.sep:hover {
    box-shadow: inset 0 0 0 110px #1E5192, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #1E5192;
}
/* OCTOBER */
 .nicole-tracker ul.months li.oct:hover {
    box-shadow: inset 0 0 0 110px #FF404B, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #FF404B;
}
/* NOVEMBER */
 .nicole-tracker ul.months li.nov:hover {
    box-shadow: inset 0 0 0 110px #FFC87C, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #FFC87C;
}
/* DECEMBER */
 .nicole-tracker ul.months li.dec:hover {
    box-shadow: inset 0 0 0 110px #10859B, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    outline-color: #10859B;
}
.nicole-tracker ul.links {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    height: 292px;
    width: 300px;
    bottom: 8px;
    right: 8px;
    outline: 1px solid #f1f1f1;
    text-align: justify;
    box-sizing: border-box;
}
.nicole-tracker ul.links li {
    display: none;
    background-color: transparent;
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    padding-right: 4px;
    overflow: auto;
}
.nicole-tracker ul.links li.current {
    display: block;
}
.nicole-tracker ul.links li h1 {
    text-align: right; 
    margin: 0;
    position: relative;
    font-size: 28px;
}
.nicole-tracker ul.links li h3 {
    text-align: center; 
    margin: 8px 0 3px;
    position: relative;
}
.nicole-tracker ul.links li.jan h1, .nicole-tracker ul.links li.jan a {
    color: #701627;
}
.nicole-tracker ul.links li.feb h1, .nicole-tracker ul.links li.feb a {
    color: #793268;
}
.nicole-tracker ul.links li.mar h1, .nicole-tracker ul.links li.mar a {
    color: #6BCAE2;
}
.nicole-tracker ul.links li.apr h1, .nicole-tracker ul.links li.apr a {
    color: #afcdf0;
}
.nicole-tracker ul.links li.may h1, .nicole-tracker ul.links li.may a {
    color: #248868;
}
.nicole-tracker ul.links li.jun h1, .nicole-tracker ul.links li.jun a {
    color: #bf9fdf;
}
.nicole-tracker ul.links li.jul h1, .nicole-tracker ul.links li.jul a {
    color: #8F0732;
}
.nicole-tracker ul.links li.aug h1, .nicole-tracker ul.links li.aug a {
    color: #ACDA2D;
}
.nicole-tracker ul.links li.sep h1, .nicole-tracker ul.links li.sep a {
    color: #1E5192;
}
.nicole-tracker ul.links li.oct h1, .nicole-tracker ul.links li.oct a {
    color: #FF404B;
}
.nicole-tracker ul.links li.nov h1, .nicole-tracker ul.links li.nov a {
    color: #FFE675;
}
.nicole-tracker ul.links li.dec h1, .nicole-tracker ul.links li.dec a {
    color: #10859B;
}
.nicole-tracker ::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}
.nicole-tracker ::-webkit-scrollbar-track {
    background-color: #ddd;
    border: 1px solid white;
}
.nicole-tracker ::-webkit-scrollbar-thumb {
    background-color: #ddd;
}
</style>
<div class="nicole-tracker">
     <h1>Имена, фамилии и внешности</h1>

     <h2 class="month"></h2>

    <p class="float-left">Шаблон оформления находится ниже, не забывайте вставлять его в тэг код.</p>
    <ul class="months">
        <li class="jan active">AB</li>
        <li class="feb">CD</li>
        <li class="mar">EF</li>
        <li class="apr">GH</li>
        <li class="may">IJ</li>
        <li class="jun">KL</li>
        <li class="jul">MN</li>
        <li class="aug">OP</li>
        <li class="sep">QR</li>
        <li class="oct">ST</li>
        <li class="nov">UV</li>
        <li class="dec current">WXYZ</li>
    </ul>
    <ul class="links">
        <li class="jan" style="display: list-item;">
            
            <h3>A</h3>
            alexander vlahos - <a href="http://canadium.rusff.ru/profile.php?id=71">Louis Mousseau</a> <br>
            astrid bergès-frisbey - <a href="http://canadium.rusff.ru/profile.php?id=58">FRANKIE TOULOUR</a> <br>
            
            <h3>B</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>
            
        
            
        </li>
        <li class="feb" style="display: none;">
            
            <h3>C</h3>
            cole sprouse - <a href="http://canadium.rusff.ru/profile.php?id=4">Espen* Bradshaw* </a> <br>
            
            <h3>D</h3>
           daisy ridley - <a href="http://canadium.rusff.ru/profile.php?id=17">Sophie* Lavoie*</a> <br>
           dane dehaan - <a href="http://canadium.rusff.ru/profile.php?id=11">Thomas Rain</a> <br>
            
        </li>
        <li class="mar">
            
            <h3>E</h3>
            emeraude toubia - <a href="http://canadium.rusff.ru/profile.php?id=65">Maryse Lefèvre</a> <br>
            
            <h3>F</h3>
            frank iero - <a href="http://canadium.rusff.ru/profile.php?id=37">frederic hayes</a> <br>
            
        </li>
        <li class="apr">

            
            <h3>G</h3>
            gerard way - <a href="http://canadium.rusff.ru/profile.php?id=35">arthur shepard</a> <br>
            
            <h3>H</h3>
            harry styles - <a href="http://canadium.rusff.ru/profile.php?id=38">marcus bauer</a> <br>
hale appleman - <a href="http://canadium.rusff.ru/profile.php?id=23">laurence caulfield</a> <br>

            
        </li>
        <li class="may">
            
            <h3>I</h3>
            isaac hempstead wright - <a href="http://canadium.rusff.ru/profile.php?id=5">alex* harrington</a> <br>
irina shayk - <a href="http://canadium.rusff.ru/profile.php?id=59">Geneviève Corso</a> <br>

            <h3>J</h3>
            james mcavoy - <a href="http://canadium.rusff.ru/profile.php?id=22">danny garland</a> <br>
            
            
        </li>
        <li class="jun">
            
            <h3>K</h3>
           
            kj apa - <a href="http://canadium.rusff.ru/profile.php?id=54">Brandon Jenkins</a> <br> 
            katherine mcnamara - <a href="http://canadium.rusff.ru/profile.php?id=32">Julia Bell</a> <br>
            <h3>L</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>
            
            
        </li>
        <li class="jul">
            
            <h3>M</h3>
              madelaine petsch - <a href="http://canadium.rusff.ru/profile.php?id=6">esther watson</a><br>
              mads mikkelsen - <a href="http://canadium.rusff.ru/profile.php?id=76">Hannibal Tremblay</a><br>
Michael Rowe - <a href="http://canadium.rusff.ru/profile.php?id=83">Floyd Knight</a> <br>
       
miles heizer - <a href="http://canadium.rusff.ru/profile.php?id=77">Yves Mousseau</a> <br>

            
            <h3>N</h3>

             внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>
            
        </li>
        <li class="aug">
            
            <h3>O</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>
            
            <h3>P</h3>
           phoebe tonkin - <a href="http://canadium.rusff.ru/profile.php?id=48">Belinda Cortez</a>  <br>
            
        </li>
        <li class="sep">
            
            <h3>Q</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>
            
            <h3>R</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>
            
        </li>
        <li class="oct">
            
            <h3>S</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>
            
            <h3>T</h3>
            timothee chalamet - <a href="http://canadium.rusff.ru/profile.php?id=15">noah murdock</a> <br>
            
            
        </li>
        <li class="nov" style="display: none;">
            
            <h3>U</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>
            
            <h3>V</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>

            
        </li>
        <li class="dec current active" style="display: none;">
            
            <h3>W</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>
            
            <h3>X</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>
            
            <h3>Y</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>

            <h3>Z</h3>
            внешность на англ - <a href="ссылка на профиль">ник персонажа</a> <br>
            
        </li>
    </ul>
</div>
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic|Sacramento" rel="stylesheet" type="text/css">
  </div>


Код:
внешность на англ - <a href="ссылка на профиль">ник персонажа [указываем * над тем, что выкупили или не ставим ничего]</a> <br>