Personalizar título e ícone das categorias

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.

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!

Oi Cream, muito obrigada pela ajuda, era isto mesmo que eu queria.
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?

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!

Cream eu coloquei o codigo mas a imagem quem esta conectado continua aumentando.
Coloquei permissao pra visitantes nas categorias, como solicitou.

Obrigada.

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.

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.

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.

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