Titulo e icone nas categorias

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:

https://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

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.

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

Obrigada mais uma vez.

Sandra

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.

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

Ok vou tentar e te falo o resultado.
Obrigada

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

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á.

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.

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.

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.

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: https://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.

Ok obrigado While.