Titulo e icone nas categorias

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

Resolvido Titulo e icone nas categorias

Mensagem por sandra51 em 10/10/16, 07:43 am

Detalhes da questão


Endereço do fórum: http://leparticelledisodio.forumattivo.com/
Versão do fórum: PhpBB3

Descrição


Bom dia,
Alguns dias atras solicitei ajuda, no link abaixo, para este mesmo tema e foi resolvido perfeitamente e ja esta encerrado:

http://ajuda.forumeiros.com/t106861-personalizar-titulo-e-icone-das-categorias#747114

Hoje gostaria de solicitar a ajuda de voces mais uma vez, que seria colocar o mesmo efeito mas em outro forum que participo, so que este forum è de outra versao, e o codigo nao funcionou, gostaria se possivel de ter este codigo, so que para a versao PhpBB3.

Coloco aqui o codigo que gostaria que fosse adaptado a versao 3:

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;}

Agradeço antecipadamente.

Sandra
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: Titulo e icone nas categorias

Mensagem por while em 10/10/16, 12:23 pm

Olá autor,

Adicione esse código em sua folha de estilo css:

Código:
.forabg ul.forums li.row dl.icon:hover 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;
}
 
.forabg ul.forums li.row dl.icon:hover a.forumtitle {
    color: #FFF !important;
    text-shadow: 0 0 2px #000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4599

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Titulo e icone nas categorias

Mensagem por sandra51 em 10/10/16, 12:32 pm

Obrigada While, copiei o codigo, vou experimentar e te aviso se deu certo.

Obrigada mais uma vez.

Sandra
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: Titulo e icone nas categorias

Mensagem por sandra51 em 11/10/16, 06:11 am

While coloquei o codigo, funcionou mas esta aumentando a imagem ao lado do botao e gostaria que aumentasse o botao que è o icone das categorias.
E o link também nao esta mudando de cor.



Voce poderia por favor dar uma olhadinha e ver o que esta acontecendo e se tem como ajeitar?

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: Titulo e icone nas categorias

Mensagem por Sennior em 11/10/16, 05:33 pm

Boas!

Tente apenas com este código CSS:
Código:
a.forumtitle:hover {
    color: #b30b40;
    text-decoration: underline;
    -webkit-transform: scale(1.2,1.2);
    transition: all .5s ease;
    font-size: 21px;
}

Veja se resulta em algo.
Até mais.
Haseo
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Titulo e icone nas categorias

Mensagem por sandra51 em 11/10/16, 06:40 pm

Ok vou tentar e te falo o resultado.
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: Titulo e icone nas categorias

Mensagem por sandra51 em 12/10/16, 12:09 pm

Haseo coloquei o codigo mas aumenta so o titulo mas nao tem efeito nos icones.
E o titulo aumenta mas nao muda de cor.
Gostaria que quando passasse o mouse aumentasse somente o icone e o titulo mudasse de cor pra branco e esta acontecendo ao contrario.



Boa tarde
Sandra
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: Titulo e icone nas categorias

Mensagem por Luiz em 12/10/16, 12:13 pm

Olá.
Pela imagem, e pelo endereço do fórum que você passou, é possível notar que se tratam de fóruns diferentes.
Poderia passar o link do fórum desta imagem:


Obrigado desde já.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Titulo e icone nas categorias

Mensagem por sandra51 em 12/10/16, 01:54 pm

E' o mesmo forum, usamos esta imagem porque demonstra melhor o que aconteceu com o codigo, ou seja aumenta so o titulo.
O forum atualmente esta com esta skin e gostaria que aumentasse o botao e o link mudasse de cor ao passar o mouse.
O primeiro codigo, que ainda esta instalado la, aumentou a segunda imagem (a casinha) e nao o botao e no link nao deu nenhum efeito.

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: Titulo e icone nas categorias

Mensagem por while em 13/10/16, 06:27 pm

Troque o código por este:

Código:
 .forabg ul.forums li.row dl:hover {
    -moz-transform: scale(1.0, 1.2);
    -ms-transform: scale(1.0, 1.2);
    -o-transform: scale(1.0, 1.2);
    -webkit-transform: scale(1.1, 1.1);
    margin-left:40px;
    transition: all 0.0s ease;
    -moz-transition: all 0.0s ease-in-out;
    -webkit-transition: all 0.00s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
}
 
.forabg ul.forums li.row dl.icon:hover a.forumtitle {
    color: #FFF !important;
    text-shadow: 0 0 2px #000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

Infelizmente, não consegui aumenta o ícone que se refere ao status do sub-fórum... por algum motivo não está indo :/

Ou é esse resultado que te mandei agora ou o anterior... foi o melhor que pude fazer, desculpe.

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4599

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Titulo e icone nas categorias

Mensagem por sandra51 em 16/10/16, 05:46 am

Oi While, bom domingo
.
Entao colocamos este ultimo codigo que me mandou e te mostro o resultado no forum de prova, assim voce pode ver como que ficou.
Esta é o link do forum de prova:

http://sciacquottibodio.forumattivo.it/

Como pode ver aumenta nao so o botao e o link  mas todo o bloco e gostaria que aumentasse so o botao,  nao precisaria nem aumentar o link e a imagem ao lado do botao, ja estava bom somente o efeito hover no botao.
Te explico também uma coisa: na imagem de descriçao(ao lado do botao) tem ja um efeito de inclinaçao, pode ser que esteja dando um conflito entre os dois codigos?
Sei que voce disse que nao conseguiu aumentar o botao, nao se preocupe, entendo se nao for possivel, achei que voce gostaria de ver o resultado e por isto te atualizo.
Obrigada por tudo e por me responder.
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: Titulo e icone nas categorias

Mensagem por while em 16/10/16, 11:12 am

Sim, entendo, já sabia do resultado pois sempre testo antes de te passar... fiz dessa maneira pra ficar um pouco diferente do jeito que tinha te passado.

Como disse e volto a dizer, eu não consegui... melhor que eu pudi foi este resultado: http://ajuda.forumeiros.com/t107009-titulo-e-icone-nas-categorias#748228

Sua dúvida foi resolvida? deu impressão de sim ao ler sua ultima mensagem.
Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4599

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Titulo e icone nas categorias

Mensagem por sandra51 em 16/10/16, 11:24 am

Ok obrigado While.

Resolvido   Obrigado
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: Titulo e icone nas categorias

Mensagem por while em 16/10/16, 11:39 am

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4599

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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