[PHP] Státusz csík készítése

[PHPradox]

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

Kód Kijelölés Kibont

$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

Kód Kijelölés Kibont


<div style="text-align:center; width:100%" class="csik">
   <div class="csikVonal" style="width:<?php echo $csikSzelesseg ?>%"></div>
</div>


Kód Kijelölés Kibont


.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

[FantasyGFX]

király (:
nagyon szép gg Pradox megy a +1