Personalizar chatbox

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

Resolvido Personalizar chatbox

Mensagem por Ioane em 03/04/13, 09:45 am

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:



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, 02:34 pm, editado 1 vez(es)
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.com/

Resolvido Re: Personalizar chatbox

Mensagem por Sennior em 03/04/13, 10:58 am

Saudações! Muito feliz

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



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

Mensagem por Convidado em 03/04/13, 11:13 am

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

Convidado
Convidado


Resolvido Re: Personalizar chatbox

Mensagem por Ioane em 03/04/13, 01:32 pm

PabloW., seu código resultou no seguinte:



Tem como ficar um pouco melhor?
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.com/

Resolvido Re: Personalizar chatbox

Mensagem por Convidado em 03/04/13, 02:33 pm

Saudações!

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

Até Piscada

Convidado
Convidado


Resolvido Re: Personalizar chatbox

Mensagem por Ioane em 03/04/13, 02:34 pm

Na verdade vou deixá-la assim mesmo. Obrigado.
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.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