- Panel de administracion
- Visualización
- Templates
- General
- index_body

Le damos a y buscamos este codigo:

Código:

<!-- BEGIN disable_viewonline -->

y borraremos lo que esta entre las siguiente anotaciones:

Código:

<!-- END disable_viewonline -->

bueno ahora que borramos lo señalado pegaremos entre las anotaciones anteriormente mencionadas el siguiente code.

Código:

<div id="haut"></div>
<div id="centre">
  <font size=1> <div class="ab"><h3 align="left"></h3></div>
  </div><table width="100%" cellpadding="0" cellspacing="0" class="ipbtable">
    <thead><tr><tfoot><tr><td colspan="2"></td></tr></tfoot>
        <tbody id="s0"><tr><th colspan="2" class="formsubtitle"><div align="left"><a href="/viewonline.htm" rel="nofollow">¿Quién está en línea ?</a></div></th></tr>
                <tr><td class="row1" width="1%"><a href="/viewonline.htm" rel="nofollow"><img src="http://hitskin.com/themes/14/08/91/i_whosonline.png" id="i_whosonline" alt="¿Quién está en línea ?" class="img-whois"></a></td>
                            <td class="row2"><div class="clearfix"><div class="left"><font size=1 color=#89CDDB>{TOTAL_USERS_ONLINE}</font></div> <a href="/viewonline.htm" rel="nofollow" class="viewonline right"></a></div><br></div><div class="thin"><font size=1 color=#89CDDB>{LOGGED_IN_USER_LIST}</font></a><br></div><div><font size=1 color=#89CDDB>{LEGEND} :{GROUP_LEGEND}</font></div></td></td></tr>
                                                      <tr><th colspan="2" class="formsubtitle"><div align="left">Cumpleaños</div></th></tr><tr><td class="row1" width="1%"><img src="http://hitskin.com/themes/14/08/91/i_birthday.png" alt="Cumpleaños"></td><td class="row2"><p><table class="labde" style="text-align: justify">
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table><br></p></td></tr>

<tr><th colspan="2" class="formsubtitle"><div align="left"><a href="/stats.htm" rel="nofollow">Estadísticas</a></div></th></tr><tr><td class="row1"><img src="http://hitskin.com/themes/14/08/91/i_statistics.png" alt="Estadísticas"></td><td class="row2"><p><font size=1 color=#89CDDB>{TOTAL_POSTS}<br>
{TOTAL_USERS}. <br>
{NEWEST_USER}. <br>


{RECORD_USERS}</font>
    <table style="text-align: justify"></table></p></td></tr><tr><th colspan="2" class="formsubtitle"><div align="left">ChatBox</div></th></font>
    </tr>
</td></tr>
    <tr><td class="row1"><img src="http://hitskin.com/themes/14/08/91/i_chatbox.png" alt="ChatBox"></td><td class="row2"><div id="chatbox_popup">[ <a href="/chatbox/chatbox.forum?" target="ChatBox"><font size=1 color=#89CDDB>Entrar en la ChatBox</a></font> ]</div><script type="text/javascript">insertChatBoxPopup('/chatbox/chatbox.forum?', 'Entrar en la ChatBox');</script></td></tr></tbody></table></div><br><script type="text/javascript">//<![CDATA[
        update_dst(-6.0,1,'7de2713abea3f1ba3a8f3907f7c34f53');//]]></script>

 

</div>

ahora registramos y publicamos el template bueno ya lista la modificacion de templates nos vamos al css
pegamos el siguiente css en tu hoja css

Código:

.ab {
background-image: url('LINK DE IMAGEN DE CABEZERA DE ESTADISTICAS');
background-repeat: no-repeat;
background-position: left;
margin-left: XXpx;
padding-left: XXpx;
height: 50px;
width: 895px;
}

#haut{
background-color: transparent;
background-image: url("url");
height: XXpx;
border: none !important;
background-repeat: no-repeat;
padding-left: XXpx;
}


#centre{
background-color: transparent;
background-image: url("none");
height: XX;
border: none !important;
background-repeat: repeat-y;
padding-left: XXpx;
}

editamos donde se pega la imagen pero nadamas la primera imagen y lo colores y listo tenemos nuestras estadisticas al estilo invision


Tuto por: Tony

thanks