Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Ninguem consegue se registrar
Hoje à(s) 3:28 por EduardoMGP

» Caixa de Login
Hoje à(s) 2:29 por Shek Crowley

» Melhorar plugin de últimos assuntos
Hoje à(s) 2:17 por iScroll

» Fichas e personagem e :
Hoje à(s) 1:17 por Claudio Arthur

» Utilização de Templates nas Páginas
Hoje à(s) 1:06 por Shek Crowley

» Erro ao postar HTML no tópico
Ontem à(s) 23:31 por Shek Crowley

» Widget equipe online
Ontem à(s) 21:50 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
205 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 200 Visitantes :: 2 Motores de busca

Claudio Arthur, EduardoMGP, L.K, Neji, Shek Crowley

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar título e ícone das categorias

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar título e ícone das categorias

Mensagem por sandra51 em Seg 26 Set 2016 - 8: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.




avatar

sandra51
Nível 5

Feminino
Inscrito dia : 08/05/2016
Mensagens : 42
Pontos Ativos : 57

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

Resolvido Re: Personalizar título e ícone das categorias

Mensagem por Cream em Seg 26 Set 2016 - 12: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!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

http://ajuda.forumeiros.com

Resolvido Re: Personalizar título e ícone das categorias

Mensagem por sandra51 em Ter 27 Set 2016 - 7: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:



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

Devo mudar alguma coisa no codigo pra ficar tudo igual?



avatar

sandra51
Nível 5

Feminino
Inscrito dia : 08/05/2016
Mensagens : 42
Pontos Ativos : 57

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

Resolvido Re: Personalizar título e ícone das categorias

Mensagem por Cream em Ter 27 Set 2016 - 12: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!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

http://ajuda.forumeiros.com

Resolvido Re: Personalizar título e ícone das categorias

Mensagem por sandra51 em Ter 27 Set 2016 - 14:30

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

Obrigada.
avatar

sandra51
Nível 5

Feminino
Inscrito dia : 08/05/2016
Mensagens : 42
Pontos Ativos : 57

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

Resolvido Re: Personalizar título e ícone das categorias

Mensagem por while em Ter 27 Set 2016 - 15: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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

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

Resolvido Re: Personalizar título e ícone das categorias

Mensagem por sandra51 em Ter 27 Set 2016 - 17: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.

avatar

sandra51
Nível 5

Feminino
Inscrito dia : 08/05/2016
Mensagens : 42
Pontos Ativos : 57

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

Resolvido Re: Personalizar título e ícone das categorias

Mensagem por while em Ter 27 Set 2016 - 18: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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4493

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

Resolvido Re: Personalizar título e ícone das categorias

Mensagem por sandra51 em Ter 27 Set 2016 - 18:41

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

Obrigado Resolvido
avatar

sandra51
Nível 5

Feminino
Inscrito dia : 08/05/2016
Mensagens : 42
Pontos Ativos : 57

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

Resolvido Re: Personalizar título e ícone das categorias

Mensagem por Cream em Ter 27 Set 2016 - 18:53

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum