←  Tutoriale

AMXX.pl: Support AMX Mod X i SourceMod

»

MyBB
Dobra tabelka serwerów.

  • +
  • -
ikE' - zdjęcie ikE' 07.02.2015

Tabelka Serwerów by ikE' v1.0

 

Serdecznie witam Użytkowników forum amxx.pl, zauważyłem, że temat MyBB jest strasznie mało poruszany w owym dziale, dlatego chciałbym trochę "rozruszać" forum czy też dział pod tym względem.

 

Ostatnio edytowałem pewien kod znaleziony kiedyś w internecie szukając odpowiedniej tabeli serwerów dla swoich serwerów, natknąłem się na tą, która pod pewnym względem mi się spodobała. :)  Postanowiłem zedytować ją troszeczkę i wystawić na forum. Jest to pierwszy tego typu "tutorial", i mój pierwszy post na tym forum, dlatego prosiłbym też od razu nie hejtować, co też nie oznacza, że nie przyjmę krytyki.  :giggle:

 

Przejdźmy więc do "instalacji" takowej tabeli serwerów.

 

--> Edytujemy global.css w trybie zaawansowanym, na końcu dodajemy. <--

.ike_red {
background-color: #c01919
}

.ike_bg {
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 8px;
font-weight: bold;
text-transform: uppercase;
color: white;
border-radius: 3px;
background-image: url(images/tabela_serwerow/highlight.png);
background-repeat: repeat-x;
background-position: 0 -1px;
}

--> Edytujemy szablon index, pod {$headers} dodaj <--

<table class="tborder" border="0" cellpadding="3" cellspacing="1">
<tbody><tr>
<td class="thead" colspan="8">
<strong>Nasze Serwery || Twoja_sieć_serwerów</strong>
</td>
</tr>
<tr>
<td class="tcat"><span class="smalltext"><strong></strong><center><strong><span class="ike_bg ike_red tipTip">Rodzaj</span></strong></center></span></td>
<td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>IP</strong></center></span></span></td>
<td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>Nazwa</strong></center></span></span></td>
<td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>Monitoring</strong></center></span></span>
<td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>Opiekun</strong></center></span></span>
<td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>HLTV</strong></center></span></span></td>
<td class="tcat"><span class="smalltext"><strong></strong><center><span class="ike_bg ike_red tipTip"><strong>GT</strong></center></span></span>
</tr><tr>
<td class="trow2"> <span class="smalltext"><center><img src="images/cs16.png" <="" span=""></center></span></td>
<td class="trow2"> <span class="smalltext"><center>31.186.84.219:27848</center></span></td>
<td class="trow2"> <span class="smalltext"><center>EvoGame.pl [ZOMBIE+COD]</center></span></td>
<td class="trow2"> <span class="smalltext"><center><a href="http://www.gametracker.com/server_info/31.186.84.219:27848/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/31.186.84.219:27848/b_350_20_C01919_890606_FFFFFF_000000.png" border="0" width="350" height="20" alt=""/></a></center></span></td>
<td class="trow2"> <span class="smalltext"><center><span style="text-shadow: 1px 1px 10px #FFFF00; color: #FFFF00; font-weight: bold; background: url(http://www.webmasteruj.pl/upload/files/gwiazdkiredj@_8752.gif)" original-title=""><strong>`AcTiv3 eXtreme!? / Zosia.</strong></span></center></span></td>
<td class="trow2"> <span class="smalltext"><center>BRAK</center></span></td>
<td class="trow2"> <span class="smalltext"><center><a href="http://www.gametracker.com/server_info/31.186.84.219:27848/"><img src="images/gt.png" <="" a=""></a></center></span></td>
   </tr><tr>
<td class="trow2"> <span class="smalltext"><center><img src="images/cs16.png" <="" span=""></center></span></td>
<td class="trow2"> <span class="smalltext"><center>193.33.176.125:27015</center></span></td>
<td class="trow2"> <span class="smalltext"><center>EvoGame.pl [4Fun]</center></span></td>
<td class="trow2"> <span class="smalltext"><center><a href="http://www.gametracker.com/server_info/193.33.176.125:27015/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/193.33.176.125:27015/b_350_20_C01919_890606_FFFFFF_000000.png" border="0" width="350" height="20" alt=""/></a></center></span></td>
<td class="trow2"> <span class="smalltext"><center><span style="text-shadow: 1px 1px 10px #FF0000; color: #FF0000; font-weight: bold; background: url(http://www.przemo.org/phpBB2/forum/files/gwiazdkired_409.gif)" original-title=""><strong>Eciunia</strong></span></center></span></td>
<td class="trow2"> <span class="smalltext"><center><a href="http://343945.node25.pukawka.pl/new.puk"><img src="images/hltv.png" <="" a=""></a></center></span></td>
<td class="trow2"> <span class="smalltext"><center><a href="http://www.gametracker.com/server_info/31.186.84.219:27848/"><img src="images/gt.png" <="" a=""></a></center></span></td>
</tr><tr>
</tr></tbody></table>

Wszystkie pliki graficzne, do pobrania w załączniku.

 

 

Załączone pliki

Odpowiedz

  • +
  • -
ikE' - zdjęcie ikE' 08.02.2015

-- Nie mogę edytować tematu! --

 

Jeśli ktoś będzie miał jakieś zastrzeżenia, lub problemy, piszcie i pytajcie śmiało. :)

Zamieszczam screena, z poprawnie dodaną tabelką serwerów.

 

2.png

Odpowiedz

  • +
  • -
KarlikAśki - zdjęcie KarlikAśki 08.02.2015

Fajna na pewno się przyda tylko trzeba znaleźć teraz pod to szablon.

Odpowiedz

  • +
  • -
ikE' - zdjęcie ikE' 08.02.2015

Każdy szablon myślę pasuję pod tą tabelkę, nie buguję się na żadnym.

Ja korzystałem ze stylu Carbon by baszaR, ale sprawdzałem ją również na GameSharku czy Deflectionie by EveryOne.  :)

Odpowiedz

  • +
  • -
KarlikAśki - zdjęcie KarlikAśki 08.02.2015

Czyli jak będe miał forum czarno zielone to ta tabela będzie czrno zielona?


Użytkownik KarlikAśki edytował ten post 08.02.2015 09:14
Odpowiedz

  • +
  • -
ikE' - zdjęcie ikE' 08.02.2015

Jeśli odpowiednio zmienisz CSS to tak. :)

 

Jeżeli np. kolorystyka twojego forum jest zielona, to do global.css na samym końcu wklej to:

.ike_green {
background-color: #00FF34
}
 
.ike_bg {
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 8px;
font-weight: bold;
text-transform: uppercase;
color: white;
border-radius: 3px;
background-image: url(images/tabela_serwerow/highlight.png);
background-repeat: repeat-x;
background-position: 0 -1px;
}

Kolor prefixów zmieniasz tutaj:

 

.ike_red {

background-color: #c01919
}

 

Odpowiedz

  • +
  • -
KarlikAśki - zdjęcie KarlikAśki 08.02.2015

Dzięki nie mam do cb więcej pytań ziomuś obyś jeszcze jakieś poradniki do mybb wrzucił tego ci życzę.

Odpowiedz

  • +
  • -
xXxBoy4GirlxXx - zdjęcie xXxBoy4GirlxXx 08.02.2015

Wspaniale to wygląda! Dziękuję, przydaje się ^^

Odpowiedz

  • +
  • -
ArianPL - zdjęcie ArianPL 19.03.2016

Dzie mam znaleść index, pod {$headers} pls napisz lub daj ss w krurym to miejscu

Odpowiedz

  • +
  • -
VINNER - zdjęcie VINNER 29.12.2016

Z górnego menu wybierasz Style i Szablony.

Potem z prawej strony wybierasz Szablony -> Nazwa Twojego stylu -> Strona główna -> index -> Szukasz zmiennej {$header} i po nią wklejasz kod tabelki.

 

Panowie nie ma zmiennej {$headers} tylko jest {$header} jeżeli robisz poradnik to sprawdź dobrze.

Odpowiedz