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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
97 usuários online :: 4 usuários cadastrados, 1 Invisível e 92 Visitantes :: 1 Motor de busca

Angel', Kyo Panda, Vinicius Reis, YuriGama

[ 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 - 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
Nível 5

Feminino
Inscrito dia : 08/05/2016
Mensagens : 41
Pontos Ativos : 270

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

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

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


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8373
Pontos Ativos : 13589

http://ajuda.forumeiros.com

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

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



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

Devo mudar alguma coisa no codigo pra ficar tudo igual?




sandra51
Nível 5

Feminino
Inscrito dia : 08/05/2016
Mensagens : 41
Pontos Ativos : 270

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

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

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


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8373
Pontos Ativos : 13589

http://ajuda.forumeiros.com

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

Mensagem por sandra51 em Ter 27 Set 2016 - 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
Nível 5

Feminino
Inscrito dia : 08/05/2016
Mensagens : 41
Pontos Ativos : 270

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

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

Mensagem por while em Ter 27 Set 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2819
Pontos Ativos : 4147

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: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
Nível 5

Feminino
Inscrito dia : 08/05/2016
Mensagens : 41
Pontos Ativos : 270

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

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

Mensagem por while em Ter 27 Set 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2819
Pontos Ativos : 4147

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 - 19:41

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

Obrigado Resolvido

sandra51
Nível 5

Feminino
Inscrito dia : 08/05/2016
Mensagens : 41
Pontos Ativos : 270

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

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

Mensagem por Cream em Ter 27 Set 2016 - 19: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".


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8373
Pontos Ativos : 13589

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5