Код:
<!--HTML-->
<style type="text/css">
.somacont { position:relative; width:550px; border: outset 0px #000000; }
.somablock { position:absolute; width:550px; overflow:hidden;}
.somainfo { position:absolute; left: -550px; top:0px; width:550px; background-color:#ededed; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.somablock:hover .somainfo { left:0px; top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.somatitles { position:absolute; width:400px; color:#272727; text-align:center; text-transform:uppercase; font-family: Alice; font-size: 16px; letter-spacing:0.5px; line-height:100%; padding: 25px 0px 20px 0px; border: 4px double #000}
.somaimageblock {width:550px; overflow:hidden;}
.somawordsha { width:550px;  top:-100px; padding:0px; overflow:auto; text-align:justify; font-size:11.5px; font-family:microsoft sans serif; color:#272727; line-height:115%; }
.guild { width: 190px; text-align:center; font-size:17.5px; font-family:times; color:#272727; line-height:100%; text-transform: uppercase; font-weight: bold;  border-bottom: 2px solid #000}
.guildidk { width:190px;text-align:left; color:#272727; text-align:center; text-transform:uppercase; font-family:times; font-size:10px; line-height:100%; letter-spacing:2px; padding-top: 3px}
.guildim {width: 30px; height: 30px; background-size: cover; border: 1px solid #fff; border-radius:50%; background-color: #fff; padding: 5px; margin-left: 0px}
</style>
<center><div class='somacont' style="height:200px; "><div class='somablock' style='top:0px; left:0px; height:200px;'><div class='somaimageblock' style='border: 0px double #d5b0b1; padding: 0px 0 0 0px'><img src='http://i.imgur.com/c90yKiS.png' ></div><br><center><div class='somatitles'  style="top:50px; left:65px"><div style="font-size: 28px;">「 легальные 」</div><br>гильдии королевства фиор </div></center>
<div class='somainfo' style="height:200px;"><div class='somawordsha' style="height:200px;"><div style="padding: 10px 10px 0px 10px">

<table><tr><td style="width: 250px; vertical-align: top"><div>

<table><tr><td style="width: 35px; "> <div class="guildim"><img src='https://s-media-cache-ak0.pinimg.com/originals/60/99/c6/6099c6b73050624a898dd0d6459a2a66.jpg' height='30px;'</div></td><td><div class="guild">「 Fairy tail 」</div><div class='guildidk'>
хвост феи
</div></td></tr></table><center>
<a href="http://ftabys.rusff.ru/profile.php?id=20">Cana Alberona | Кана Альберона</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=5">Erza Scarlett | Эрза Скарлет</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=114">Gray Fullbuster | Грей Фуллбастер</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=117">Gajeel Redfox | Гажил Рэдфокс</a><br>
 <a href="http://ftabys.rusff.ru/profile.php?id=14">Juvia Lockser | Джувия Локсар</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=115">Kinana | Кинана</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=57">Laxus Dreyar | Лексус Дреяр</a><br>
 <a href="http://ftabys.rusff.ru/profile.php?id=7">Lucy Heartfilia | Люси Хартфилия</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=49">Mest Gryder | Мест Грайдер</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=81">Mirajane Strauss | Мираджейн Штраусс</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=6">Natsu Dragneel | Нацу Драгнил</a><br>
 

 
 
</center><br><hr>

<table><tr><td style="width: 35px; "> <div class="guildim"><img src='http://vignette2.wikia.nocookie.net/fairytail/images/1/1a/Mermaid_Heels_symbol.png' height='30px;'</div></td><td><div class="guild">「 MERMAID HEEL 」</div><div class='guildidk'>РУСАЛКИН БАШМАЧОК</div></td></tr></table>
 <center>
<a href="http://ftabys.rusff.ru/profile.php?id=112">Миллианна | Millianna</a><br>


</center>

</div></td><td style="width: 250px; vertical-align: top"><div>
<table><tr><td style="width: 35px; "> <div class="guildim"><img src='http://s3.uploads.ru/7cwtN.png' height='30px;'</div></td><td><div class="guild">「 SABERTOOTH 」</div><div class='guildidk'>САБЛЕЗУБЫЙ ТИГР</div></td></tr></table>
<center>
<a href="http://ftabys.rusff.ru/profile.php?id=106">Yukino Aguria | Юкино Агрия</a><br> 
 
</center><br><hr>

<table><tr><td style="width: 35px; "> <div class="guildim"><img src='http://s6.uploads.ru/t/2AKme.png' height='30px;'</div></td><td><div class="guild">「 Lamia Scale 」</div><div class='guildidk'>Чешуя Змеи Девы</div></td></tr></table>
<center>

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



<div class='somacont' style="height:170px; "><div class='somablock' style='top:0px; left:0px; height:170px;'><div class='somaimageblock' style='border: 0px double #d5b0b1; padding: 0px 0 0 0px'><img src='http://i.imgur.com/XWQgcXJ.png' ></div><br><center><div class='somatitles'  style="top:50px; left:65px"><div style="font-size: 28px;">「 независимые 」</div></div></center><div class='somainfo' style="height:170px;"><div class='somawordsha' style="height:170px;"><div style="padding: 10px 10px 0px 10px">



<table><tr><td style="width: 140px;"> <div class="guildim" style="margin-left: 90px"><img src='http://vignette1.wikia.nocookie.net/fairytail/images/4/48/Crime_Sorci%C3%A8re_Symbol.png' height='30px;'</div></td><td><div class="guild" style="width: 220px">「 Crime Sorcière 」</div><div class='guildidk' style="width: 220px">грех ведьмы</div></td></tr></table>
<center>

<a href="http://ftabys.rusff.ru/profile.php?id=32">Erik | Эрик</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=3">Jellal Fernandes| Джерар Фернандес</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=51">Macbeth | Макбет</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=113">Ultear Milkovich | Ультир Милкович</a><br>


</center>
<br><hr>

<table><tr><td style="width: 140px;"> <div class="guildim" style="margin-left: 90px"><img src='http://www.clipartkid.com/images/302/dragon-head-silhouette-red-clip-art-at-clker-com-vector-clip-art-mwKBCe-clipart.png' height='30px;'</div></td><td><div class="guild" style="width: 220px">「 DRAGONS 」</div><div class='guildidk' style="width: 220px">ДРАКОНЫ</div></td></tr></table>
<br>
</div>




</div></div></div></div>




<div class='somacont' style="height:200px; "><div class='somablock' style='top:0px; left:0px; height:200px;'><div class='somaimageblock' style='border: 0px double #d5b0b1; padding: 0px 0 0 0px'><img src='http://i.imgur.com/Du28E3U.png' ></div><br><center><div class='somatitles'  style="top:50px; left:65px"><div style="font-size: 28px;">「 темные 」</div><br>гильдии королевства фиор </div></center><div class='somainfo' style="height:200px;"><div class='somawordsha' style="height:200px;"><div style="padding: 10px 10px 0px 10px">


<table><tr><td style="width: 250px; vertical-align: top"><div>

<table><tr><td style="width: 35px; "> <div class="guildim"><img src='http://vignette3.wikia.nocookie.net/fairytailfanon/images/4/4e/Tartarus_symbol.png' height='30px;'</div></td><td><div class="guild">「 TARTAROS 」</div><div class='guildidk'>
ТАРТАРОС
</div></td></tr></table><center>
 </center><br><hr>

</div></td><td style="width: 250px; vertical-align: top"><div>






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


</div></div></div></div></div>


<div class='somacont' style="height:170px; "><div class='somablock' style='top:0px; left:0px; height:170px;'><div class='somaimageblock' style='border: 0px double #d5b0b1; padding: 0px 0 0 0px'><img src='http://i.imgur.com/6H9Cx6q.png' ></div><br><center><div class='somatitles'  style="top:35px; left:65px"><div style="font-size: 28px;">「 магический совет 」</div><br>и жители полуострова ишгар </div></center><div class='somainfo' style="height:170px;"><div class='somawordsha' style="height:170px;"><div style="padding: 10px 10px 0px 10px">

<center>
 </center>

<table><tr><td style="width: 140px;"> <div class="guildim" style="margin-left: 90px"><img src='http://vignette2.wikia.nocookie.net/fairytail/images/0/01/Magic_Council_Symbol.png' height='30px;'</div></td><td><div class="guild" style="width: 220px">「 Magic Council 」</div><div class='guildidk' style="width: 220px">Магический Совет</div></td></tr></table>

<center>

</center>
</div>
</div></div></div>
</div>


<div class='somacont' style="height:200px; "><div class='somablock' style='top:0px; left:0px; height:200px;'><div class='somaimageblock' style='border: 0px double #d5b0b1; padding: 0px 0 0 0px'><img src='http://i.imgur.com/cLdjA6H.png' ></div><br><center><div class='somatitles'  style="top:50px; left:65px"><div style="font-size: 28px;">「 империя арболес 」</div><br>и жители аракиташия</div></center><div class='somainfo' style="height:200px;"><div class='somawordsha' style="height:200px;"><div style="padding: 10px 10px 0px 10px">

<table><tr><td style="width: 140px;"> <div class="guildim" style="margin-left: 90px"><img src='http://vignette3.wikia.nocookie.net/fairytail/images/f/fc/Alvarez.png' height='30px;'</div></td><td><div class="guild" style="width: 220px">「 Alvarez Empire 」</div><div class='guildidk' style="width: 220px">Империя Арболес</div></td></tr></table>
<center>

 <a href="http://ftabys.rusff.ru/profile.php?id=71">God Serena | Бог Серена</a><br>
<a href="http://ftabys.rusff.ru/profile.php?id=72">Larcade Dragneel | Ларкейд Драгнил</a><br>
 </center>
</div></div></div></div></div>


</center><br><br>
<center><div class="title2">ВПИСАТЬ ГИЛЬДИЮ</div></center><br>
Код:
<table><tr><td style="width: 35px; "> <div class="guildim"><img src='ГЕРБ ГИЛЬДИИ НА ПРОЗРАЧНОМ ФОНЕ' height='30px;'</div></td><td><div class="guild">「 НАЗВАНИЕ НА ЛАТИНИЦЕ 」</div><div class='guildidk'>НАЗВАНИЕ НА КИРИЛЛИЦЕ</div></td></tr></table>
Код:
<!--HTML--><center><div class="title2">ВПИСАТЬ ПЕРСОНАЖА</div></center><br>
Код:
<a href="ССЫЛКА НА ПРОФИЛЬ">Имя на латинице | Имя на кириллице</a><br>