Personalizar chatbox

2 participantes

Ir para baixo

Tópico resolvido Personalizar chatbox

Mensagem por Ioane 03.04.13 13:45

Qual é minha questão:
Eu gostaria de modificar toda a estrutura do chatbox a fim que ele não fique mais todo quadrado como na imagem:

Personalizar chatbox Igmr

Alguém sabe algum código que deixe meu chatbox melhor? Estou aberto a sujestões. O que quero é bordas redondas e estilos de cores melhores.

Endereço do meu fórum:
http://mundomeiosangue.forumfacil.net

Versão do fórum:
INVISION


Última edição por Ioane em 03.04.13 18:34, editado 1 vez(es)
Ioane
Ioane
****

Membro desde : 17/06/2009
Mensagens : 386
Pontos : 638

http://jovensescritores.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Sennior 03.04.13 14:58

Saudações! Muito feliz

Flecha ajudeiros Consulte este tutorial:
https://ajuda.forumeiros.com/t22416-tutorial-personalizar-o-chatbox



Abraços! Piscada
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: Personalizar chatbox

Mensagem por Convidado 03.04.13 15:13

Saudações!

Aqui está, basta adicionar em sua "Folha de estilo CSS"
Código:
/* CHATBOX------------------------------------------------------*/
 
.chatbox {
background-color: #F1EFF1 !important;
border: 2px solid #5f2626 !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 2px;
margin: 0px !important;}

#chatbox{background-color: #F1EFF1;}

#chatbox_header {
background: darkred;
margin-top: 0px;
height: 30px;chatbox_messenger_form
padding-top: 5px;
text-shadow: black 1px 1px 1px;}

#chatbox_option_co,#chatbox_option_disco{
font-size: 16px;
font-weight: bold;
font-family: arial;}

#chatbox_header.main-head {
padding: 0 1.3em;
color: darkgrey;
background-color: darkred;
text-shadow: black 1px 1px 1px;}

.chatbox-title,.chatbox-title a.chat-title,.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: darkgrey;
text-decoration: none;
text-shadow: white 1px 1px 1px;}

#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed black;
background-color: #450000;
}

#chatbox_messenger_form {
margin: 10px 0 0 0;
background-color: #004510 !important;}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #450000;
color : black;
font-family: Verdana,Arial,Helvetica,sans-serif;}

.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
padding: 4px;
background-color:#F1EFF1 !important;}

#chatbox .user {
font-weight: bold;}

.memberlist_row_1 {background-color: #F1EFF1;}

#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed black;
background-color: darkred;}
#message{
background-color: white;}

.fontbutton_normal {
background: #F1EFF1;}

.fontbutton_selected {
border: 1px solid black;
background-color: #F1EFF1;}

.fontbutton_clicked {
background: #F1EFF1;
border: 1px solid black;}

#chatbox_contextmenu {
border: 2px solid black;
background-color: #F1EFF1;}

#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid black;
background-color: #F1EFF1;}

#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:black;
background: url('');
background-color: #F1EFF1;}

#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #F1EFF1;}

#chatbox_contextmenu a {
color: black;
text-decoration: none;
font-size: 95%;
background-color: #F1EFF1;}

#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #F1EFF1;}
#chatbox{
  background-color: #004510;}
/* CHATBOX-END------------------------------------------------------*/

Até Piscada
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Ioane 03.04.13 17:32

PabloW., seu código resultou no seguinte:

Personalizar chatbox Imagemhku

Tem como ficar um pouco melhor?
Ioane
Ioane
****

Membro desde : 17/06/2009
Mensagens : 386
Pontos : 638

http://jovensescritores.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Convidado 03.04.13 18:33

Saudações!

Claro senhor, poderia me dizer qual cores que deseja, para que eu possa montar para você?

Até Piscada
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Ioane 03.04.13 18:34

Na verdade vou deixá-la assim mesmo. Obrigado.
Ioane
Ioane
****

Membro desde : 17/06/2009
Mensagens : 386
Pontos : 638

http://jovensescritores.forumeiro.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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