Код:
<!--HTML--><style>.post .facetopic {width: 550px; padding: 0; background: url(http://i.imgur.com/OjcHkZp.png) no-repeat; height: 620px; margin-top: 10px!important; margin-left: 40px;} .facenote {position: absolute; text-align: justify; font-size: 15px; font-family: Tahoma; line-height: 92%; color:#00000; width: 485px; height: 125px; overflow: auto; margin-top: 55px!important; margin-left: 33px;} .facehead {position: absolute; color: #8d672d!important; font-family: 'Airport'; font-size: 20px; text-align: center; margin-top: 10px; margin-bottom: 5px; margin-left: 220px; font-weight: 700; text-shadow: 1px 1px 0px #170800;} .facecont {position: absolute; margin-top: 242px; margin-left: 32px;} </style> <style> .post .container1 {width: 485px; margin: 0 auto; padding: 0;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 40px; width: 440px; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 40px; line-height: 40px; border: 0px; border-top: 0px dotted #000000; border-bottom: 0px dotted #000000; border-right: 0px dotted #000000; border-left: 0px dotted #000000; margin-bottom: -2px; background: url(); overflow: hidden; position: relative; } ul.tabs li a { text-decoration: none; color: transparent; display: block; padding: 0 5px; background: url(); outline: none; font-family: 'Airport'; font-size: 18px; width: 150px; text-align: center; } ul.tabs li a:hover { background: url(); border-bottom: 0px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; } .post html ul.tabs li.active { background: url(); border-bottom: 0px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; } .post html ul.tabs li.active a:hover { background: url(); border-bottom: 0px solid #160f0a;} .post .tab_container1 { clear: both; float: left; width: 485px; height: 290px; overflow: auto; background-image : url(); border-bottom: 0px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .post .tab_content { padding: 5px; } .post .tab_content h2 { font-weight: normal; padding-bottom: 2px; border-bottom: 0px dashed #000000; } </style> <div class="facetopic"> <div class="facehead">внешности, имена, фамилии</div> <div class="facenote"> Код для заполнения занятой внешности - внешность (англ) | <*a href="ссылка на профиль">ваш ник<*/a*> (не забудьте убрать звёздочки и заключить всё в код (!) Имена и фамилии канонов автоматически вносятся в списки занятых, для неканонов предлагается выкупать их, если вы не хотите повторения. Повторения выкупленных имён и фамилий запрещены и в том случае, когда совпадает произношение, но не совпадает написание, например, у нас есть Katherine, значит Catherine уже быть не может. </div> <div class="facecont"> <div class="container"> <div class="html-box"> <ul class="tabs"> <li class="active"><a href="#tab1">Внешности</a></li> <li><a href="#tab2">Имена</a></li> <li><a href="#tab3">Фамилии</a></li> </ul> <div class="tab_container1"> <div style="display: block; .post; " id="tab1" class="tab_content"> <table> <tr> <td> <center><b>A • B • C • D</b></center><br> Adriana Lima | <a href="https://deliriumtvd.rusff.me/profile.php?id=240">Chrystelle Leroux</a> <br>Anya Taylor-Joy | <a href="https://deliriumtvd.rusff.me/profile.php?id=490">Joy Hunter</a> <br>Candice Accola | <a href="https://deliriumtvd.rusff.me/profile.php?id=186">Caroline Forbes</a> <br>Claire Holt | <a href="https://deliriumtvd.rusff.me/profile.php?id=9">Rebekah Mikaelson</a><br> <br><br> <center><b>E • F • G • H</b></center><br> Eiza González | <a href="https://deliriumtvd.rusff.me/profile.php?id=35">Bianca Benefici</a> <br>Elizabeth Olsen | <a href="https://deliriumtvd.rusff.me/profile.php?id=316">Amyline Barns</a> <br>Frida Gustavson | Vivien Space (погибла) <br>Gal Gadot | <a href="https://deliriumtvd.rusff.me/profile.php?id=501">Nadia Petrova</a> <br><br> <center><b>I • J • K • L</b></center><br> Katherine McNamara | <a href="https://deliriumtvd.rusff.me/profile.php?id=410">Mirela Huntington</a> <br>Lara Pulver | Dahlia (убита) <br>Laura Vandervoort | <a href="https://deliriumtvd.rusff.me/viewtopic.php?id=1486#p203917">Minna Schiller</a> <br>Lily Collins | <a href="https://deliriumtvd.rusff.me/profile.php?id=439">Cynthia Rivers</a> <br> <center><b>M • N • O • P</b></center><br> Margot Robbie | <a href="https://deliriumtvd.rusff.me/profile.php?id=399">Frederica Neumann</a><br> <br>Natalie Dormer | Freya Mikaelson (спит в гробу) <br>Nina Dobrev | <a href="https://deliriumtvd.rusff.me/profile.php?id=5">Elena Gilbert</a> <br>Nina Dobrev | <a href="https://deliriumtvd.rusff.me/profile.php?id=505">Katherine Pierce</a> <br>Park Yong Hee | Mia Adler (убита) <br><br> <center><b>Q • R • S • T • U</b></center><br> Taylor Swift | <a href="https://deliriumtvd.rusff.me/profile.php?id=478">Margaret Keenan</a><br> <br><br> <center><b>V • W • X • Y • Z</b></center><br> - <br><br> </td> <td> <center><b>A • B • C • D</b></center><br> Cole Sprouse | <a href="https://deliriumtvd.rusff.me/profile.php?id=491">Joachim Birch</a><br> <br> <br><br> <center><b>E • F • G • H</b></center><br> Eddie Redmayne| <a href="https://deliriumtvd.rusff.me/profile.php?id=488">Dorian Woodville </a><br> Henry Cavill | Alec Crane (убит) <br> <br> <br> <br> <br><br> <center><b>I • J • K • L</b></center><br> <br> <br> <br><br> <center><b>M • N • O • P</b></center><br> <br>Max Theriot | Jonathan Bishop (убит) <br>Paul Wesley | <a href="https://deliriumtvd.rusff.me/profile.php?id=502">Stefan Salvatore</a> <br> <br> <br> <br><br> <center><b>Q • R • S • T • U</b></center><br> Theo James | <a href="https://deliriumtvd.rusff.me/profile.php?id=34">Richard Attwood</a><br> Tom Ellis | <a href="https://deliriumtvd.rusff.me/profile.php?id=498">Alastor McDonald</a> <br><br> <center><b>V • W • X • Y • Z</b></center><br> <br><br> </td> </tr></table> </div> <div style="display: none;" id="tab2" class="tab_content"> <table> <tr> <td> <center><b>FEMALE</b></center><br> <center><b>A - L</b><br> Bianca <br>Bonnie <br>Caroline <br>Chrystelle <br>Dahlia <br>Davina <br>Elena <br>Esther <br>Freya <br>Hayley <br>Josette <br>Katherine</center> <br><center><b>M - Z</b><br> Nadia <br>Rebekah</center> </td> <td> <center><b>MALE</b></center><br> <center><b>A - L</b><br> Alaric<br> Damon <br>Elijah <br>Jeremy <br>Kai <br>Kol <br>Lorenzo</center> <br><center><b>M - Z</b><br> Matt <br>Niklaus <br>Stefan <br>Tyler <br>Richard</center> </td> </tr> </table> </div> <div style="display: none;" id="tab3" class="tab_content"> <table> <tr> <td> <center><b>A - L</b><br> Attwood <br> Benefici <br>Bennett <br>Claire <br>Donovan <br>Forbes <br>Gilbert <br>Laughlin <br>Leroux <br>Lockwood</center> </td> <td> <center><b>M - Z</b><br> Marshal <br>Mikaelson <br>Parker <br>Petrova <br>Pierce Saltzman <br>Salvatore <br>St. John</center> </td> </tr> </table> </div> </div> </div> </div> </div> </div>