СПИСОК РОЛЕЙ

Чтобы просмотреть список ролей достаточно кликнуть по иконке понравившейся Вам гильдии.

Код:
<!--HTML--><center>
<!--- ХТМЛ: кнопки вкладок, не забываем убирать звездочку --->
   <script type="text/javascript">
                                    $(document).ready(function(){

    $("#banner_1").click(function(){
    $("#vkladka1").slideToggle();
    $("#vkladka2").hide();
    $("#vkladka3").hide();
    $("#vkladka4").hide()
    $("#vkladka5").hide();
    $("#vkladka6").hide();
    $("#vkladka7").hide();
    $("#vkladka8").hide();
});	

    $("#banner_2").click(function(){
    $("#vkladka1").hide();
    $("#vkladka2").slideToggle();
    $("#vkladka3").hide()
    $("#vkladka4").hide();
    $("#vkladka5").hide();
    $("#vkladka6").hide();
    $("#vkladka7").hide();
    $("#vkladka8").hide();
});
    
     $("#banner_3").click(function(){
     $("#vkladka1").hide();
     $("#vkladka2").hide();
     $("#vkladka3").slideToggle()
     $("#vkladka4").hide();
     $("#vkladka5").hide();
     $("#vkladka6").hide();
     $("#vkladka7").hide();
     $("#vkladka8").hide();
});

     $("#banner_4").click(function(){
     $("#vkladka1").hide();
     $("#vkladka2").hide();
     $("#vkladka3").hide();
     $("#vkladka4").slideToggle();
     $("#vkladka5").hide();
     $("#vkladka6").hide();
     $("#vkladka7").hide();
     $("#vkladka8").hide();
});

     $("#banner_5").click(function(){
     $("#vkladka1").hide();
     $("#vkladka2").hide();
     $("#vkladka3").hide();
     $("#vkladka4").hide();
     $("#vkladka5").slideToggle();
     $("#vkladka6").hide();
     $("#vkladka7").hide();
     $("#vkladka8").hide();
});

     $("#banner_6").click(function(){
     $("#vkladka1").hide();
     $("#vkladka2").hide();
     $("#vkladka3").hide();
     $("#vkladka4").hide();
     $("#vkladka5").hide();
     $("#vkladka6").slideToggle();
     $("#vkladka7").hide();
     $("#vkladka8").hide();
});

     $("#banner_7").click(function(){
     $("#vkladka1").hide();
     $("#vkladka2").hide();
     $("#vkladka3").hide();
     $("#vkladka4").hide();
     $("#vkladka5").hide();
     $("#vkladka6").hide();
     $("#vkladka7").slideToggle();
     $("#vkladka8").hide();
});
     $("#banner_8").click(function(){
     $("#vkladka1").hide();
     $("#vkladka2").hide();
     $("#vkladka3").hide();
     $("#vkladka4").hide();
     $("#vkladka5").hide();
     $("#vkladka6").hide();
     $("#vkladka7").hide();
     $("#vkladka8").slideToggle();
});
                                    });
        </script>


<div class="oformlenie_knopki" id="banner_1"><center>FAIRY TAIL
<br>
<br>
<img src="https://vignette3.wikia.nocookie.net/fairytail/images/2/2a/Fairy_Tail_symbol.png/revision/latest?cb=20120501182335&path-prefix=ru" width="100" height="100" border="0" /></a></div>
<div class="oformlenie_knopki" id="banner_2"><center>SABERTOOTH
<br>
<br>
<img src="https://vignette4.wikia.nocookie.net/fairytail/images/7/70/Sabertooth_symbol.png/revision/latest?cb=20131119210640&path-prefix=ru" width="100" height="100" border="0" /></a></div>
<p>
<div class="oformlenie_knopki" id="banner_3"><center>LAMIA SCALE
<br>
<br>
<img src="http://vignette3.wikia.nocookie.net/fairytail/images/d/df/Lamia_scale.png/revision/latest?cb=20131115212838&path-prefix=ru" width="100" height="100" border="0" /></a>
<br>
<br></div>
<div class="oformlenie_knopki" id="banner_4"><center>MERMAID HEEL
<br>
<br>
<img src="https://vignette2.wikia.nocookie.net/fairytail/images/1/1a/Mermaid_Heels_symbol.png/revision/latest?cb=20131115213957&path-prefix=ru" width="100" height="100" border="0" /></a>
<br>
<br></div>
<div class="oformlenie_knopki" id="banner_5"><center>BLUE PEGASUS
<br>
<br>
<img src="https://vignette2.wikia.nocookie.net/fairytail/images/c/ca/Blue_pegasus_symbol.png/revision/latest/scale-to-width-down/480?cb=20140312220549&path-prefix=ru" width="100" height="100" border="0" /></a>
<br>
<br></div>
<div class="oformlenie_knopki" id="banner_6"><center>CRIME SORCIÈRE
<br>
<br>
<img src="https://vignette1.wikia.nocookie.net/fairytail/images/4/48/Crime_Sorci%C3%A8re_Symbol.png/revision/latest/scale-to-width-down/480?cb=20131127202055&path-prefix=ru" width="100" height="100" border="0" /></a></div>
<div class="oformlenie_knopki" id="banner_7"><center>OTHER
<br>
<br>
<img src="https://vignette1.wikia.nocookie.net/fairytail/images/d/dd/Fiore_Symbol.png/revision/latest/scale-to-width-down/480?cb=20150323213414&path-prefix=ru" width="100" height="100" border="0" /></a></div>
<div class="oformlenie_knopki" id="banner_8"><center>ALVAREZ EMPIRE
<br>
<br>
<img src="http://cdn1.savepice.ru/uploads/2017/8/20/5b24ee1f7995862fd28600a457d686de-full.png" width="100" height="100" border="0" /></a></div>

<div id="vkladka1" style="display:none"><br>
<p><font size="2"><hr>
<p>Mavis Vermilion 
<br>Macao Conbolt  
<br>Gildarts Clive  
<br><a href="http://ftreboot.rusff.ru/profile.php?id=8">Erza Scarlet | Эрза Скарлет</a> 
<br>Mirajane Strauss  
<br>Laxus Dreyar  
<br>Cana Alberona  
<br>Elfman Strauss  
<br>Freed Justine  
<br>Gray Fullbuster  
<br>Juvia Lockser  
<br>Levy McGarden  
<br>Natsu Dragneel  
<br>Happy  
<br><a href="http://ftreboot.rusff.ru/profile.php?id=11">Lucy Heartfilia | Люси Хартфилия</a> 
<br>Bickslow  
<br>Evergreen  
<br>Droy  
<br>Jet  
<br>Gajeel Redfox  
<br>Wendy Marvell  
<br>Panther Lily  
<br>Alzack Connell  
<br>Bisca Connell  
<br>Mest Gryder 
<br>Lisanna Strauss  
<br>Charlie</font></div>
<div id="vkladka2" style="display:none"><br><font size="2"><hr>
<br>Sting Eucliffe
<br>Rogue Cheney  
<br>Orga Nanagear  
<br>Minerva Orland  
<br>Yukino Agria  
<br>Lector  
<br>Frosch</font></div>
<div id="vkladka3" style="display:none"><br><font size="2"><hr>
<br>Lyon Vastia  
<br>Sherry Blendy  
<br>Sherria Blendy</font></div>
<div id="vkladka4" style="display:none"><br><font size="2"><hr>
<br>Kagura Mikazuchi  
<br>Millianna  
<br>Arania Web  
<br>Beth Vanderwood  
<br>Risley Law</font></div>
<div id="vkladka5" style="display:none"><br><font size="2"><hr>
<br>Ichiya Vandalay Kotobuki   
<br>Hibiki Laytis  
<br>Eve Tearm  
<br>Ren Akatsuki  
<br>Jenny Realight</font></div>
<div id="vkladka6" style="display:none"><br><font size="2"><hr>
<br><a href="http://ftreboot.rusff.ru/profile.php?id=5">Jellal Fernandes | Джерар Фернандес</a> 
<br>Meredy  Richard 
<br>Buchanan  
<br>Erik  
<br>Macbeth  
<br>Sawyer  
<br>Sorano  
<br>Ultear Milkovich</font></div>
<div id="vkladka7" style="display:none"><br><font size="2"><hr>
<br>Hisui E. Fiore
<br>Ankhseram</font></div>
<div id="vkladka8" style="display:none"><br><font size="2"><hr>
<table layout=fixed width=100%>
<tr>
<td><center><b>SPRIGGAN 12</b></td>
<td><center><b>ETHERIOUS</b></td>
</tr>
<tr>
<td><center><br><a href="http://ftreboot.rusff.ru/profile.php?id=12">Zeref Dragneel | Зереф Драгнил</a>
<br>Ajeel Ramal  
<br>August  
<br>Bloodman  
<br>Brandish μ  
<br>Dimaria Yesta  
<br><a href="http://ftreboot.rusff.ru/profile.php?id=7">God Serena | Бог Серена</a>
<br>Invel Yura  
<br>Irene Belserion 
<br>Jacob Lessio  
<br>Larcade Dragneel  
<br>Neinhart    
<br>Wahl Icht</td>
<td><center><br>Hamizu Mirai</td>
</tr>
</table></font>
</font></div>
        
        
      
<style type="text/css">
.oformlenie_knopki {
        display:inline-block;
        cursor: pointer;
        height: 28px;
        width: 180px; 
        padding: 6px; /* отступ текста от края */
        background-color: #e3f8f9; /* цвет фона */
        text-align: center; /* центровка текста */
        font-family: Georgia;  /* шрифт */
        font-size: 20px; /* размер текста*/
        color: #537f81; /* цвет текста */
        box-shadow: 2px 1px 0px #82adaf, 2px 1px 0px #a9dcdf inset; /*окантовка*/
    }
  
    </style>
<br>
<br>
<br>
<table><tr><td width=2% bgcolor=#024270><align=center><size=8></td></tr></table>
<br>
<!--- ХТМЛ: кнопки вкладок, не забываем убирать звездочку --->
   <script type="text/javascript">
                                    $(document).ready(function(){

    $("#banner_9").click(function(){
    $("#vkladka9").slideToggle();
});	
                                    });
        </script>


<div class="oformlenie" id="banner_9"><center>НОВОЕ ПОКОЛЕНИЕ МАГОВ</div>
<center><br><i>Возраст и магия могут быть изменены</i>
<div id="vkladka9" style="display:none"><br><hr>
<table layout=fixed width=100%>
<tr>
<td><center><br><div class="shablon">Zeref Dragneel + Mavis Vermilion</div>
<br>
<br>• Anna Dragneel (16, огненный маг)
<br>•
<br>•
<br>
<br><div class="shablon">Jellal Fernandes + Erza Scarlet</div>
<br>
<br><a href="http://ftreboot.rusff.ru/profile.php?id=16">• Milo Fernandes | Майло Фернандес</a>
<br><a href="http://ftreboot.rusff.ru/profile.php?id=9">• Kaya Fernandes | Кая Фернандес</a>
<br>•
<br>
<br><div class="shablon">Gray Fullbuster + Juvia Lockser</div>
<br>
<br>• female (12, магия созидания)
<br>• female (12, магия созидания)
<br>• male (10, водная магия)
<br>
<br><div class="shablon">Mest Gryder + Wendy Marvell</div>
<br>
<br>• male (13, магия на выбор)
<br>• female (11, магия на выбор)
<br>•
<br>
<br><div class="shablon">Romeo Conbolt + Asuka Connell</div>
<br>
<br>• male (8, магия на выбор)
<br>•
<br>•
<br>
</td>
<td><center><br><div class="shablon">Lyon Vastia + Sherry Blendy</div>
<br>
<br><a href="http://ftreboot.rusff.ru/profile.php?id=10">• Martin Vastia | Мартин Бастия</a>
<br>• female (10, магия ветра)
<br>• 
<br>
<br><div class="shablon">Natsu Dragneel + Lucy Heartfilia</div>
<br>
<br>• Eliot Dragneel (12, заклинатель звездных духов)
<br>• Elias Dragneel (12, заклинатель звездных духов)
<br>•
<br>
<br><div class="shablon">Gajeel Redfox + Levy McGarden</div>
<br>
<br>• female (14, магия на выбор)
<br>•
<br>•
<br>
<br><div class="shablon">Laxus Dreyar + Mirajane Strauss</div>
<br>
<br>• male (15, магия на выбор)
<br>•
<br>•
<br>
<br><div class="shablon">Invel Yura + ?</div>
<br>
<br>• male (16, магия на выбор)
<br>• male (14, магия на выбор)
<br>•
<br>
</td>
</tr>
</table></div>
        
     
<style type="text/css">
.oformlenie {
        display:inline-block;
        cursor: pointer;
        height: 28px;
        width: 450px; 
        padding: 6px; /* отступ текста от края */
        background-color: #e3f8f9; /* цвет фона */
        text-align: center; /* центровка текста */
        font-family: Georgia;  /* шрифт */
        font-size: 20px; /* размер текста*/
        color: #537f81; /* цвет текста */
        box-shadow: 2px 1px 0px #82adaf, 2px 1px 0px #a9dcdf inset; /*окантовка*/
    }
  
    </style>
<style type="text/css">
.shablon {
display:inline-block;
        cursor: pointer;
        height: 15px;
        width: 250px; 
        padding: 6px; /* отступ текста от края */
        background-color: #e3f8f9; /* цвет фона */
        text-align: center; /* центровка текста */
        font-family: Georgia;  /* шрифт */
        font-size: 14px; /* размер текста*/
        color: #375a5b; /* цвет текста */
        border-radius: 10px;
        box-shadow: 1px 1px 1px #82adaf, 1px 1px 1px #82adaf inset;
  }

    </style>
<br>
<br>
<br>
<br>

Код для заполнения:

Код:
<a href="ссылка на профиль">имя на англ. | имя на русс.</a>