Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Wysuwana tabela serwerów !

dudeka

Przez dudeka
w Tutoriale i porady

 Udostępnij

Rekomendowane odpowiedzi

  • Ta odpowiedź cieszy się zainteresowaniem.
dudeka Współpracownik

dudeka

Opublikowano
  • Ta odpowiedź cieszy się zainteresowaniem.
Opublikowano

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 :)

demozq.th.png demo2j.th.png

ACP :a: Wygląd :a: Skiny i szablony :a:(wybierz skin) :a: Zarządzaj szablonami i CSS-em :a: Szablony :a: Główne Szablony :a: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

  • Lubię to 9
Odnośnik do komentarza
Udostępnij na innych stronach
  • 2 tygodnie później...
  • 1 miesiąc temu...
  • 3 tygodnie później...
Skubaniec Współpracownik

Skubaniec

Opublikowano
Opublikowano

Dodałem to i teraz strasznie zmulone to ;/

Tzn. SB i reszta działa ale jak najade na SERWERY wyjedzie to okienko ale pozniej nie chce się shować ;/

Można to jakoś zrobić tak że wyjedzie dopiero po kliknięciu myszką ? A schowa się automatycznie ?

Mają tak zrobione tutaj z FB:

www.sourcemania.pl

Odnośnik do komentarza
Udostępnij na innych stronach
  • 2 tygodnie później...
Lajtowyyy Uczeń

Lajtowyyy

Opublikowano
Opublikowano (edytowane)

Poradziłem sobie już. Takim kodem tabelka wysuwa się i chowa po kliknięciu.


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 <script type="text/javascript">
 jQuery.noConflict();
jQuery(function(){
jQuery("#wysuwane").css("left","-938px");
jQuery("#wysuwane").toggle(
function () {
jQuery("#wysuwane").animate({left: "0px"}, 400 );
jQuery(this).addClass("zamknij");
}, function () {
jQuery("#wysuwane").animate({left: "-938px"}, 400 );
jQuery(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]-->

I poprawcie w 1 poście dudeki kod, bo w CODE linki są źle podane, tzn. nie ma ich całych i dlatego też tabelka źle będzie działać :)

Edytowane przez Lajtowyyy
  • Lubię to 2
Odnośnik do komentarza
Udostępnij na innych stronach
  • 2 tygodnie później...
  • 3 miesiące temu...
  • 1 rok później...

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.