Modificar chat box

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

Resolvido Modificar chat box

Mensagem por Firenando em 16/02/12, 12:34 am

Qual é minha questão:
Olá, meu chat box está com um errinho básico, não é bem um erro.

Ele não está aparecendo a borda de colocar a mensagem, tem que clicar em cima da parte de digitar para aparecer a borda, e eu queria que fica-se em branco e a borda em preto.

Imagem sem o mouse clicado: http://i.imgur.com/2B09s.png
Imagem com o mouse clicado: http://i.imgur.com/MxAS3.png

Obrigado desde já.

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:
Tá ali em cima

Endereço do meu fórum:
http://br-designerforever.forumeiros.com/

Versão do meu fórum:
PHPBB3
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Modificar chat box

Mensagem por Ace em 16/02/12, 01:09 pm

Olá,

Leia:

Flecha ajudeiros http://ajuda.forumeiros.com/t22416-

No caso, terá de trabalhar com o CSS, na parte:
#chatbox_footer

Por exemplo:

#chatbox_footer{
background-image: url(http://illiweb.com/bl/logo.png);
background-repeat: no-repeat;
background-position: bottom right;
}

Painel >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Modificar chat box

Mensagem por Firenando em 16/02/12, 01:31 pm

Ace, não resultou, ele explica tudo, menos como colocar borda em um botão, eu tentei utilizar este código e não deu.

Código:
#chatbox_footer{
background-color: #FFFFFF;
border: 2px solid #000000;
background-position: bottom right;
}

Até mais Piscada
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Modificar chat box

Mensagem por MateusV. em 16/02/12, 01:37 pm

Olá, você deseja os botões ou onde se escreve a mensagem? Se caso for a mensagem tente este codigo
Código:
button.button2, input.button2{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}
Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificar chat box

Mensagem por Firenando em 16/02/12, 01:40 pm

Não funcionou, e eu quero colocar na mensagem, nesse área:

Mensagem :

Até mais Piscada
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Modificar chat box

Mensagem por MateusV. em 16/02/12, 01:42 pm

Olá, eu testei em um forum aqui, e resultou
Código:
input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    }
    input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #46a9af;
    color: #46a9af;
    }
Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificar chat box

Mensagem por Firenando em 16/02/12, 01:42 pm

Não resultou.
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Modificar chat box

Mensagem por King Gz; em 16/02/12, 02:04 pm

Olá,

Pelo que ví o erro não está em seu css, e o problema não está somente no chatbox, login, registrar-se, etc ...

Adicionou algum código js recentimente?

Até mais Piscada
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Modificar chat box

Mensagem por MateusV. em 16/02/12, 02:08 pm

Olá, adicione este codigo em seu CSS
Código:

.codebox {
   display:block;
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   }

#main-content div.h3{border:1px solid #548710!important;padding:3px!important;border-radius:6px!important;-moz-border-radius:6px!important;-webkit-border-radius:6px!important;text-align:center!important}

    .forabg {
    margin-bottom: 15px;
    }

.forabg ul.forums,.pmlist{background-image:url(http://i43.servimg.com/u/f43/16/43/60/45/back12.png)!important}

    #main-content div.panel.row3 div#cp-main.ucp-main .panel{border:0;padding:0px 0px 0px 0px}

input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    }
    input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #46a9af;
    color: #46a9af;
    } 
input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    }
    input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #46a9af;
    color: #46a9af;
    } 
Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificar chat box

Mensagem por Firenando em 16/02/12, 02:12 pm

Olá, agora se passar o mouse por cima, acontece algo, mais eu quero que fique com apenas uma borda em branco, ou preta...
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Modificar chat box

Mensagem por MateusV. em 16/02/12, 02:14 pm

Olá, substitua por este
Código:
input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
border-color: #fff0f5;
    }
Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificar chat box

Mensagem por Firenando em 16/02/12, 02:26 pm

Não resultou.
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Modificar chat box

Mensagem por MateusV. em 16/02/12, 02:32 pm

Olá, então você quer apenas uma borda em volta do editor certo? Tente com este
Código:
.codebox {
  display:block;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  }

#main-content div.h3{border:1px solid #548710!important;padding:3px!important;border-radius:6px!important;-moz-border-radius:6px!important;-webkit-border-radius:6px!important;text-align:center!important}
Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificar chat box

Mensagem por Firenando em 16/02/12, 02:36 pm

Não resultou.
E apenas quero colocar a borda sim.
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

Ver perfil do usuário http://divineartz.forumeiros.com/
  • 0

Resolvido Re: Modificar chat box

Mensagem por MateusV. em 17/02/12, 02:00 pm

Olá, tente com este
Código:
body.chatbox input#message,body.chatbox input#message:focus{
border:1px solid #548710 !important;
padding:3px !important;
border-radius:6px !important;
-moz-border-radius:6px !important;
-webkit-border-radius:6px !important;
text-align:center !important;
}
Até mais Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Modificar chat box

Mensagem por Firenando em 17/02/12, 02:24 pm

Obrigado Mateus, não era a cor, o jeito que eu queria, mais algo já consigo modificar com meu gosto Rindo

Levou meu obrigado, e pode fechar o tópico.
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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