Efeito nos botoes

2 participantes

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

Tópico resolvido Efeito nos botoes

Mensagem por Alex Habilidade 04.10.12 19:47

Qual é minha questão:
Olá.

Como aplicar esse efeito nos botoes do fórum:
https://i.servimg.com/u/f39/14/99/55/84/efeito10.jpg

Link do forum onde eu ví:
http://forum.forumactif.com/forum

Até Mais.

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx/

Versão do meu fórum:
PHPBB3
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Efeito nos botoes

Mensagem por Sennior 05.10.12 16:56

Olá autor,

Aceda à teu CSS com o código abaixo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

Código:
#search-box input.button2:hover, a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #00A5CD!important;
box-shadow: 1px 1px 5px!important;
color: #00A5CD!important;
}
#search-box input.button2, a.button2, input.button1, input.button2 {
background-color: whiteSmoke;
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_buttons.png);
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-radius: 2px;
box-shadow: 1px 1px 1px;
color: #666!important;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 24px;
line-height: 27px;
margin: 5px 6px;
padding: 0 8px!important;
text-align: center;
}
#search-box input {
background: none repeat scroll 0 0 white;
border: 1px solid #D9D9D9;
color: black;
height: 20px;
}
#search-box input.button2:hover, a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #00A5CD!important;
box-shadow: 1px 1px 5px!important;
color: #00A5CD!important;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #FF8A00;
color: #FF8A00;
}
#search-box input.button2, a.button2, input.button1, input.button2 {
background-color: whiteSmoke;
background-image: url(http://2img.net/i/fa/optimisation_fdf/fr/bg_buttons.png);
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-radius: 2px;
box-shadow: 1px 1px 1px;
color: #666!important;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 24px;
line-height: 27px;
margin: 5px 6px;
padding: 0 8px!important;
text-align: center;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #FAFAFA;
background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
color: black;
font-family: Verdana,Arial,Helvetica,sans-serif;
overflow: visible;
padding: 2px 3px;
width: auto!important;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
button.button2, input.button1, input.button2 {
font-size: 1em;
}
input {
cursor: pointer;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight: 400;
padding: 0 3px;
vertical-align: middle;
}

Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos botoes

Mensagem por Alex Habilidade 05.10.12 17:25

Obrigado.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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