Modificar chat box

4 participantes

Ir para baixo

Tópico resolvido Modificar chat box

Mensagem por Firenando 16.02.12 2:34

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: https://i.imgur.com/2B09s.png
Imagem com o mouse clicado: https://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
Firenando
Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por Ace 16.02.12 15:09

Olá,

Leia:

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

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

Por exemplo:

#chatbox_footer{
background-image: url(https://2img.net/i/bl/logo.png);
background-repeat: no-repeat;
background-position: bottom right;
}

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

Até Mais!
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por Firenando 16.02.12 15:31

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
Firenando
Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por MateusV. 16.02.12 15:37

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por Firenando 16.02.12 15:40

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

Mensagem :

Até mais Piscada
Firenando
Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por MateusV. 16.02.12 15:42

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por Firenando 16.02.12 15:42

Não resultou.
Firenando
Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por King Gz; 16.02.12 16:04

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
King Gz;
King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por MateusV. 16.02.12 16:08

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por Firenando 16.02.12 16:12

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

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por MateusV. 16.02.12 16:14

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por Firenando 16.02.12 16:26

Não resultou.
Firenando
Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por MateusV. 16.02.12 16:32

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por Firenando 16.02.12 16:36

Não resultou.
E apenas quero colocar a borda sim.
Firenando
Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por MateusV. 17.02.12 16:00

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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar chat box

Mensagem por Firenando 17.02.12 16:24

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.
Firenando
Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos