Página 1 de 2

Modificação no footer

Enviado: 28 Jun 2011, 23:09
por 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.

Imagem

Muito agradecido.

Re: Modificação no footer

Enviado: 29 Jun 2011, 02:02
por 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... Imagem
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. Imagem

Re: Modificação no footer

Enviado: 29 Jun 2011, 05:11
por 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.

Re: Modificação no footer

Enviado: 29 Jun 2011, 18:05
por 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.

Re: Modificação no footer

Enviado: 29 Jun 2011, 18:14
por gssilva
O css você pode colocar no arquivo colours.css do diretório theme do seu estilo.

Re: Modificação no footer

Enviado: 29 Jun 2011, 18:33
por Again
colour.css ? não achei seria no stylesheet ?

Re: Modificação no footer

Enviado: 29 Jun 2011, 18:38
por gssilva
O seu é baseado no Subsilver2, então é esse arquivo mesmo.
Eu falei me baseando no Prosilver.

Re: Modificação no footer

Enviado: 29 Jun 2011, 19:16
por Again
Coloquei os códigos em Temas >> Stylesheet.

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

Re: Modificação no footer

Enviado: 29 Jun 2011, 22:20
por 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.

Re: Modificação no footer

Enviado: 03 Jul 2011, 14:47
por 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. Imagem