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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Personalizar reputação do fórum
Hoje à(s) 13:45 por Kyo Panda

» Estatísticas personalizadas
Hoje à(s) 13:06 por Rick22

» Personalizar categorias do fórum
Hoje à(s) 11:28 por Kyo Panda

» Widgets no final do fórum
Hoje à(s) 5:10 por Lhs17

» Personalizar footer
Hoje à(s) 1:28 por iScroll

» Personalizar SCEditor
Hoje à(s) 1:10 por YouTube3

» Mudar pre-visualização do formulário
Hoje à(s) 1:09 por YouTube3

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
69 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 66 Visitantes :: 2 Motores de busca

Bogi, Luis raio, Shek Crowley

[ 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 : 857
Pontos Ativos : 1919

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 : 4973
Pontos Ativos : 7155

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 : 857
Pontos Ativos : 1919

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 : 4973
Pontos Ativos : 7155

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 : 857
Pontos Ativos : 1919

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 : 4973
Pontos Ativos : 7155

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 : 857
Pontos Ativos : 1919

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 : 4973
Pontos Ativos : 7155

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 : 857
Pontos Ativos : 1919

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 : 4973
Pontos Ativos : 7155

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5