Como mudar cor do texto no rodapé?

• Descrição:

Oi,

Eu queria mudar a cor do texto do rodapé, onde se encontram os 3 icones(onde diz "Novas Mensagens", "Não há novas mensagens" e "Fórum bloqueado"). Como faço?

Como tenho a cor do quadro preto e a cor das letras também é preta, não se consegue ver o texto e fica meio estranho. Já tentei mudar a cor do texto mas não consigo.

Obrigada

• Informações:

Código:


#content-container table:nth-of-type(8) tbody tr td span.gensmall {
color: #ff0000;
}


-wagh- escreveu:Olá, você poderia retirar seu fórum de manutenção por alguns instantes para que possamos realizar os testes, e lhe passar um código útil...?

Painel de Controle -> Visualização -> Cores -> aba Folha de Estilo CSS

Código:


.three-col table:nth-of-type(8) tr td .gensmall {
   color: #FFFFFF !important;
}


Alex Habilidade escreveu:Olá,

Vá em:

Painel de Controle -> Visualização -> Cores -> aba Folha de Estilo CSS

Adicione o código abaixo:

Código:


.three-col table:nth-of-type(8) tr td .gensmall {
   color: #FFFFFF !important;
}


Código:

BEGIN switch_legend

Código:

<table border="0" cellspacing="3" cellpadding="0" align="center">
 <tr>
 <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NEW_POSTS}</span></td>
 <td></td>
 <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
 <td>  </td>
 <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
 <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
 </tr>
</table>

Código:

<table border="0" cellspacing="3" cellpadding="0" align="center">

Código:

<table class="footer-info" border="0" cellspacing="3" cellpadding="0" align="center">

Código:

.footer-info{
    color: #fff;
}

-wagh- escreveu:Bom, a versão phpBB2 tem várias complicações, eu pessoalmente acho ela ultrapassada..

Mas enfim, minha opinião não é relevante, se você escolheu essa versão tem seus motivos!

Vamos lá, tente o seguinte:

Vá até a edição de templates e procure pelo template index_body

Então clique em Modificar e procure no template por:

Código:

BEGIN switch_legend

Logo abaixo, você vai ter um código semelhante a este:

Código:

<table border="0" cellspacing="3" cellpadding="0" align="center">
 <tr>
 <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NEW_POSTS}</span></td>
 <td></td>
 <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
 <td>  </td>
 <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
 <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
 </tr>
</table>

Nessa parte do código

Código:

<table border="0" cellspacing="3" cellpadding="0" align="center">

Troque por:

Código:

<table class="footer-info" border="0" cellspacing="3" cellpadding="0" align="center">

E adicione isso no seu CSS:

Código:

.footer-info{
    color: #fff;
}

Salve, publique o template

E teste...

Resulta?

-wagh- escreveu:Você fez algo errado.. Notei que não foi adicionada a classe "footer-info" onde eu falei... Você publicou o template?

Leia isto: https://ajuda.forumeiros.com/t16827-faq-modificar-os-templates-do-forum-phpbb-2-e-punbb

E sobre mudar a versão, é um processo super simples, o problema é, ou você vai ter que fazer outro tema para seu fórum do inicio ou então vai que pegar outro ja pronto entende? Isso que falei da versão é só uma opinião pessoal.. Não leve em consideração a não ser que queira se empenhar para fazer outra skin para seu fórum!

Código:


.footer-info .gensmall {
    color: #FFFFFF !important;
}


Código:

.footer-info .gensmall{
    color: #fff;
}

Código:

.footer-info .gensmall{
    color: #fff!important;
}

-wagh- escreveu: Não precisa se desculpar.. Todos começamos aprendendo de algum lugar não é?  

Troque o CSS que eu te mandei, por este

Código:

.footer-info .gensmall{
    color: #fff;
}

Caso não resulte, use este:

Código:

.footer-info .gensmall{
    color: #fff!important;
}

Código:

/* Branco */
#fff

/* Preto */
#000

/* Vermelho */
#f00

/* Amarelo */
#ff0

/* Laranja */
#fa0

Código:

#fc0

-wagh- escreveu: Bom, isso é apenas um "shortcut" em CSS de qualquer forma seu navegador vai interpretar o código hexadecimal com 6 dígitos..
Para cores simples é interessante para diminuir o tamanho do seu CSS, ai você pensa mas em 3 letras? Para um código pequeno pode ser pouca coisa, mas imagine um CSS com umas 5.000 linhas?
Uma coisa bacana para você fazer é "brincar" com essas cores para descobrir qual combinação faz o que..

Algumas cores com 3 digitos:

Código:

/* Branco */
#fff

/* Preto */
#000

/* Vermelho */
#f00

/* Amarelo */
#ff0

/* Laranja */
#fa0

Eu poderia colocar uma centena de cores ai, mas não vejo necessidade..

Através disso também da para você conseguir tons de cores diferentes como por exemplo um laranja mais claro:

Código:

#fc0

Basta ir alterando os valores... Mas respondendo a pergunta não faz diferença, pode usar qual você estiver mais familiarizada  

Aqui uma tabela com várias cores que você pode conseguir
http://www.december.com/html/spec/color3hex3.html

Outro exemplo aqui também, esse com os códigos e não só as cores
http://linaker-wall.net/Colour/Other_lists/ShortHex_TonB.htm

Código:

BEGIN switch_legend

Código:

<table border="0" cellpadding="6" cellspacing="2" align="center">

Código:

<table class="footer-info" border="0" cellpadding="6" cellspacing="2" align="center">

Código:

class="footer-info"

-wagh- escreveu:

Resulta?