Znajdź zawartość

Witam ! Otóż postanowiłem dodać poradnik jak zrobić tabelę serwerów na forum, ale nie zwykłą lecz wysuwaną. Więc do rzeczy. Chcesz posiadać tabelę serwerów jak na załączonych obrazkach ? Czytaj dalej ACP Wygląd Skiny i szablony (wybierz skin) Zarządzaj szablonami i CSS-em Szablony Główne Szablony globalTemplate Znajdź: </head> Dodaj przed : <style type="text/css"> #wysuwane { background: url("http://twojastrona.pl/bg_serwery.png") no-repeat scroll 0 0 transparent; backgriund: #2b2b2b; padding: 10px; width: 980px; height: 400px; position: fixed; margin-top: -100px; /*połowa wysokości panelu w górę */ left: 0px; top: 40%; } .zamknij { background-position: 0px 0px -241px 0px; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#wysuwane").css("left","-938px"); $("#wysuwane").hover( function () { $("#wysuwane").animate({left: "0px"}, 400 ); $(this).addClass("zamknij"); }, function () { $("#wysuwane").animate({left: "-938px"}, 400 ); $(this).removeClass("zamknij"); } ); }); </script> <!--[if lt IE 8]> <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script> <![endif]--> Znajdź: </body> Dodaj przed (przykładowy kod/tabela): <div id="wysuwane"> <div id="wewnatrz" style="float: left; width: 925px; margin-left: 0px;"> <table border="0" width="925" cellspacing="0"> <tr align="center" style="font-weight: bold; font-size: 12px; color: #fff;"> <td>Nazwa Serwera</td> <td>IP</td> <td>Status</td> <td>Sloty</td> <td>Bany</td> <td>Staty</td> <td>Dema</td> </tr> <tr align="center" style="font-weight: bold; font-size: 11px; color: #fff;"> <td>cs-SopliCa [TeamPlay]</td> <td>195.2.255.188:27026</td> <td><a href="http://www.gametracker.com/server_info/195.2.255.188:27026/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/195.2.255.188:27026/b_350_20_FFFFFF_FFFFFF_000000_000000.png" border="0" width="350" height="20" alt=""/></a></td> <td>18</td> <td><img src='http://img18.imageshack.us/img18/3370/banyf.png' border='0'/></td> <td><img src='http://img21.imageshack.us/img21/1298/21627328.png' border='0'/></td> <td><img src='http://img205.imageshack.us/img205/1739/hltvw.png' border='0'/></td> </tr> <tr align="center" style="font-weight: bold; font-size: 11px; color: #fff;"> <td>cs-SopliCa [Free For All]</td> <td>195.2.255.122:27025</td> <td><a href="http://www.gametracker.com/server_info/195.2.255.122:27025/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/195.2.255.122:27025/b_350_20_FFFFFF_FFFFFF_000000_000000.png" border="0" width="350" height="20" alt=""/></a></td> <td>25</td> <td><img src='http://img18.imageshack.us/img18/3370/banyf.png' border='0'/></td> <td><img src='http://img21.imageshack.us/img21/1298/21627328.png' border='0'/></td> <td><img src='http://img205.imageshack.us/img205/1739/hltvw.png' border='0'/></td> </tr> <tr align="center" style="font-weight: bold; font-size: 11px; color: #fff;"> <td>cs-SopliCa [PaintBall]</td> <td>195.114.0.95:27033</td> <td><a href="http://www.gametracker.com/server_info/195.114.0.95:27033/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/195.114.0.95:27033/b_350_20_FFFFFF_FFFFFF_000000_000000.png" border="0" width="350" height="20" alt=""/></a></td> <td>30</td> <td><img src='http://img18.imageshack.us/img18/3370/banyf.png' border='0'/></td> <td><img src='http://img21.imageshack.us/img21/1298/21627328.png' border='0'/></td> <td><img src='http://img205.imageshack.us/img205/1739/hltvw.png' border='0'/></td> </tr> </table> </div> </div> W załączniku daję tło pod tabelę oraz .psd tła http://speedy.sh/9PJPW/Wysuwana-Tabela.rar * Autorem tutoriala jest dudeka. Zabraniam kopiowania/powielania tutoriala na inne fora bez mojej zgody ! Tutorial wykonany dla www.forum.invisionize.pl