Personalizar fundo de categorias Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Personalizar fundo de categorias

3 participantes

Ir para baixo

Tópico resolvido Personalizar fundo de categorias

Mensagem por JcMaba 21.09.10 15:43

Olá,

Dúvida :
Estive olhando um tutorial sobre imagens no fundo do hover e tentei usar os codigos de CSS como estava lá mais não consegui, gostaria de ajuda.

Este foi o código de utilizei ao seguir o tuto.

li.row:hover {
background-image: url(https://2img.net/r/ihimizer/img256/8201/testehover1.png);
background-repeat: no-repeat;
background-attachment: fixed;
}

Se alguem poder me ajudar agradeço...

Procedimentos que foram tentados para resolver :
Tentei trocar algumas vezes mais nada funcionou.

Captura de tela (quando necessário) :
Personalizar fundo de categorias Space

Até mais.
avatar
JcMaba
Novo Membro

Membro desde : 16/04/2010
Mensagens : 17
Pontos : 29

http://abusemmorpgs.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fundo de categorias

Mensagem por Nicker 28.09.10 17:46

Olá ,
Devido a aplicação das classes CSS nas versões, este código somente foi satisfatório para a versão PhpBB 3, logo, somente existe neste tutorial um código para modificar esta versão. Para as outras, embora exista, eles alteram muito mais outras regiões do que realmente se deseja.Como eu posso ver no seu forum, a versão dele é invison . Pode ser por esse motivo que o código não vem a pegar no seu forum .
Espero ter ajudado .
Abraços.
Até Mais.
Nicker
Nicker
Membro

Membro desde : 04/05/2010
Mensagens : 549
Pontos : 780

http://www.publieiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar fundo de categorias

Mensagem por [renan] 03.10.10 14:13

Se entendi bem, o que você quer é implantar um menu CSS em seu forum? (Para que quando o mouse passar sobre o link, o background mudar)

Se for o caso, o código é este para todas as versões:


a.mainmenu {
background:url(IMAGEM);
cursor:allowed;
}
a.mainmenu:hover {
background:url(IMAGEM_HOVER);
cursor:allowed;
}

Primeiro retire as imagens do seu menu em:
Visualização > Imagens e Cores > Gestão das Imagens

Depois, edite seu menu clicando sobre a opção NÃO no campo "Exibir apenas as imagens no menu de navegação:"
Para isso vá em:
Visualização > Home Page > Cabeçalho & Navegação

Depois basta colar o código acima na sua folha de Estilo CSS e substituir o que estiver de vermelho pela imagem normal e o que estiver de azul pela imagem de quando o mouse estiver sobre o link.

Isso resolve?
[renan]
[renan]
Novo Membro

Membro desde : 05/09/2009
Mensagens : 16
Pontos : 21

http://questworld.web-rpg.org

Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos