Код:
<!--HTML--> <div class="sfon"> <div id="tot"> <div class="six"> <div class="text">### zabey svoye </div> <div class="textcod"> <a href="ссылка"> внешность</a> » ник <br> <br><br><br> <a href="ссылка"> имя (сокращение)</a> » имя (сокращение)<br> <br><br><br> <a href="ссылка"> фамилия</a> » фамилия <br> <br><br> </div> </div> <div class="lougall1-tabs"> <div style =" background-color: #000; background: url(https://s.tcdn.co/5a3/9eb/5a39eb4e-b72c-37b2-a9b0-a9eeab73d837/192/7.png); width: 120px; height: 120px; background-size: 100%!important; margin-left: 0px; margin-top: -87px;"></div> <div class='tab'><input type='radio' id='tab-1' name='tab-group-1'checked><label for='tab-1'><div class='hovsur'><div class='hovi'>внешности</div></div></label><div class='content'> <table> <tbody> <tr> <td> <div class="zg">L A D I E S</div> </td> <td> <div class="zg">G E N T L E M E N</div> </td> </tr> <tr> <td colspan="2"> <div class="alf">A - B - C - D</div> </td> </tr> <tr> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=18">Dakota Johnson</a> » Vanessa Leroy<br> <a href="ссылка">внешность</a> » ник <br> </div> </td> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=9">chris hemsworth</a> » Richard Lane<br> <a href="http://thenorth.rusff.me/profile.php?id=24"> Conor McGregor</a> » Jerry Tucker<br> </div> </td> </tr> <tr> <td colspan="2"> <div class="alf">E - F - G - H</div> </td> </tr> <tr> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=6">Emilia Clarke</a> » Charlie Cooper <br> <a href="http://thenorth.rusff.me/profile.php?id=10"> Emma Dumont</a> » Harriet Hawke <br> </div> </td> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=11"> Ezra Miller</a> » Blaise Chenier <br> <a href="ссылка">внешность</a> » ник <br> </div> </td> </tr> <tr> <td colspan="2"> <div class="alf">I - J - K - L</div> </td> </tr> <tr> <td> <div class="okna"> <a href="ссылка">внешность</a> » ник <br> <a href="ссылка">внешность</a> » ник <br> </div> </td> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=8">Jamie Dornan</a> » Clay Leroy<br> <a href="ссылка">внешность</a> » ник <br> </div> </td> </tr> <tr> <td colspan="2"> <div class="alf">M - N - O - P</div> </td> </tr> <tr> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=5">Margot Robbie</a> » Maya Kane<br> <a href="http://thenorth.rusff.me/profile.php?id=3">Megan Fox</a> » Georgia Bailey <br> <a href="http://thenorth.rusff.me/profile.php?id=25"> Olga Seryabkina</a> » Molly Gilbert<br> </div> </td> <td> <div class="okna"> <a href="ссылка">внешность</a> » ник <br> <a href="ссылка">внешность</a> » ник <br> </div> </td> </tr> <tr> <td colspan="2"> <div class="alf">Q - R - S - T</div> </td> </tr> <tr> <td> <div class="okna"> <a href="ссылка">внешность</a> » ник <br> <a href="ссылка">внешность</a> » ник <br> </div> </td> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=16"> Robert Downey Jr</a> » Tony Hawke<br> <a href="http://thenorth.rusff.me/profile.php?id=20"> Ryan Reynolds</a> » Vincent Chase<br> <a href="http://thenorth.rusff.me/profile.php?id=12"> timothée chalamet</a> » jamie harbour <br> <a href="http://thenorth.rusff.me/profile.php?id=7">Tom Holland</a> » Zac Morales<br> </div> </td> </tr> <tr> <td colspan="2"> <div class="alf">U -V - W -X</div> </td> </tr> <tr> <td> <div class="okna"> <a href="ссылка">внешность</a> » ник <br> <a href="ссылка">внешность</a> » ник <br> </div> </td> <td> <div class="okna"> <a href="ссылка">внешность</a> » ник <br> <a href="ссылка">внешность</a> » ник <br> </div> </td> </tr> <tr> <td colspan="2"> <div class="alf">Y - Z</div> </td> </tr> <tr> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=14"> zendaya </a> » Daniel LeBaue <br> <a href="ссылка">внешность</a> » ник <br> </div> </td> <td> <div class="okna"> <a href="ссылка">внешность</a> » ник <br> <a href="ссылка">внешность</a> » ник <br> </div> </td> </tr> </tbody> </table> </div></div> <div class='tab'><input type='radio' id='tab-2' name='tab-group-1'><label for='tab-2'><div class='hovsur'><div class='hovi'>имена</div></div></label><div class='content'> <table> <tbody> <tr> <td> <div class="alf">A - B - C - D</div> </td> <td> <div class="alf">E - F - G - H</div> </td> </tr> <tr> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=11">Blaise</a> » Блейс<br> <a href="http://thenorth.rusff.me/profile.php?id=6">Charlotte (Charlie)</a> » Шарлотта (Чарли)<br> <a href="http://thenorth.rusff.me/profile.php?id=14"> Daniel (Dany)</a> » Даниэль (Дани)<br> </div> </td> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=3">Georgia (Joe)</a> » Джорджия (Джо)<br> <a href="http://thenorth.rusff.me/profile.php?id=10"> Harriet (Harry)</a> » Гарриет (Гарри)<br> </div> </td> </tr> <tr> <td> <div class="alf">I - J - K - L</div> </td> <td> <div class="alf">M - N - O - P</div> </td> </tr> <tr> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=5">Maya</a> » Мая<br> <a href="ссылка">имя (сокращение)</a> » имя (сокращение)<br> </div> </td> <td> <div class="okna"> <a href="ссылка">имя (сокращение)</a> » имя (сокращение)<br> <a href="ссылка">имя (сокращение)</a> » имя (сокращение)<br> </div> </td> </tr> <tr> <td> <div class="alf">Q - R - S - T</div> </td> <td> <div class="alf">U -V - W -X</div> </td> </tr> <tr> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=9">Richard (Richie)</a> » Ричард (Ричи)<br> <a href="http://thenorth.rusff.me/profile.php?id=16">Tony</a> » Тони<br> <a href="ссылка">имя (сокращение)</a> » имя (сокращение)<br> </div> </td> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=18">Vanessa</a> » Ванесса<br> <a href="http://thenorth.rusff.me/profile.php?id=20"> Vincent (Vinnie)</a> » Винсент (Винни) <br> </div> </td> </tr> <tr> <td colspan="2"> <div class="alf">Y - Z</div> </td> </tr> <tr> <td colspan="2"> <center><div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=7">Zackary (Zac)</a> » Закари (Зак)<br> <a href="ссылка">имя (сокращение)</a> » имя (сокращение)<br> </div></center> </td> </tr> </tbody> </table> </div></div> <div class='tab'><input type='radio' id='tab-3' name='tab-group-1'><label for='tab-3'><div class='hovsur'><div class='hovi'>фамилии</div></div></label><div class='content'> <table> <tbody> <tr> <td> <div class="alf">A - B - C - D</div> </td> <td> <div class="alf">E - F - G - H</div> </td> </tr> <tr> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=3">Bailey</a> » Бэйли<br> <a href="http://thenorth.rusff.me/profile.php?id=6">Cooper</a> » Купер<br> </div> </td> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=10"> Hawke</a> » Хоук <br> <a href="ссылка">фамилия</a> » фамилия <br> </div> </td> </tr> <tr> <td> <div class="alf">I - J - K - L</div> </td> <td> <div class="alf">M - N - O - P</div> </td> </tr> <tr> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=9">Lane</a> » Лейн <br> <a href="http://thenorth.rusff.me/profile.php?id=14"> LeBaue</a> » Лебо <br> <a href="http://thenorth.rusff.me/profile.php?id=18">Leroy</a> » Лерой<br> </div> </td> <td> <div class="okna"> <a href="http://thenorth.rusff.me/profile.php?id=7"> Morales </a> » Моралез <br> <a href="ссылка">фамилия</a> » фамилия <br> </div> </td> </tr> <tr> <td> <div class="alf">Q - R - S - T</div> </td> <td> <div class="alf">U -V - W -X</div> </td> </tr> <tr> <td> <div class="okna"> <a href="ссылка">фамилия</a> » фамилия <br> <a href="ссылка">фамилия</a> » фамилия <br> </div> </td> <td> <div class="okna"> <a href="ссылка">фамилия</a> » фамилия <br> <a href="ссылка">фамилия</a> » фамилия <br> </div> </td> </tr> <tr> <td colspan="2"> <div class="alf">Y - Z</div> </td> </tr> <tr> <td colspan="2"> <center><div class="okna"> <a href="ссылка">фамилия</a> » фамилия <br> <a href="ссылка">фамилия</a> » фамилия <br> </div></center> </td> </tr> </tbody> </table> </div></div> </div> </div></div> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'> <style type="text/css"> #p2 .post-author { display:none;} #p2 .post-author { display:none;} #p2 .post-body { margin-left:0!important;} #p2 .post-sig { display:none;} #p2 .pl-email { display:none;} .zg { background-color: #c5c1a4; color: #fdfdfe; text-shadow: 1px 1px 2px #8ea0c6; font-size: 9px; text-align: center;} .alf {background-color: #716e76; color: #fdfdfe; text-shadow: 1px 1px 2px #8ea0c6; font-size: 30px; text-align: center; padding: 3px 0px 5px 0px;} .okna {color: #5f6c7c; text-shadow: 2px 2px 3px #e6e6e4; width: 222px; /* height: 123px; */ text-align: center; font-size: 11px; font-style: italic; overflow: auto; text-transform: lowercase;} .lougall1-tabs .content { overflow: auto; } .lougall1-tabs { height: 137px; } .six .textcod { top: 267px; font-size: 11px; height: 221px;} </style> <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,700italic,900,900italic' rel='stylesheet' type='text/css'> <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Oswald:400,700" rel="stylesheet">