Skocz do zawartości
  • 0
Zaloguj się, aby obserwować  
KapitanDupa

Tabela serwerów HTML

Pytanie

Hello, chciałbym taką tabelkę jak http://cs-glue.pl/

Wiem, że to jest HTML, zrobiłem u siebie nieco tabelki, ale nie ma pomiędzy poszczególnymi elementami.. Ponadto nie mam tej belki u góry, jeśli ktoś zrobiłby mi taką tabelkę na wzór tej na tej stronce co podałem to byłoby fajnie.. ;p

A no i oczywiście chciałbym mieć odnośniki do HLTV, Gametrackera i do połączenia steam.

Edytowano przez KapitanDupa

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

6 odpowiedzi na to pytanie

Polecane posty

  • 0

Upload v2

<div id="category_0" class="category_block block_wrap">
<h3 class="maintitle">








<a class="toggle right" href="#" title="Zmień widoczność %s">Zmień widoczność %s</a>








Serwery Cs-24h.eu
</h3>
<div class="ipsBox table_wrap" style="cursor: help" title="">
<div class="ipsBox_container" style="cursor:auto" title="">
<table class="ipb">
<tbody><tr>
<td>
<table align="center" width="95%" id="serwery3m" cellpadding="3" cellspacing="1" class="boxes">
<tbody><tr class="header">
<td align="center" width="27%">Mod</td>
<td align="center" width="27%">Monitoring</td>
<td align="center" width="27%">IP</td>
<td align="center" width="27%">Sloty</td>
<td align="center" width="27%">Połącz</td>
<td align="center" width="27%">HLTV</td>
</tr>
<tr>
<td align="center" width="2%"><b>NAZWA MODYFIKACJI SERWERA</b></td>
<td align="center" width="2%"><a href="LINK DO GAMETRACKERA SERWERA" target="_blank"><img src="LINK DO MONITORA GAMETRACKERA" border="0" width="350" height="20" alt=""></a></td>
<td align="center" width="2%"><b>IP SERWERA</b></td>
<td align="center" width="2%"><b>ILOŚĆ SLOTÓW</b></td>
<td style="text-align:center" width="4%"><a target="" href="steam://connect/IP SERWERA" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><img src="http://cs-spark.eu/others/tabela/other/icon_steam.png"></a></td>
<td style="text-align:center" width="4%"><a target="" href="LINK DO HLTV" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><img src="http://cs-spark.eu/others/tabela/other/icon_hltv.png"></a></td>
</tr>




<tr class="notnew" style="table-layout:fixed">
<td align="center" width="2%"><b>NAZWA MODYFIKACJI SERWERA</b></td>
<td align="center" width="2%"><a href="LINK DO GAMETRACKERA SERWERA" target="_blank"><img src="LINK DO MONITORA GAMETRACKERA" border="0" width="350" height="20" alt=""></a></td>
<td align="center" width="2%"><b>IP SERWERA</b></td>
<td align="center" width="2%"><b>ILOŚĆ SLOTÓW</b></td>
<td style="text-align:center" width="4%"><a target="" href="steam://connect/IP SERWERA" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><img src="http://cs-spark.eu/others/tabela/other/icon_steam.png"></a></td>
<td style="text-align:center" width="4%"><a target="" href="LINK DO HLTV" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><img src="http://cs-spark.eu/others/tabela/other/icon_hltv.png"></a></td>
</tr>








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

Odstępy teraz są prawidłowe lecz nie będą "równe", gdyż monitoring jest szerszy niż na przykład ilość slotów, to się mówi samo przez się. Obrazki dodane. Nad liniami trzeba by popracować bo to nie lgsl, ani nie gameQ

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0
<div id="category_0" class="category_block block_wrap">
<h3 class="maintitle">


<a class="toggle right" href="#" title="Zmień widoczność %s">Zmień widoczność %s</a>


Serwery Cs-24h.eu
</h3>
<div class="ipsBox table_wrap" style="cursor: help" title="">
<div class="ipsBox_container" style="cursor:auto" title="">
<table class="ipb">
<tbody><tr>
<td>
<table align="center" width="95%" id="serwery3m" cellpadding="3" cellspacing="1" class="boxes">
<tbody><tr bgcolor="#171717">
<td align="center" width="27%">Mod</td>
<td align="center" width="43%">Monitoring</td>
<td align="center" width="20%">IP</td>
<td align="center" width="43%">Sloty</td>
<td align="center" width="5%">Połącz</td>
<td align="center" width="5%">HLTV</td>
</tr>


<tr>
<td align="center" width="2%"><b>NAZWA MODYFIKACJI SERWERA</b></td>
<td align="center" width="2%"><a href="LINK DO GAMETRACKERA SERWERA" target="_blank"><img src="LINK DO MONITORA GAMETRACKERA" border="0" width="350" height="20" alt=""></a></td>
<td align="center" width="2%"><b>IP SERWERA</b></td>
<td align="center" width="2%"><b>ILOŚĆ SLOTÓW</b></td>
<td style="text-align:center" width="4%"><a target="" href="steam://connect/IP SERWERA" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><span class="desc">Połącz</span></a></td>
<td style="text-align:center" width="4%"><a target="" href="LINK DO HLTV" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><span class="desc">HLTV</span></a></td>
</tr>


<tr>
<td align="center" width="2%"><b>NAZWA MODYFIKACJI SERWERA</b></td>
<td align="center" width="2%"><a href="LINK DO GAMETRACKERA SERWERA" target="_blank"><img src="LINK DO MONITORA GAMETRACKERA" border="0" width="350" height="20" alt=""></a></td>
<td align="center" width="2%"><b>IP SERWERA</b></td>
<td align="center" width="2%"><b>ILOŚĆ SLOTÓW</b></td>
<td style="text-align:center" width="4%"><a target="" href="steam://connect/IP SERWERA" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><span class="desc">Połącz</span></a></td>
<td style="text-align:center" width="4%"><a target="" href="LINK DO HLTV" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><span class="desc">HLTV</span></a></td>
</tr>


</tbody></table>
</td></tr></tbody></table></div></div></div>
 
Dodałem Ci jeszcze połączenie steam z serwerem :). Po podmieniaj wszystko na prawidłowe dane i będzie ładnie. Testowane. 
Edytowano przez MatFii

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

Tabela całkiem okej, ale chciałbym jeszcze do niej dodać te linie, które są pomiędzy poszczególnymi serwerami w tabeli golusia i równe odstępy w każdej belce, a nie każda ma inną szerokość..  Dodatkowo chciałbym wstawić w nią sam odnośniki do "steam" "HLTV" (obrazki)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
  • 0

Okej, póki co zrobiłem tak:

<!-- POCZATEK TABELI SERWEROW -->


<div id="category_0" class="category_block block_wrap">
<h3 class="maintitle">
<a class="toggle right" href="#" title="Zmień widoczność %s">Zmień widoczność %s</a>

Serwery
</h3>
<div class="ipsBox table_wrap" style="cursor:auto" title="">
<div class="ipsBox_container" style="cursor:auto" title="">
<table class="ipb">
<tbody><tr>
<td>
<table align="center" width="95%" id="serwery3m" cellpadding="3" cellspacing="1" class="boxes">
<tbody><tr class="header">
<td align="center" width="5%">ID</td>
<td align="center" width="22%">Mod</td>
<td align="center" width="43%">Monitoring</td>
<td align="center" width="20%">IP</td>
<td align="center" width="43%">Sloty</td>
<td align="center" width="5%">Połącz</td>
<td align="center" width="5%">HLTV</td>
</tr>
<tr>
<td align="center" width="2%"><b>1</b></td>
<td align="center" width="2%"><b>FFA</b></td>
<td align="center" width="2%"><a href="http://www.gametracker.com/server_info/31.186.82.137:27061/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/31.186.82.137:27061/b_350_20_221C1C_0F0E0E_4D66F0_000000.png" border="0" width="350" height="20" alt=""></a></td>
<td align="center" width="2%"><b>31.186.82.137:27061</b></td>
<td align="center" width="2%"><b>17</b></td>
<td style="text-align:center" width="4%"><a target="" href="steam://connect/31.186.82.137:27061" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><img src="http://cs-24h.eu/public/style_images/carbon_blue/icon_steam.png"></a></td>
<td style="text-align:center" width="4%"><a target="" href="http://237392.hltv1.pukawka.pl/" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><img src="http://cs-24h.eu/public/style_images/carbon_blue/icon_hltv.png"></a></td>
</tr>


<tr class="notnew" style="table-layout:fixed">
<td align="center" width="2%"><b>2</b></td>
<td align="center" width="2%"><b>COD:MW3</b></td>
<td align="center" width="2%"><a href="http://www.gametracker.com/server_info/31.186.82.137:27441/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/31.186.82.137:27441/b_350_20_221C1C_0F0E0E_4D66F0_000000.png" border="0" width="350" height="20" alt=""></a></td>
<td align="center" width="2%"><b>31.186.82.137:27441</b></td>
<td align="center" width="2%"><b>17</b></td>
<td style="text-align:center" width="4%"><a target="" href="steam://connect/31.186.82.137:27441" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><img src="http://cs-24h.eu/public/style_images/carbon_blue/icon_steam.png"></a></td>
<td style="text-align:center" width="4%"><a target="" href="http://241173.hltv2.pukawka.pl/" class="ipsButton_secondary" style="font-size: 0.8em;padding: 0 5px;"><img src="http://cs-24h.eu/public/style_images/carbon_blue/icon_hltv.png"></a></td>
</tr>

<tr class="notnew" style="table-layout:fixed">
<td align="center" width="2%"><b>3</b></td>
<td align="center" width="2%"><b>DM/RACE</b></td>
<td align="center" width="2%"><a href="http://www.game-state.eu/93.186.195.58:22081/" target="_blank"><img src="http://www.game-state.eu/93.186.195.58:22081/350x20_4D66F0_4D66F0_0F0E0E_000000.png" border="0" width="350" height="20" alt=""></a></td>
<td align="center" width="2%"><b>93.186.195.58:22081</b></td>
<td align="center" width="2%"><b>15</b></td>

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


<!-- KONIEC TABELI SERWERóW --> 

Myślę, że na razie będzie dobrze. :) Dzięki wielkie.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Gość
Temat jest zablokowany i nie można w nim pisać.
Zaloguj się, aby obserwować  

  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

×

Ważne informacje

Kontynuując przeglądanie strony, wyrażasz zgodę na używanie przez nas plików cookies.