Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Cambiar Botones del ChatBox

2 participantes

Início :: Forumeiros :: NostalgiaCambiar Botones del ChatBox

Hipster Hipster  • Sáb 15 Fev 2014 - 11:24

Cambiar Botones del ChatBox Empty Cambiar Botones del ChatBox Sáb 15 Fev 2014 - 11:24

Reputação da mensagem: 100% (2 votos)
Qual é minha questão:
Hola quisiera saber como puedo cambiar ls botones CSS por unos mas agradables asi como los de aca:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Quisiera estos botones!

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Daemon Daemon  • Sáb 15 Fev 2014 - 12:42

Cambiar Botones del ChatBox Empty Re: Cambiar Botones del ChatBox Sáb 15 Fev 2014 - 12:42

Olá,
acesse o painel de controle do seu fórum e vá até a sua folha de css, adicione este código:
Código:
.fontbutton {
background: #646464 url('http://i58.servimg.com/u/f58/18/62/03/31/highli17.png') repeat-x 0 0;
border: 1px solid #585858 !important;
padding: 4px 10px;
color: #fff;
font: normal 13px tahoma,helvetica,arial,sans-serif;
text-shadow: #474747 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#chatbox_messenger_form div.right img{display: none;}
#divbold:after {
content: 'Bold';
}
#divitalic:after {
content: 'Italic';
}
#divunderline:after {
content: 'Underline';
}
#divstrike:after {
content: 'Strike';
}
#divcolor:after {
content: 'Color';
}
#divsmilies:after {
content: 'Smilies';
}
Até mais!

Hipster Hipster  • Sáb 15 Fev 2014 - 12:51

Cambiar Botones del ChatBox Empty Re: Cambiar Botones del ChatBox Sáb 15 Fev 2014 - 12:51

Me sale descuadrado todo y cuando paso el mouse sobre uno se vuelve blanco, ademas el boton de enviar sigue igual tambien quisiera modificarlo como el de la imagen Very Happy

Mira como quedo:


[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Daemon Daemon  • Sáb 15 Fev 2014 - 13:02

Cambiar Botones del ChatBox Empty Re: Cambiar Botones del ChatBox Sáb 15 Fev 2014 - 13:02

Procure por isto em seu css amigo:
Código:
#submit_button, .fontbutton {
-khtml-border-radius: 7px;
-khtml-box-shadow: 0 1px 4px 0 #c8c8d2;
-moz-border-radius: 7px;
-moz-box-shadow: 0 1px 4px 0 #c8c8d2;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 1px 4px 0 #c8c8d2;
-webkit-box-sizing: border-box;
background: #dcdceb url(http://i55.servimg.com/u/f55/18/74/03/48/sin_ta17.png) repeat-x top;
border: 1px solid #ddddeb;
border-bottom-color: #b3b3bd;
border-radius: 7px;
border-top-color: #fff;
box-shadow: 0 1px 4px 0 #c8c8d2;
box-sizing: border-box;
color: #000;
cursor: pointer;
display: inline-block;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 12px;
font-style: normal;
height: 23px;
line-height: 23px;
outline: none;
padding: 0 6px;
text-align: center;
text-shadow: 0 0 0 transparent, 0 -1px 2px #fff;
}
Apague e veja se resulta.
Até!

Hipster Hipster  • Sáb 15 Fev 2014 - 13:08

Cambiar Botones del ChatBox Empty Re: Cambiar Botones del ChatBox Sáb 15 Fev 2014 - 13:08

No me sirvio amigo volvio todo igual

Daemon Daemon  • Sáb 15 Fev 2014 - 13:24

Cambiar Botones del ChatBox Empty Resolvido através do acesso ao painel do fórum do membro. Sáb 15 Fev 2014 - 13:24

[sucesso=Tópico Resolvido; e Bloqueado]Resolvido através do acesso ao painel do fórum do membro.[/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Cambiar Botones del ChatBox Empty Re: Cambiar Botones del ChatBox

Início :: Forumeiros :: Nostalgia:: Cambiar Botones del ChatBox
Permissões neste sub-fórum
Não podes responder a tópicos