Chatbox personalizado Hitskin_logo Hitskin.com

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

Chatbox personalizado

3 participantes

Ir para baixo

Tópico resolvido Chatbox personalizado

Mensagem por yT0RM3NT0 03.11.11 20:37

Qual é minha questão:
Eu estava procurando como personalizar o chatbox e achei o seguinte tópico:

https://ajuda.forumeiros.com/t22416-tutorial-personalizar-o-chatbox

Eu tentei montar o código e tudo mais, mas eu não entendi a 3º parte, eu não sei se está certo o código que tentei usar

Alguém poderia me passar o código completo para mim editar?

Eu sei editar e tudo mais, mas eu não consegui "Juntar as partes"

Eu tava tentando mudar e consegui só isso:

Código:
background-color: #FFFFFF;
background-image: url(http://yourimg.in/m/6043adu.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
background-position: 2px 10px;
color: #FFFFFF;
color: 10pt;
font-family Verdana, Geneva, sans-serif;
#chatbox_header

Agradeço desde já

Medidas que eu tomei para corrigir o problema:
Nenhuma

Imagens do meu problema:
-

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

Versão do meu fórum:
PHPBB3
avatar
yT0RM3NT0
****

Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330

http://tudosobrejogosbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por Cream 03.11.11 20:42

Olá amigo,

A terceira parte do tutorial, fala sobre qual parte do chatbox você irá aplicar estes códigos que você produziu (chamados de propriedades). Exemplo:
#chatbox_header {
background-color: #FFFFFF;
background-image: url(http://yourimg.in/m/6043adu.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
background-position: 2px 10px;
color: #FFFFFF;
color: 10pt;
font-family: Verdana, Geneva, sans-serif;

}
A parte em Vermelho vai alterar a parte em Verde. Entendes? Use as chaves (em azul) para abrir as propriedades de uma classe, e fechá-las. Assim por diante...

Até mais!
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por yT0RM3NT0 03.11.11 20:49

Ficara +/- assim? :

Código:
#chatbox_header
h2.chatbox-title a.chat-title
#chatbox_main_options a
#chatbox_members
#chatbox
.chatbox_row_1
.chatbox_row_2
.chatbox_row_3
#chatbox_footer {
background-color: #FFFFFF;
background-image: url(http://yourimg.in/m/6043adu.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
background-position: 2px 10px;
color: #FFFFFF;
color: 10pt;
font-family: Verdana, Geneva, sans-serif;
}

Eu não entendo muito de códigos,

Ah e mais uma coisa, terá que colocar o link das imagens ?
avatar
yT0RM3NT0
****

Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330

http://tudosobrejogosbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por Cream 03.11.11 20:53

Olá amigo,

Você deve separar cada propriedade para cada classe. Entende? Por exemplo:
Spoiler:
Você não pode agrupar as classes quando elas são diferentes e para locais totalmente diferentes. Haverá conflitos no código. Sobre a imagem poderia explicar melhor? Não pude compreender. Lembrando, adicione sempre os códigos CSS em:
Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Até mais! Piscada
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por Konai 03.11.11 20:54

Olá,

Aonde quer colocar imagens TudoSobreJogosForum ?


Owner Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por yT0RM3NT0 03.11.11 22:03

Owner escreveu:Olá,

Aonde quer colocar imagens TudoSobreJogosForum ?


Owner Piscada

Olá, olhe a imagem abaixo

Chatbox personalizado Bsv3576
avatar
yT0RM3NT0
****

Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330

http://tudosobrejogosbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por yT0RM3NT0 03.11.11 22:04

Cream escreveu:Olá amigo,

Você deve separar cada propriedade para cada classe. Entende? Por exemplo:
Spoiler:
Você não pode agrupar as classes quando elas são diferentes e para locais totalmente diferentes. Haverá conflitos no código. Sobre a imagem poderia explicar melhor? Não pude compreender. Lembrando, adicione sempre os códigos CSS em:
Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Até mais! Piscada

Obrigado, Cream ajudou muito
avatar
yT0RM3NT0
****

Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330

http://tudosobrejogosbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por Cream 03.11.11 22:12

Olá,

Amigo, poderia nos dizer se sua dúvida ainda persiste? Para colocar imagem nestes locais, utilize os seguintes códigos em:
Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Insira o seguinte:
Spoiler:
Troque os lugares com "IMG" pelo link da imagem desejada.

Resulta?
Até mais!
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por yT0RM3NT0 03.11.11 22:31

Cream escreveu:Olá,

Amigo, poderia nos dizer se sua dúvida ainda persiste? Para colocar imagem nestes locais, utilize os seguintes códigos em:
Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Insira o seguinte:
Spoiler:
Troque os lugares com "IMG" pelo link da imagem desejada.

Resulta?
Até mais!

Seria assim? :

Código:
#chatbox_header {
background-color: url(http://yourimg.in/m/78y936p.png);
}

#chatbox {
background-color: url(http://yourimg.in/m/6043adu.png);
}

#chatbox_footer {
background-color: url(http://yourimg.in/m/78y936p.png);
}

Se for assim, não resultou Triste
avatar
yT0RM3NT0
****

Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330

http://tudosobrejogosbr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por Cream 03.11.11 22:34

Olá amigo,

Não. Você usou a propriedade 'color' ao invés da propriedade 'image'. Ficaria assim:
Spoiler:

Teste deste modo e veja se resulta.
Até mais! Piscada
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Chatbox personalizado

Mensagem por yT0RM3NT0 03.11.11 22:39

Cream escreveu:Olá amigo,

Não. Você usou a propriedade 'color' ao invés da propriedade 'image'. Ficaria assim:
Spoiler:

Teste deste modo e veja se resulta.
Até mais! Piscada

Obrigado, Cream, resultou

Obrigado
avatar
yT0RM3NT0
****

Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330

http://tudosobrejogosbr.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