Chatbox personalizado

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

Resolvido Chatbox personalizado

Mensagem por Connor R. em 07/07/13, 05:52 pm

Qual é minha questão:
Gostaria de saber como ter o Chatbox deste fórum abaixo.

http://www.suportedesign.net/forum#axzz2YJ9gySuw

Endereço do meu fórum:
http://somosmugiwara.forumeiros.com

Versão do fórum:
PUNBB
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Chatbox personalizado

Mensagem por Sennior em 07/07/13, 05:53 pm

Olá amigo,

Nos conceda uma Print Screen de tal Chatbox que o senhor deseja.

Até mais.
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: Chatbox personalizado

Mensagem por Connor R. em 07/07/13, 06:00 pm

Aqui está.

avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Chatbox personalizado

Mensagem por Sennior em 07/07/13, 06:04 pm

Olá!

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


Codigo CSS:
Código:
#chatbox_members {
border-right: 1px dashed #ccc;
bottom: 30px;
overflow: auto;
position: absolute;
top: 30px;
width: 180px;
}
#chatbox_header.main-head {
background-color: #;
color: #dedfdf;
padding: 0 1.3em;
}
#chatbox_header {
height: 30px;
}
#chatbox_footer {
border-top: 1px dashed #ccc;
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
input[type="password"], input[type="text"], select, textarea {
background-color: #fff;
border-color: #BBB #CCC #DDD;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 5px rgba(0,0,0,0.1) inset;
}
button, button.button2, input.button2, input[type="button"], input[type="file"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
background: #e3e3e3;
border: 1px solid #bbb;
border-radius: 3px;
box-shadow: inset 0 0 1px 1px #f6f6f6;
color: #333;
cursor: pointer;
font-family: "helvetica neue",helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 1;
padding: 4px .5em!important;
text-align: center;
text-shadow: 0 1px 0 #fff;
}

Clique em "Validar". Piscada

Até mais.
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: Chatbox personalizado

Mensagem por Connor R. em 07/07/13, 06:12 pm

Não ficou igual ao da Imagem...
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Chatbox personalizado

Mensagem por North em 07/07/13, 06:17 pm

Olá Connor R.,

Este é o máximo que pode ser extraído, para deixar igual será necessário o uso de códigos JavaScript no qual não oferecemos suporte.

Podemos dar esta questão como resolvida?

Até mais.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Chatbox personalizado

Mensagem por Connor R. em 07/07/13, 06:19 pm

Sim sim, estou editando aqui e também usando outros códigos de Chats.

Resolvido e valeu cara.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

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