Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Fichas e personagem e :
Hoje à(s) 4:22 por Claudio Arthur

» Banner got
Hoje à(s) 3:32 por Neji

» Utilização de Templates nas Páginas
Hoje à(s) 3:10 por ZombieW

» Canais ao lado
Hoje à(s) 2:46 por Froozen

» Ranks PMS + Banner
Hoje à(s) 1:09 por Tiger

» Personalizar Menu
Hoje à(s) 0:26 por YouTube3

» como ativo a opção contribuição no rodapé
Ontem à(s) 23:19 por joaopaulo98

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Tiger
 
YouTube3
 
Froozen
 
ZombieW
 
Neji
 
Claudio Arthur
 

Quem está conectado
154 usuários online :: 2 usuários cadastrados, 1 Invisível e 151 Visitantes :: 2 Motores de busca

Holkis, Neji

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar ChatBox

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

Resolvido Personalizar ChatBox

Mensagem por YouTube3 em Ter 16 Ago 2016 - 3:10

Detalhes da questão


Endereço do fórum: http://familytudo2.forumeiros.com/
Versão do fórum: PunBB

Descrição


Boa noite,

Então quero mudar aparência do meu chatbox.

Ele está assim:


Quero que fique assim:


Fórum onde vi: http://www.wasdev.in/
Conta LOGIN: Zeek SENHA: q1w2e3r4r4


Última edição por YouTube3 em Ter 16 Ago 2016 - 4:38, editado 1 vez(es)
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1031
Pontos Ativos : 1470

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar ChatBox

Mensagem por Fraise em Ter 16 Ago 2016 - 3:28

Olá Zeek!

Obrigado por fornecer uma conta-teste antecipadamente, isso facilita bastante. Muito feliz
Adicione em sua folha de estilos:
Código:
#chatbox_header.main-head {
    -khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -moz-border-radius: 4px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    -o-border-radius: 4px;
    -webkit-border-radius: 0;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    background: #1c1f25;
    border-bottom: 1px solid rgba(0,0,0,.20);
    border-radius: 0;
    border-top: 3px solid #3091C1;
    box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    color: #FFF;
    font-family: Ubuntu;
    font-size: 13px;
    font-weight: 700;
    height: 20px;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 8px;
    text-decoration: none;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
    text-transform: uppercase;
}
#chatbox {
    background: #ebf0f3;
    border: 1px solid #DCE2EC;
    border-bottom: 6px solid #DCE2EC;
    margin: 10px 0;
    padding: 8px;
}
#chatbox_members {
    background: #fff;
    border-right: 2px solid #3091C1;
    top: 40px;
}
#chatbox_footer {
    background: #f1f6f9;
    border-top: 1px solid #d5dde5;
    padding: 6px;
}

Atenciosamente,
Fraise.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar ChatBox

Mensagem por YouTube3 em Ter 16 Ago 2016 - 4:09

Nada.

Quase lá, quando estou desconectado do chat ele fica uma parte da linha azul ultrapassando olhe:


Se for possível adicionar os botões, também.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1031
Pontos Ativos : 1470

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar ChatBox

Mensagem por Fraise em Ter 16 Ago 2016 - 4:15

Essa borda é normal. Inclusive no fórum que você passou, se encontra igual.
Quanto ao resto, adicione em sua folha de estilos:
Código:
#chatbox_members .member-title {
    background: #1c1f25;
    border-radius: 0 0 4px 4px;
    border-top: 3px solid #3091C1;
    box-shadow: rgba(0,0,0,0.3) 0 1px 5px;
    color: #FFF;
    font-family: Ubuntu;
    font-size: 12px;
    margin: 5px;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
    text-transform: uppercase;
    width: 164px;
}

Atenciosamente,
Fraise.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar ChatBox

Mensagem por YouTube3 em Ter 16 Ago 2016 - 4:21

O SE AUSENTAR e o CONECTADO embaixo do ChatBox ficou porem os botões estão normal.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1031
Pontos Ativos : 1470

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar ChatBox

Mensagem por Fraise em Ter 16 Ago 2016 - 4:29

Adicione mais este:
Código:
input#message.post {
    -khtml-border-radius: 3px;
    -khtml-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
    -moz-border-radius: 3px;
    -moz-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
    -moz-transition: border .3s ease-in-out;
    -o-transition: border .3s ease-in-out;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
    -webkit-transition: border .3s ease-in-out;
    background-color: #fafbfc;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    box-shadow: rgba(0,0,0,0.07) 0 1px 3px, inset rgba(255,255,255,0.75) 0 1px 0;
    color: #666;
    font-size: 12px;
    min-width: 378px;
    outline: 0;
    padding: 9px!important;
    transition: border .3s ease-in-out;
}
#message {
    height: 16px;
    margin-top: 3px;
    width: 250px;
}
#message, #submit_button {
    margin-left: 15px;
}

#chatbox_messenger_form {
    margin: 0!important;
}
#chatbox_messenger_form {
    margin: 10px 0 0;
}
#divcolor, #divsmilies, #help-button, #submit_button, .format-message + label {
    border: 1px solid #AAA;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    display: inline-block;
    height: 18px;
    line-height: 16px;
    text-align: center;
    width: 18px;
}
.fontbutton {
    -moz-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    -webkit-transition: background .3s ease-in-out;
    background: #3091C1 url(http://imgur.com/srUpLQz.png) repeat-x;
    border: 0!important;
    border-radius: 4px;
    border-top: 1px solid rgba(0,0,0,.20);
    color: #fff;
    cursor: pointer;
    font-family: Ubuntu!important;
    font-size: 13px;
    outline: 0;
    padding: 5px!important;
    text-shadow: 0 2px 0 rgba(0,0,0,0.14);
    transition: background .3s ease-in-out;
}

Tudo certo agora? Muito feliz

Att,
Fraise.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar ChatBox

Mensagem por YouTube3 em Ter 16 Ago 2016 - 4:33

Só mais uma coisa o botão ENVIAR ta bugado ainda olhe:
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1031
Pontos Ativos : 1470

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar ChatBox

Mensagem por Fraise em Ter 16 Ago 2016 - 4:36

Veja com este código:
Código:
#submit_button {
    height: auto !important; }

Atenciosamente,
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar ChatBox

Mensagem por YouTube3 em Ter 16 Ago 2016 - 4:38

Resolvido obrigado pode fechar.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1031
Pontos Ativos : 1470

http://Ajuda.Forumeiros.com

Resolvido Re: Personalizar ChatBox

Mensagem por Fraise em Ter 16 Ago 2016 - 4:39

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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