Modificação no footer

[Again]

Gostaria de saber como posso deixar meu footer desta forma, com as estatisticas ao lado ->
os grupos (legenda) <- e com um | para separar grupo de grupo.



Muito agradecido.

[robra]

Vamos por parte.
1- Para alterar o separador dos grupos, veja aqui: kb.php?a=83.
2- Para incluir as estrelas antes do nome do grupo, veja aqui: viewtopic.php?t=44482.
3- Para alinhar a "Estatísticas do fórum" verticalmente e incluir o separador horizontal:
- Abra o arquivo estilo/template/index_body.html e ache:

Código: Selecionar todos

<p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}</p> 

Substitua por:

Código: Selecionar todos

<p>{TOTAL_POSTS}<br><hr><br>{TOTAL_TOPICS}<br><hr><br>{TOTAL_USERS}<br><hr><br>{NEWEST_USER}<br><hr><br></p> 

4- Para deixar o "Grupos do fórum" ao lado de "Estatísticas do fórum", separados por uma haste vertical:
Vou ficar lhe devendo esta...
Passa o endereço da página que tem a imagem que você postou, e aí pode ser que eu consiga alguma coisa.

Abraço.

[gssilva]

Para deixar a haste na vertical utilize esse css:

Código: Selecionar todos

#vertical {
position:absolute; right:0px; top:250px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter:
  progid:
    DXImageTransform.Microsoft.BasicImage(rotation=3);
color: #fff;
} 

se a div da haste já tiver um id coloque o código css dentro da tag correspondente no arquivo css da template.

[Again]

Vou tentar fazer tudo isso, pode me dizer onde coloco este css :? em overall_footer ? kk

robra substitui para

Código: Selecionar todos

<p>{TOTAL_POSTS}<br><hr><br>{TOTAL_TOPICS}<br><hr><br>{TOTAL_USERS}<br><hr><br>{NEWEST_USER}<br><hr><br></p> 

E não obtive exito.

[gssilva]

O css você pode colocar no arquivo colours.css do diretório theme do seu estilo.

[Again]

colour.css ? não achei seria no stylesheet ?

[gssilva]

O seu é baseado no Subsilver2, então é esse arquivo mesmo.
Eu falei me baseando no Prosilver.

[Again]

Coloquei os códigos em Temas >> Stylesheet.

Em qual div eu troco a font da legenda ? mudar para Arial.

[gssilva]

Fontes, tamanhos das fonte, cores, etc, tudo se define no arquivo stylesheet.css, lá contém todas as informações de cores e imagens do layout do estilo.

[robra]

Solicitação resolvida da seguinte forma:
Abertura do arquivo estilo/avaloncyan/index_body.html, sendo o código...

Código: Selecionar todos

<!-- IF LEGEND -->
        <tr>
            <td class="row1 nobold"><b class="gensmall">{L_LEGEND} :: {LEGEND}</b></td>
        </tr>
    <!-- ENDIF -->
    </table>
    {$CA_BLOCK_END}
<!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST && BIRTHDAY_LIST -->
    <br clear="all" />
    
    {$CA_BLOCK_START}
    {$CA_CAP2_START}{L_BIRTHDAYS}{$CA_CAP2_END}
    <table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
    <tr>
        <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/birthday.gif" alt="{L_BIRTHDAYS}" /></td>
        <td class="row1 nobold" width="100%"><p class="genmed"><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <b>{BIRTHDAY_LIST}</b><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p></td>
    </tr>
    </table>
    {$CA_BLOCK_END}
<!-- ENDIF -->

<br clear="all" />

{$CA_BLOCK_START}
{$CA_CAP2_START}{L_STATISTICS}{$CA_CAP2_END}
<table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
<tr>
    <td class="row1"><img src="{T_THEME_PATH}/images/stats.gif" alt="{L_STATISTICS}" /></td>
    <td class="row1 nobold" width="100%" valign="middle"><p class="genmed">{TOTAL_POSTS} | {TOTAL_TOPICS} | {TOTAL_USERS} | {NEWEST_USER}</p></td>
</tr>
</table>
{$CA_BLOCK_END} 

... substituído por:

Código: Selecionar todos

<!-- IF LEGEND -->
    <!-- ENDIF -->
    </table>
    <p>{$CA_BLOCK_END}
      <!-- ENDIF -->
</p>
<br clear="all" />
    <p>{$CA_BLOCK_START}
  {$CA_CAP2_START}<u>Grupos do Fórum</u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="{T_THEME_PATH}/images/icon_block.gif" width="6" height="9">&nbsp;&nbsp;<u>{L_STATISTICS}</u>{$CA_CAP2_END}
    </p>
    <table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
<tr>
<td class="row1 nobold"><b class="gensmall">{LEGEND}</b><HR WIDTH="2" SIZE="100">
    <td class="row1 nobold" width="50%" valign="middle"><p class="genmed">{TOTAL_POSTS}<br><hr><br>{TOTAL_TOPICS}<br><hr><br>{TOTAL_USERS}<br><hr><br>{NEWEST_USER}<br><hr><br></p></td>
</td> 
</tr>
</table>
{$CA_BLOCK_END}

<!-- IF S_DISPLAY_BIRTHDAY_LIST && BIRTHDAY_LIST -->
    <br clear="all" />
    
    {$CA_BLOCK_START}
    {$CA_CAP2_START}{L_BIRTHDAYS}{$CA_CAP2_END}
    <table class="tablebg" width="100%" cellspacing="{$CA_SPACING}">
    <tr>
        <td class="row1" align="center" valign="middle"><img src="{T_THEME_PATH}/images/birthday.gif" alt="{L_BIRTHDAYS}" /></td>
        <td class="row1 nobold" width="100%"><p class="genmed"><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <b>{BIRTHDAY_LIST}</b><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p></td>
    </tr>
    </table>
    {$CA_BLOCK_END}
<!-- ENDIF --> 

Além disso, foi criado o arquivo avaloncyan/theme/images/icon_block.gif e inserido antes da palavra "Estatística", já que esta ficou na mesma linha do "Grupos do Fórum".
O resultado ficou assim:

csel.jpg

Abraço.