1. Írjuk meg a PHP kódot, mely lekéri az online játékosok számát, és előállítja a csíkhoz szükséges adatokat
$slot = 100;
$onlineJatekosokSzama = mysql_fetch_array(mysql_query('SELECT COUNT(*) FROM characters WHERE online = 1'));
$csikSzelesseg = ceil(($onlineJatekosokSzama[0] / $slot) * 100);
A SLOT nevű változóban tároljuk a szerver férőhelyeinek számát, ez alapján állítjuk elő a csík százalékos szélességét.
2. Készítsük el a HTML csíkot + írjunk hozzá egy CSS kódot
<div style="text-align:center; width:100%" class="csik">
<div class="csikVonal" style="width:<?php echo $csikSzelesseg ?>%"></div>
</div>
.csik{ height:10px; background:url(img/status.png) 0 10px; border:1px solid #6f6e69; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 3px #000; }
.csik .csikVonal{ height:100%; background:url(img/status.png); }
A CSS kóddal szinte akármilyen kinézetet varázsolhatunk a csíknak. Jelen esetben a saját CSS kódomat illesztettem be, ezért nyilván át kell írni a saját képeitekre, illetve ízléseitekre.
Eredmény
(http://kepfeltoltes.hu/110605/csikkkk_www.kepfeltoltes.hu_.png)
király (:
nagyon szép gg Pradox megy a +1