Personalizar título e ícone das categorias

3 participantes

Ir para baixo

Tópico resolvido Personalizar título e ícone das categorias

Mensagem por sandra51 26.09.16 9:25

Detalhes da questão


Endereço do fórum: http://santerprova.forumattivo.it/
Versão do fórum: PhpBB2

Descrição


Bom dia.

Gostaria de saber se é possivel, nesta plataforma forumeiros, fazer este efeito di aumentar a imagem da categoria e a cor do link, ao passar o mouse como neste forum:

http://little-talks-skin.blogfree.net/

Se for possivel poderiam me ajudar com os codigos?

Agradeço antecipadamente.




sandra51
sandra51
**

Membro desde : 08/05/2016
Mensagens : 76
Pontos : 107

http://www.solaris-flashegrafica.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar título e ícone das categorias

Mensagem por Cream 26.09.16 13:03

Olá,

Painel > Visualização > Imagens e cores > Cores > Folha de estilos CSS
Adicione o seguinte:
Código:
table.forumline > tbody > tr:hover > td > img {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

table.forumline > tbody > tr:hover> td > h2 > span > a {
    color: #FFF !important;
    text-shadow: 0 0 2px #000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

Seria assim que você quer?
Até mais!
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar título e ícone das categorias

Mensagem por sandra51 27.09.16 8:27

Oi Cream, muito obrigada pela ajuda, era isto mesmo que eu queria. Obrigado
Tem so uma diferença, talvez voce possa me explicar porque:
Nas duas primeiras categorias so a imagem aumenta mas o link nao muda de cor.
Nas duas de baixo a imagem aumenta e il link muda de cor.
Aumentou também a imagem de quem esta online:

centralizar categorias PHPBB3 - Personalizar título e ícone das categorias 3CEA6Yh

Veja no meu forum de testes como que ficou.
http://santerprova.forumattivo.it/

Devo mudar alguma coisa no codigo pra ficar tudo igual?



sandra51
sandra51
**

Membro desde : 08/05/2016
Mensagens : 76
Pontos : 107

http://www.solaris-flashegrafica.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar título e ícone das categorias

Mensagem por Cream 27.09.16 13:23

Olá,

Complemente com este código para retirar o efeito do "Quem está conectado":
Código:
table.forumline:nth-child(8) > tbody > tr:hover > td > img {
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        -webkit-transform: none !important;
}
Sobre as categorias, poderia deixá-las visível aos visitantes?

Até mais!
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar título e ícone das categorias

Mensagem por sandra51 27.09.16 15:30

Cream eu coloquei o codigo mas a imagem quem esta conectado continua aumentando.
Coloquei permissao pra visitantes nas categorias, como solicitou.

Obrigada.
sandra51
sandra51
**

Membro desde : 08/05/2016
Mensagens : 76
Pontos : 107

http://www.solaris-flashegrafica.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar título e ícone das categorias

Mensagem por while 27.09.16 16:37

Olá autora,

Troque todo o código passado nesse tópico por este:
Código:
table.forumline > tbody > tr:hover > td > img {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
 
table.forumline > tbody > tr:hover> td.row1.over > h3 > span > a {
    color: #FFF !important;
    text-shadow: 0 0 2px #000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
#i_whosonline {
        -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    -webkit-transform: none!important;
    transition: none!important!important;
    -moz-transition: none!important;
    -webkit-transition: none!important;
    -o-transition: none!important;
}

Cumprimentos,
While.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar título e ícone das categorias

Mensagem por sandra51 27.09.16 18:56

Ola While.
Coloquei o codigo, mas funcionou somente nas duas primeiras categorias.
Na outras duas so a imagem aumenta mas o link nao muda de cor, voce pode dar uma olhadinha?

Muito obrigada pela sua atençao.

sandra51
sandra51
**

Membro desde : 08/05/2016
Mensagens : 76
Pontos : 107

http://www.solaris-flashegrafica.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar título e ícone das categorias

Mensagem por while 27.09.16 19:03

Isto é porque não tenho acesso nas outras categorias... só vejo duas.

Enfim, troque o código por este:

Código:
table.forumline > tbody > tr:hover > td > img {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
 
table.forumline > tbody > tr:hover> td.row1.over > h3 > span > a , table.forumline > tbody > tr:hover> td.row1.over > h2 > span > a , table.forumline > tbody > tr:hover> td.row1.over > h1 > span > a {
    color: #FFF !important;
    text-shadow: 0 0 2px #000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}
#i_whosonline {
        -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    -webkit-transform: none!important;
    transition: none!important!important;
    -moz-transition: none!important;
    -webkit-transition: none!important;
    -o-transition: none!important;
}

Resulta agora?
Até mais.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar título e ícone das categorias

Mensagem por sandra51 27.09.16 19:41

Yesssss....Perfeito While agora aparece também nas outras.
Voces sao uns genios mesmo, muito obrigada. 

Obrigado Resolvido
sandra51
sandra51
**

Membro desde : 08/05/2016
Mensagens : 76
Pontos : 107

http://www.solaris-flashegrafica.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar título e ícone das categorias

Mensagem por Cream 27.09.16 19:53

centralizar categorias PHPBB3 - Personalizar título e ícone das categorias Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos