Como deixa o Botão do Forum com essas sombras?

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

Resolvido Como deixa o Botão do Forum com essas sombras?

Mensagem por KrossW em 11/07/14, 08:38 pm


  • Descrição:

Queria saber como deixar os botão do forum essas sombras?
http://forum.brasilplaygames.com.br/forum
olha nos botão desse forum ^^'
Ps: a sombra do botão so sai qndo vc coloca o ponteiro do mouse emcima.



  • Informações:




Fórum:http://teste016.forumeiros.com/forumVersão:PHPBB3
Tipo:Pedido de códigoTags:deixa,Botão,Forum,essas,sombras?



Última edição por NX0 em 13/07/14, 09:18 pm, editado 1 vez(es)

KrossW
Nível 8

Masculino
Inscrito dia : 18/12/2013
Mensagens : 125
Pontos Ativos : 225

Ver perfil do usuário http://familiajackson.forumeiros.com/forum

Resolvido Re: Como deixa o Botão do Forum com essas sombras?

Mensagem por Alex Habilidade em 11/07/14, 09:01 pm

Olá,

Qual botão você se refere?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Como deixa o Botão do Forum com essas sombras?

Mensagem por Sennior em 12/07/14, 03:35 am

Saudações! Muito feliz

Seria isso?
Aceda a tua Folha de Estilo CSS:
Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:
input.button1:hover {box-shadow: rgba(177, 177, 177, 1) 4px 1px 2px 0px inset;}

Seta Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços,
Sennior! De bem com a vida
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: Como deixa o Botão do Forum com essas sombras?

Mensagem por KrossW em 12/07/14, 03:18 pm

Alex eu me refiro é esse botão 
Sennior ñ deu resultado no meu fórum ;*

KrossW
Nível 8

Masculino
Inscrito dia : 18/12/2013
Mensagens : 125
Pontos Ativos : 225

Ver perfil do usuário http://familiajackson.forumeiros.com/forum

Resolvido Re: Como deixa o Botão do Forum com essas sombras?

Mensagem por Sennior em 12/07/14, 03:52 pm

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
ul.linklist li a img {-moz-opacity: .3;filter: alpha(opacity=30);opacity: .3;}
ul.linklist li a img:hover {-moz-opacity: 1;cursor: allowed;filter: alpha(opacity=100);opacity: 1;}


Melhores cumprimentos,
Sennior. De bem com a vida
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: Como deixa o Botão do Forum com essas sombras?

Mensagem por Uatyla em 12/07/14, 04:09 pm

Pow o código é legal mais não tem como fazer o inverso não, o menu fica na cor normal e ao passar o mouse ele fica mais claro?
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Como deixa o Botão do Forum com essas sombras?

Mensagem por Alex Habilidade em 12/07/14, 06:10 pm

Olá,

Troque o código passado por este:
Código:

a.mainmenu:hover {
opacity: 1;
}
a.mainmenu {
opacity: 0.6;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Como deixa o Botão do Forum com essas sombras?

Mensagem por Uatyla em 12/07/14, 06:18 pm

Olá teve o mesmo efeito, o menu fica claro e ao passa o mouse fica na cor normal, é possível o efeito contrario, ao passar o mouse ficar claro?

@edit
consegui inverti os valores
Código:
    a.mainmenu:hover {
    opacity: 0.6;
    }
    a.mainmenu {
    opacity: 1;
    }


Última edição por uatyla em 12/07/14, 06:26 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Como deixa o Botão do Forum com essas sombras?

Mensagem por Alex Habilidade em 12/07/14, 06:25 pm

Olá,

Sim uatyla, troque por este:
Código:

a.mainmenu:hover {
opacity: 0.6;
}
a.mainmenu {
opacity: 1;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Como deixa o Botão do Forum com essas sombras?

Mensagem por Uatyla em 12/07/14, 06:28 pm

Tinha feito isso, coloquei 0,8 ficou show!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como deixa o Botão do Forum com essas sombras?

Mensagem por KrossW em 13/07/14, 09:16 pm

Funcionou Alex muito obrigado!

KrossW
Nível 8

Masculino
Inscrito dia : 18/12/2013
Mensagens : 125
Pontos Ativos : 225

Ver perfil do usuário http://familiajackson.forumeiros.com/forum

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