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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
Fou-Lu
 
Holkis
 
iScroll
 
Sr.Oliveira
 
while
 
Harleen
 
fiapinho
 
Stewart
 

Quem está conectado
265 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 260 Visitantes :: 2 Motores de busca

Connor R., Daemon, Fou-Lu, Luiz~, ruystguerra

[ 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)

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2070

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.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7237

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.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2070

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.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7237

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.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2070

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.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7237

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:

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2070

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7237

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.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 909
Pontos Ativos : 2070

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".

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7237

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