ShiftActif fórum


Participe da melhor comunidade sobre fóruns!

Bem vindo 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!
Venha participar desta grande comunidade!!!
Conectar-se

Esqueci minha senha

Os membros mais ativos do mês

Quem está conectado
11 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 11 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 671 em Sex 20 Abr - 13:08

Efeito nos botôes

Ir em baixo

Efeito nos botôes

Mensagem por Explorer em 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
avatar
Explorer
Colaborador Actif

Masculino
Idade : 17
PointActif's : 2380
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012

Localização : SD, SA, FDF.
100%

Ver perfil do usuário http://shift.forumactif.com

Voltar ao Topo Ir em baixo

Re: Efeito nos botôes

Mensagem por Scrat em Seg 28 Jan - 23:34

Olá,
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
Piscada
avatar
Scrat
Hiperativo

Masculino
Idade : 17
PointActif's : 2863
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012

Localização : São Paulo - São Paulo - República Federativa do Brasil
100%

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Voltar ao Topo Ir em baixo

Re: Efeito nos botôes

Mensagem por Explorer em Seg 28 Jan - 23:46

Olá,

Obrigado mas, eu queria saber também como deixa-los arredondados!

Até mais!
avatar
Explorer
Colaborador Actif

Masculino
Idade : 17
PointActif's : 2380
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012

Localização : SD, SA, FDF.
100%

Ver perfil do usuário http://shift.forumactif.com

Voltar ao Topo Ir em baixo

Re: Efeito nos botôes

Mensagem por Scrat em Seg 28 Jan - 23:52

Olá,
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
Piscada
avatar
Scrat
Hiperativo

Masculino
Idade : 17
PointActif's : 2863
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012

Localização : São Paulo - São Paulo - República Federativa do Brasil
100%

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Voltar ao Topo Ir em baixo

Re: Efeito nos botôes

Mensagem por Explorer em Seg 28 Jan - 23:54

Olá,

Não resultou Sad

Até mais!
avatar
Explorer
Colaborador Actif

Masculino
Idade : 17
PointActif's : 2380
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012

Localização : SD, SA, FDF.
100%

Ver perfil do usuário http://shift.forumactif.com

Voltar ao Topo Ir em baixo

Re: Efeito nos botôes

Mensagem por Scrat em 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:
Código:
button.button2,input.button2{
-moz-border-radius:2px;
-webkit-border-radius:2px;
background:#f9c8da;
font-weight:700;
padding:2px;
}

Até mais
Piscada
avatar
Scrat
Hiperativo

Masculino
Idade : 17
PointActif's : 2863
ReputActifs : 59
Mensagens : 820
Inscrição : 02/06/2012

Localização : São Paulo - São Paulo - República Federativa do Brasil
100%

Ver perfil do usuário http://master-publicitario.forumeiros.com/

Voltar ao Topo Ir em baixo

Re: Efeito nos botôes

Mensagem por HenRyqUéè em Ter 29 Jan - 10:25

Olá!

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;}
Até.... Piscada
avatar
HenRyqUéè
Partner

Masculino
Idade : 32
PointActif's : 2223
ReputActifs : 8
Mensagens : 87
Inscrição : 02/11/2012

100%

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

Voltar ao Topo Ir em baixo

Re: Efeito nos botôes

Mensagem por Explorer em Ter 29 Jan - 11:40

Obrigado! Resultou o do HenRyqUéè!
avatar
Explorer
Colaborador Actif

Masculino
Idade : 17
PointActif's : 2380
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012

Localização : SD, SA, FDF.
100%

Ver perfil do usuário http://shift.forumactif.com

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum