Botões estilosos

3 participantes

Ir para baixo

Tópico resolvido Botões estilosos

Mensagem por -Pozz 18.03.14 20:37

Qual é minha questão:
Botões estilosos IROjzSn

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 20.03.14 11:09, editado 1 vez(es)
avatar
-Pozz
Super Membro

Membro desde : 29/08/2013
Mensagens : 1338
Pontos : 1853

http://visualart.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões estilosos

Mensagem por Sennior 19.03.14 4: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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) 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
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: Botões estilosos

Mensagem por -Pozz 19.03.14 11:09

O botão enviar ficou sem hover.

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

Membro desde : 29/08/2013
Mensagens : 1338
Pontos : 1853

http://visualart.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões estilosos

Mensagem por Alex Habilidade 19.03.14 23: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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) 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://i1327.photobucket.com/albums/u661/quanligerv/animate33x/highlight_faint.png) 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;
    }
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

Tópico resolvido Re: Botões estilosos

Mensagem por -Pozz 20.03.14 11:08

Certinho Alex, obrigado
avatar
-Pozz
Super Membro

Membro desde : 29/08/2013
Mensagens : 1338
Pontos : 1853

http://visualart.ativoforum.com/

Ir para o topo Ir para baixo

Ir para o topo


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