Botões estilosos

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

Resolvido Botões estilosos

Mensagem por -Pozz em Ter 18 Mar 2014 - 17:37

Qual é minha questão:


Gostaria que os botões ficassem com está aparência, na cor #155D98 e no hover #427517

Visto em http://artelib.forumeiros.com/
 

Endereço do meu fórum:
http://visualart.ativoforum.com

Versão do fórum:
PHPBB3


Última edição por Koller em Qui 20 Mar 2014 - 8:09, editado 1 vez(es)

-Pozz
Membro do Fórum

Masculino
Inscrito dia : 29/08/2013
Mensagens : 1338
Pontos Ativos : 1853

Ver perfil do usuário http://visualart.ativoforum.com/

Resolvido Re: Botões estilosos

Mensagem por Sennior em Qua 19 Mar 2014 - 1:12

Boas!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Seta Código:

Código:
#quick_reply > div:nth-child(2) > input:nth-child(9) {
-webkit-border-radius: 2px;
background: #393939 url(http://illiweb.com/fa/pbucket.gif) repeat-x 0 0;
border: 0;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 26px;
line-height: 26px;
padding: 0 10px;
text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
white-space: nowrap;
}

.mainoption, .pun .frm .frm-buttons input, a.button2, body:last-child a.button1, input.button1, input[type="button"], input[type="submit"]:hover{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #555555 url(http://illiweb.com/fa/pbucket.gif) repeat-x 0 0;
border: 0;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 26px;
line-height: 26px;
padding: 0 10px;
text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
white-space: nowrap;
}

Obs:. Coloque o código no inicio de tua Folha de Estilo CSS para que haja exito.

Abraços,
Sennior! Positivo
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: Botões estilosos

Mensagem por -Pozz em Qua 19 Mar 2014 - 8:09

O botão enviar ficou sem hover.

O botão pré-visualizar ficou sem o normal, mas com hover.

-Pozz
Membro do Fórum

Masculino
Inscrito dia : 29/08/2013
Mensagens : 1338
Pontos Ativos : 1853

Ver perfil do usuário http://visualart.ativoforum.com/

Resolvido Re: Botões estilosos

Mensagem por Alex Habilidade em Qua 19 Mar 2014 - 20:49

Olá boa noite,

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

    #quick_reply > div:nth-child(2) > input:nth-child(9):hover {
 -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #555555 url(http://illiweb.com/fa/pbucket.gif) repeat-x 0 0;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
    white-space: nowrap; 
}
#quick_reply > div:nth-child(2) > input:nth-child(9) {
    -webkit-border-radius: 2px;
    background: #393939 url(http://illiweb.com/fa/pbucket.gif) repeat-x 0 0;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
    white-space: nowrap;
    }
.mainoption, .pun .frm .frm-buttons input, a.button2, body:last-child a.button1, input.button1, input[type="button"], input[type="submit"]{
    -webkit-border-radius: 2px;
    background: #393939 url(http://illiweb.com/fa/pbucket.gif) repeat-x 0 0;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
    white-space: nowrap; 
}
.mainoption, .pun .frm .frm-buttons input, a.button2, body:last-child a.button1, input.button1, input[type="button"], input[type="submit"]:hover{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #555555 url(http://illiweb.com/fa/pbucket.gif) repeat-x 0 0;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
    white-space: nowrap;
    }
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: Botões estilosos

Mensagem por -Pozz em Qui 20 Mar 2014 - 8:08

Certinho Alex, obrigado

-Pozz
Membro do Fórum

Masculino
Inscrito dia : 29/08/2013
Mensagens : 1338
Pontos Ativos : 1853

Ver perfil do usuário http://visualart.ativoforum.com/

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