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!!!
Compartilhe
Ver o tópico anteriorIr em baixoVer o tópico seguinte
avatar
Colaborador Actif
Masculino
Idade : 16
PointActif's : 2042
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012

Localização : SD, SA, FDF.
100%
Ver perfil do usuáriohttp://shift.forumactif.com

Resolvido Efeito nos botôes

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
Hiperativo
Masculino
Idade : 16
PointActif's : 2525
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áriohttp://master-publicitario.forumeiros.com/

Resolvido Re: Efeito nos botôes

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
Colaborador Actif
Masculino
Idade : 16
PointActif's : 2042
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012

Localização : SD, SA, FDF.
100%
Ver perfil do usuáriohttp://shift.forumactif.com

Resolvido Re: Efeito nos botôes

em Seg 28 Jan - 23:46
Olá,

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

Até mais!
avatar
Hiperativo
Masculino
Idade : 16
PointActif's : 2525
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áriohttp://master-publicitario.forumeiros.com/

Resolvido Re: Efeito nos botôes

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
Colaborador Actif
Masculino
Idade : 16
PointActif's : 2042
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012

Localização : SD, SA, FDF.
100%
Ver perfil do usuáriohttp://shift.forumactif.com

Resolvido Re: Efeito nos botôes

em Seg 28 Jan - 23:54
Olá,

Não resultou Sad

Até mais!
avatar
Hiperativo
Masculino
Idade : 16
PointActif's : 2525
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áriohttp://master-publicitario.forumeiros.com/

Resolvido Re: Efeito nos botôes

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
Partner
Masculino
Idade : 31
PointActif's : 1885
ReputActifs : 8
Mensagens : 87
Inscrição : 02/11/2012

100%
Ver perfil do usuáriohttp://www.rmbr.forumeiros.com

Resolvido Re: Efeito nos botôes

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
Colaborador Actif
Masculino
Idade : 16
PointActif's : 2042
ReputActifs : 8
Mensagens : 275
Inscrição : 14/09/2012

Localização : SD, SA, FDF.
100%
Ver perfil do usuáriohttp://shift.forumactif.com

Resolvido Re: Efeito nos botôes

em Ter 29 Jan - 11:40
Obrigado! Resultou o do HenRyqUéè!
Ver o tópico anteriorVoltar ao TopoVer o tópico seguinte
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum