Personalizar o chat box

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

Resolvido Personalizar o chat box

Mensagem por ~Soul em 17/08/12, 05:53 pm

Qual é minha questão:
É, eu li o tuturoail de personalizar o Chat Box, mas isso é muito complicado pra mim, sou noob nesse tipo de coisa. Preciso que alguém gere um código para mim, de acordo com o que eu falar, para deixar o Chatbox bonito.

Primeiro (Não sei se tem como) quero que haja um contorno preto de pelo menos 3 pixels de grossura e uma imagem azul pra ficar na área onde está escrito "Chatbox", "Atualizar | Arquivos | Login".

Se alguém puder gerar esse código pra mim...

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://pokebolt.forumeiros.com

Versão do meu fórum:
PHPBB2
avatar

~Soul
Usuário avançado

Masculino
Inscrito dia : 12/02/2010
Mensagens : 340
Pontos Ativos : 495

Ver perfil do usuário http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Resolvido Re: Personalizar o chat box

Mensagem por BrunoH. em 17/08/12, 06:03 pm

Olá amigo,
leia este tutorial:

Abraços Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar o chat box

Mensagem por ~Soul em 17/08/12, 06:10 pm

Soul Kaiser escreveu:Qual é minha questão:
É, eu li o tuturoail de personalizar o Chat Box...

Como eu disse, li o tutorial, mas não deu certo, eu não entendi direito e acabei estragando o Chat. Se alguem puder gerar um código igual eu descrevi pra mim, eu ficaria agradecido.
avatar

~Soul
Usuário avançado

Masculino
Inscrito dia : 12/02/2010
Mensagens : 340
Pontos Ativos : 495

Ver perfil do usuário http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Resolvido Re: Personalizar o chat box

Mensagem por Ace em 17/08/12, 06:24 pm

Olá,

Tente o seguinte CSS:

#chatbox {
border-left: 3px solid #000000;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
border-bottom: 3px solid #000000;
}

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

Cordialmente.
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: Personalizar o chat box

Mensagem por ~Soul em 18/08/12, 09:00 am

Assim mesmo, e outro contorno, de dois pixels, em volta do Chat inteiro, não só da área da mensagem. Sabe imagem das categorias do fórum Forumeiros? Que é uma azul com listras azul um pouco mais claro? Então, queria uma parecida para colocar na área onde fica as palavras "Chat Box", "Atualizar | Arquivos | Atualização automática. | Sair".
Edit: Exemplo, essa imagem " http://i.imgur.com/zrDLH.png ", quero que dentro da área onde há listras vermelhas, haja uma imagem azul e bonita, por que acho estar esquisito o Chatbox
avatar

~Soul
Usuário avançado

Masculino
Inscrito dia : 12/02/2010
Mensagens : 340
Pontos Ativos : 495

Ver perfil do usuário http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Resolvido Re: Personalizar o chat box

Mensagem por Luciano98 em 18/08/12, 10:57 am

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
div.panel.row3{background-image:url(http://4.bp.blogspot.com/-tAu4ppegi84/TqbFW-7NgiI/AAAAAAAAAV4/3EC0SKdbZ2w/s1600/Light_Blue_by_bodysoulspirit.jpg)}div.panel.row3 .panel{background-color:transparent}

Valide.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Personalizar o chat box

Mensagem por ~Soul em 18/08/12, 11:22 am

Acho que assim está bom.
Veja a imagem abaixo:
http://i.imgur.com/MlBIm.png
O espacinho branco que sobrou todo preto agora, é a última coisa necessária para completar, e, alguma outra imagem azul para deixar o Chat bonito, e fim...
avatar

~Soul
Usuário avançado

Masculino
Inscrito dia : 12/02/2010
Mensagens : 340
Pontos Ativos : 495

Ver perfil do usuário http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Resolvido Re: Personalizar o chat box

Mensagem por Ace em 22/08/12, 05:40 pm

Olá,

Tente:

#chatbox_header{
background-image: url(SUA_IMAGEM);
}

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

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

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