Página 1 de 1

[DICA] Integrar mchat ao estilo aero

Enviado: 06 Ago 2011, 13:44
por Meredeadmouir
Aqui esta uma dica para integrar da melhor forma a MOD Mchat ao estilo aero

Após a instalação de mChat, para adicionar uma moldura ou bordas arredondadas em torno do mChat, de acordo com o estilo idêntico ao aero, que é padrão ao estilo

em styles\aero\template
abra o mchat_body.html, e procure por:

Código: Selecionar todos

    <div class="forabg">
    <div class="inner"><span class="corners-top"><span></span></span>
             <ul class="topiclist">
                <li class="header">
                   <dl class="icon">
                      <dt><!-- IF MCHAT_ARCHIVE_MODE -->{L_MCHAT_ARCHIVE_PAGE}<!-- ELSE -->{L_MCHAT_TITLE}<!-- ENDIF --></dt>
                   </dl>
                </li>
             </ul>
Substituir por:

Código: Selecionar todos

    <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="18" height="18"><img src="{T_THEME_PATH}/images/tl.png" width="18" height="18" alt="" /></td>
        <td height="18" style="background:url('{T_THEME_PATH}/images/tm.png');"></td>
        <td width="18" height="18"><img src="{T_THEME_PATH}/images/tr.png" width="18" height="18" alt="" /></td>
      </tr>
      <tr>
        <td width="18" style="background:url('{T_THEME_PATH}/images/ml.png');"></td>

        <td>
    <table width="100%" cellspacing="0" class="tablebg">
    <tr>
       <td class="cat" colspan="2"><h4><!-- IF MCHAT_ARCHIVE_MODE -->{L_MCHAT_ARCHIVE_PAGE}<!-- ELSE -->{L_MCHAT_TITLE}<!-- ENDIF --></h4></td>
    </tr>
    <tr>
       <td class="row1">
Ainda no Mchat_body.html encontre:

Código: Selecionar todos

    </div>
    <span class="corners-bottom"><span></span></span></div>
    </div>
Substitua por:

Código: Selecionar todos

    </td>
    </tr>
    </table>
       </td>
        <td width="18" style="background:url('{T_THEME_PATH}/images/mr.png');"></td>
      </tr>
      <tr>
        <td width="18" height="18" align="right"><img src="{T_THEME_PATH}/images/bl.png" width="18" height="18" alt="" /></td>
        <td height="18" style="background:url('{T_THEME_PATH}/images/bm.png');"></td>
        <td width="18" height="18"><img src="{T_THEME_PATH}/images/br.png" width="18" height="18" alt="" /></td>
      </tr>
    </table>
depois atualize seu cache de sua template através do acp

Para centralizar o titulo "Mini-Chat", de seu Mchat

em styles\aero\template
Abra o Mchat_body.html, encontre:

Código: Selecionar todos

    <td class="cat" colspan="2"><h4><!-- IF MCHAT_ARCHIVE_MODE -->{L_MCHAT_ARCHIVE_PAGE}<!-- ELSE -->{L_MCHAT_TITLE}<!-- ENDIF --></h4></td>
Substitua por:

Código: Selecionar todos

    <td class="cat" colspan="2" align="center"><h4><!-- IF MCHAT_ARCHIVE_MODE -->{L_MCHAT_ARCHIVE_PAGE}<!-- ELSE -->{L_MCHAT_TITLE}<!-- ENDIF --></h4></td>
depois atualize o cache de sua template

Resultado
Imagem

Re: [DICA] Integrar mchat ao estilo aero

Enviado: 06 Ago 2011, 14:50
por _Vinny_
danshinigami, ótima dica, obrigado por compartilhar.