Preciso de uma ajuda!

 

Tenho um top level e gostaria que quando o player ficasse online o nome fica em verde e quando offline fique em vermelho já mexi ate onde sabia se alguém poder ajuda agradeço! 

 

Segue o codigo

 

 

<div id="Themeboxes">
<?php
$skills = $SQL->query('SELECT * FROM players WHERE deleted = 0 AND group_id = 1 AND account_id != 1 ORDER BY level DESC LIMIT 5');
?>
<style type="text/css" media="all">
  .Toplevelbox {
    top: -4px;
    position: relative;
    margin-bottom: 10px;
    width: 180px;
    height: 200px;
  }
  .top_level {
    position: absolute;
   	top: 29px;
    left: 6px;
    height: 160px;
    width: 168px;
    z-index: 20;
    text-align: left;
    padding-top: 6px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 9.2pt;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-decoration: inherit;
    text-shadow: 0.1em 0.1em #333
  }
  #Topbar a {
  text-decoration: none;
  cursor: auto;
  text-align: center;
  }
  a.topfont {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
        color: #ffffff;
    text-decoration: none
	  }
  a:hover.topfont {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    color: #CCC;
    text-decoration:none
  }
</style>
<div id="Topbar" class="Toplevelbox" style="background-image:url(<?PHP echo $layout_name; ?>/images/themeboxes/top_level.png);">
  <div class="top_level" style="background:url(<?PHP echo $layout_name; ?>/images/themeboxes/bg_top.png)" align=" ">
    <?php
    $a = 1;
    foreach($skills as $skill) {
	  echo '<div align="left"><a href="?subtopic=characters&name='.$skill['name'].'" class="topfont">    
		   '.$a.' <font color="';
		if ($skill['online'] == 1){echo 'green';} else {echo 'red';}
		echo '"> - '.$skill['name'].'</font>
	    <br />
	    <small><font color="white">            Level: ('.$skill['level'].')</font></small>
	    <br>
	  </a>
	  </div>';
	  $a++;
    }
    ?>
    <div class="Bottom" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/box-bottom.gif); top: 159px;; left:-5px;">
	</div>
</div>
</div>

 

Editado Maio 29, 2018 8 anos por guhmuller (veja o histórico de edições)

Topico Resolvido Pode encerrar ! 

 

Obrigado