Personalizar o chat box Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Personalizar o chat box

4 participantes

Ir para baixo

Tópico resolvido Personalizar o chat box

Mensagem por ~Soul 17.08.12 21:53

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
~Soul
~Soul
****

Membro desde : 12/02/2010
Mensagens : 340
Pontos : 495

http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o chat box

Mensagem por BrunoH. 17.08.12 22:03

Olá amigo,
leia este tutorial:

Abraços Piscada
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o chat box

Mensagem por ~Soul 17.08.12 22:10

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.
~Soul
~Soul
****

Membro desde : 12/02/2010
Mensagens : 340
Pontos : 495

http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o chat box

Mensagem por Ace 17.08.12 22:24

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

Mensagem por ~Soul 18.08.12 13:00

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 " https://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
~Soul
~Soul
****

Membro desde : 12/02/2010
Mensagens : 340
Pontos : 495

http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o chat box

Mensagem por Luciano98 18.08.12 14:57

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

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o chat box

Mensagem por ~Soul 18.08.12 15:22

Acho que assim está bom.
Veja a imagem abaixo:
https://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...
~Soul
~Soul
****

Membro desde : 12/02/2010
Mensagens : 340
Pontos : 495

http://rocketride.forumeiros.com/ https://www.facebook.com/Jean Lucas

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o chat box

Mensagem por Ace 22.08.12 21:40

Olá,

Tente:

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

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

Cordialmente.
Ace
Ace
Membro Entusiasta

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

https://ajuda.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