ao fórum de suporte e de informações técnicas ShiftActif. Aqui, solucionamos suas dúvidas sobre os tutoriais exclusivos fornecidos pela nosso subfórum de tutoriais além de suporte opcional ao Forumeiros.com, Blogger e temas grátis do Criarumblog.com! Você encontrará FAQs, astúcias em códigos e efeitos especiais em CSS, Javascript e outros para complementar seu fórum ou Blog!
Início
Efeito nos botôes
Página 1 de 1 • Compartilhe
Efeito nos botôes
por Explorer Seg 28 Jan - 22:41
Qual é sua questão:
Eu vi que nos botões daqui tem um efeito e, eu gostaria de saber como fazer este efeito. Imagens Abaixo!
Endereço e versão do meu fórum:
PhpBB3 > http://secretlife-rpg.forumeiros.com
Apresente-nos imagens do problema (se necessário):
https://i.imgur.com/ClxC1f8.png
Eu vi que nos botões daqui tem um efeito e, eu gostaria de saber como fazer este efeito. Imagens Abaixo!
Endereço e versão do meu fórum:
PhpBB3 > http://secretlife-rpg.forumeiros.com
Apresente-nos imagens do problema (se necessário):
https://i.imgur.com/ClxC1f8.png
Explorer- Colaborador Actif
-
Idade : 23
Pontos : 0
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012
Localização : SD, SA, FDF.
-
Re: Efeito nos botôes
por Scrat Seg 28 Jan - 23:34
Olá,
Este é um efeito hover no botão de classe 'button2'.
O código que ShiftActif usa:
Poderá personalizar as classes como desejar.
Até mais
Este é um efeito hover no botão de classe 'button2'.
O código que ShiftActif usa:
- Código:
a.button1:hover,a.button2:hover,button.button2:hover,input.button1:hover,input.button2:hover,input.button2:hover{
background-position:0 100%;
border:1px solid #00a5cd!important;
box-shadow:1px 1px 5px!important;
color:#00a5cd!important;
}
Poderá personalizar as classes como desejar.
Até mais
Scrat- Hiperativo
-
Idade : 24
Pontos : 0
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012
Localização : São Paulo - São Paulo - República Federativa do Brasil
-
Re: Efeito nos botôes
por Explorer Seg 28 Jan - 23:46
Olá,
Obrigado mas, eu queria saber também como deixa-los arredondados!
Até mais!
Obrigado mas, eu queria saber também como deixa-los arredondados!
Até mais!
Explorer- Colaborador Actif
-
Idade : 23
Pontos : 0
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012
Localização : SD, SA, FDF.
-
Re: Efeito nos botôes
por Scrat Seg 28 Jan - 23:52
Olá,
Substitua o código acima por este:
Resulta?
Até mais
Substitua o código acima por este:
- Código:
a.button1:hover,a.button2:hover,button.button2:hover,input.button1:hover,input.button2:hover,input.button2:hover{
-moz-border-radius:2px;
-webkit-boreder-radius:2px;
background-position:0 100%;
border:1px solid #00a5cd!important;
box-shadow:1px 1px 5px!important;
color:#00a5cd!important;
}
Resulta?
Até mais
Scrat- Hiperativo
-
Idade : 24
Pontos : 0
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012
Localização : São Paulo - São Paulo - República Federativa do Brasil
-
Explorer- Colaborador Actif
-
Idade : 23
Pontos : 0
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012
Localização : SD, SA, FDF.
-
Re: Efeito nos botôes
por Scrat Ter 29 Jan - 0:13
Olá,
Então retorne o código para o estado anterior, e adicione este código a sua folha de estilo:
Até mais
Então retorne o código para o estado anterior, e adicione este código a sua folha de estilo:
- Código:
button.button2,input.button2{
-moz-border-radius:2px;
-webkit-border-radius:2px;
background:#f9c8da;
font-weight:700;
padding:2px;
}
Até mais
Scrat- Hiperativo
-
Idade : 24
Pontos : 0
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012
Localização : São Paulo - São Paulo - República Federativa do Brasil
-
Re: Efeito nos botôes
por HenRyqUéè Ter 29 Jan - 10:25
Olá!
Utilize esse código (o mesmo tem todos os efeitos que você pediu):
Utilize esse código (o mesmo tem todos os efeitos que você pediu):
- Código:
body .button2:hover, body.button1:hover, body input[value="Enviar"]:hover, body input[value="Pré-visualizar"]:hover{border: 1px solid rgb(0, 165, 205) !important;
box-shadow: 1px 1px 5px !important;
color: rgb(0, 165, 205) !important;}body .button2, body.button1, body input[value="Enviar"], body input[value="Pré-visualizar"]{background: url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png") repeat scroll 0% 0% rgb(244, 245, 244);border: 1px solid rgb(221, 221, 221);border-radius: 3px 3px 3px 3px;padding: 3px 5px;}
HenRyqUéè- Partner
-
Idade : 38
Pontos : 0
ReputActifs : 8
Mensagens : 87
Inscrição : 02/11/2012
-
Explorer- Colaborador Actif
-
Idade : 23
Pontos : 0
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012
Localização : SD, SA, FDF.
-
Conteúdo patrocinado
Tópicos semelhantes» Efeito no Icon
» Efeito de Entrar
» Efeito de Tópicos Pendentes
» Efeito de Botões
» Efeito hover nas categorias
» Efeito de Entrar
» Efeito de Tópicos Pendentes
» Efeito de Botões
» Efeito hover nas categorias
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
