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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Preciso de uma logo
Hoje à(s) 04:45 pm por Tiger

» Personalizar Likes
Hoje à(s) 04:27 pm por Luiz

» Widget Ultimos assuntos
Hoje à(s) 04:26 pm por Luiz

» Criação de avatar para meu fórum
Hoje à(s) 04:21 pm por Tiger

» Slide em todas as páginas
Hoje à(s) 04:04 pm por Kyo Panda

» Plaquinhas de Rank para o meu Fórum
Hoje à(s) 03:03 pm por Kyo Panda

» Adicionar crumbs
Hoje à(s) 02:48 pm por Kyo Panda

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
237 usuários online :: 13 usuários cadastrados, Nenhum Invisível e 224 Visitantes :: 2 Motores de busca

Carlos Rodrigues, Fraise, Herbert Silva, iScroll, IsmaelS., Kyo Panda, Luiz, P.H, SetRaiden, Tiger, virus, weverson lopes, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 26/09/16, 05:25 am

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 : 45
Pontos Ativos : 62

Ver perfil do usuário http://www.solaris-flashegrafica.com/

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

Mensagem por Cream em 26/09/16, 09:03 am

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 : 11633

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por sandra51 em 27/09/16, 04:27 am

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 : 45
Pontos Ativos : 62

Ver perfil do usuário http://www.solaris-flashegrafica.com/

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

Mensagem por Cream em 27/09/16, 09:23 am

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 : 11633

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por sandra51 em 27/09/16, 11:30 am

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 : 45
Pontos Ativos : 62

Ver perfil do usuário http://www.solaris-flashegrafica.com/

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

Mensagem por while em 27/09/16, 12:37 pm

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 : 3107
Pontos Ativos : 4509

Ver perfil do usuário 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 27/09/16, 02:56 pm

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 : 45
Pontos Ativos : 62

Ver perfil do usuário http://www.solaris-flashegrafica.com/

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

Mensagem por while em 27/09/16, 03:03 pm

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 : 3107
Pontos Ativos : 4509

Ver perfil do usuário 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 27/09/16, 03:41 pm

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 : 45
Pontos Ativos : 62

Ver perfil do usuário http://www.solaris-flashegrafica.com/

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

Mensagem por Cream em 27/09/16, 03:53 pm

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 : 11633

Ver perfil do usuário 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