Como realizar este trabajo

[cagoncete]

Buenas estoy creando un servidor de wow privado. Bien he visto una funcionalidad que quisiera que me explicaran.

Vi en esta pagina la funcionalidad: http://www.deathknell.cc/
Es en relación a la iamgen como de carga que marca el volumen de usuarios, se que lo que ha hecho es un $result para ver el numero de user totales / un numero aleatorio marcando la capacidad del servidor, bien hasta ahi todo correcto, pero como hago para que de background tenga una imagen que varie segun el numero de $result de user online sea mayor o menos?

Gracias de antemano

Nadie tiene idea? es que creo que puede estar orientado del mismo estilo que el "Ranking star" pero no lo tengo nada claro

[xhiena]

se puede hacer de varias formas,

lo mas comun es utilizar 2 divs, que es el cuadro de fuera y otro el de dentro (la barra de ocupacion). Calculas el % de lo que quieres mostrar y le das ese % como ancho del div.

ejemplo:
caben 1000 personas en el server y hay 200 conectadas: un 20% pues al div de dentro le das un ancho de 20%

y ya con css le das el ancho, los margenes,... y lo pones "bonito"

[cagoncete]

OKs mas o menos entiendo que me quieres decir y algun ejemplo para ver el codigo de los div , no el del css que ese es facil.

[cagoncete]

mira tengo esto pero es html

<style>
.clear{
clear:both;}

.graphcont {
padding-top:2px;
color:#000;
font-weight:700;
float:left
}

.graph {
float:left;
margin-top:2px;
background-color:#cecece;
position:relative;
width:165px;
padding:0
}

.graph .bar {
display:block;
position:relative;
background-image:url(/images/bargraph.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#fff;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.9em
}

.graph .bar span {
position:absolute;
left:1em
}

</style>


<table width="100%">
<tbody>
<div class="graph">
<td align=\"center\"><strong class="bar" style="width: 90.5%;"><font color="black">231/600</font></strong></td>
</div>
</td></tr>
</tbody>

me faltaria conectar con la tabla que quiero y creo que seria poner donde el porcentaje el $result del valor de dicha tabla para que asi si es mas enseñe mas de div no? como podria hacerlo?

[IEKK]

Disculpa por poner el style en el div pero así lo escribía rapido.

Se podría hasta usar un div o hacer el mismo método sólo con una imagen pero me vino así a la mente, ya mejoras tu el ejemplo.

Espero que te sirva.

Código PHP:

  <?php
$imagen = "http://www.deathknell.cc/images/bargraph.gif";
$usuarios = 100;
$maximo= 600;
$porcentaje = ($usuarios * 100) / $maximo; // regla de tres

if($maximo >= $usuarios){
echo '<div style="height:25px; width:'.ceil($maximo/3).'px; float:left; position:absolute; background:#CCC;">';
    
    echo '<div style="height:25px; width:'.$porcentaje.'%; float:left; position:relative; background:url('.$imagen.');"></div>';
echo '</div>';
}
?>   

Un saludo.