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
» Caixa de resposta rápida nos tópicos
Hoje à(s) 09:53 pm por Harleen

» Categoria do fórum
Hoje à(s) 09:48 pm por Harleen

» Remover "Não há mensagens"
Hoje à(s) 09:45 pm por Harleen

» Template quebra ao ser editado
Hoje à(s) 09:21 pm por Starset

» Aparecer pop-up de login ao clicar em Conectar-se
Hoje à(s) 07:39 pm por Flames

» Bug nos tópicos
Hoje à(s) 07:05 pm por Luiz

» Personalizar barra de ferramentas
Hoje à(s) 06:19 pm por Flames

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
JulioPais
 
Shek
 
Flames
 
APOllO
 
Forumpw
 

Quem está conectado
259 usuários online :: 7 usuários cadastrados, 1 Invisível e 251 Visitantes :: 2 Motores de busca

[SRD]JimClark, Harleen, Holkis, Luiz, Starset, ThedbR, Tiago João

[ 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 : 42
Pontos Ativos : 57

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

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 : 42
Pontos Ativos : 57

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

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 : 42
Pontos Ativos : 57

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 : 3105
Pontos Ativos : 4499

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 : 42
Pontos Ativos : 57

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 : 3105
Pontos Ativos : 4499

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 : 42
Pontos Ativos : 57

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

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