InícioChatbox personalizado
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Chatbox personalizado
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:
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
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
yT0RM3NT0- ****
- Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330 -
Re: Chatbox personalizado
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:
Até mais!
A terceira parte do tutorial, fala sobre qual parte do chatbox você irá aplicar estes códigos que você produziu (chamados de propriedades). Exemplo:
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...#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;
}
Até mais!
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Chatbox personalizado
por yT0RM3NT0 03.11.11 20:49
Ficara +/- assim? :
Eu não entendo muito de códigos,
Ah e mais uma coisa, terá que colocar o link das imagens ?
- 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 ?
yT0RM3NT0- ****
- Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330 -
Re: Chatbox personalizado
por Cream 03.11.11 20:53
Olá amigo,
Você deve separar cada propriedade para cada classe. Entende? Por exemplo:
Painel de controle
Visualização Imagens e cores Cores Folha de estilo CSS
Até mais!
Você deve separar cada propriedade para cada classe. Entende? Por exemplo:
- Spoiler:
- #chatbox_header {
background-color: #FFFFFF;
}
h2.chatbox-title a.chat-title {
background-color: #FFFFFF;
}
#chatbox_main_options a {
background-color: #FFFFFF;
}
#chatbox_members {
background-color: #FFFFFF;
}
#chatbox {
background-color: #FFFFFF;
}
.chatbox_row_1 {
background-color: #FFFFFF;
}
.chatbox_row_2 {
background-color: #FFFFFF;
}
.chatbox_row_3 {
background-color: #FFFFFF;
}
#chatbox_footer {
background-color: #FFFFFF;
}
Painel de controle
Visualização Imagens e cores Cores Folha de estilo CSSAté mais!
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Chatbox personalizado
por Konai 03.11.11 20:54
Olá,
Aonde quer colocar imagens TudoSobreJogosForum ?
Owner
Aonde quer colocar imagens TudoSobreJogosForum ?
Owner
Konai- Membro Entusiasta
- Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550 -
Re: Chatbox personalizado
por yT0RM3NT0 03.11.11 22:03
Owner escreveu:Olá,
Aonde quer colocar imagens TudoSobreJogosForum ?
Owner
Olá, olhe a imagem abaixo
yT0RM3NT0- ****
- Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330 -
Re: Chatbox personalizado
por yT0RM3NT0 03.11.11 22:04
Cream escreveu:Olá amigo,
Você deve separar cada propriedade para cada classe. Entende? Por exemplo: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:
- Spoiler:
background-color: #FFFFFF;
}
h2.chatbox-title a.chat-title {
background-color: #FFFFFF;
}
#chatbox_main_options a {
background-color: #FFFFFF;
}
#chatbox_members {
background-color: #FFFFFF;
}
#chatbox {
background-color: #FFFFFF;
}
.chatbox_row_1 {
background-color: #FFFFFF;
}
.chatbox_row_2 {
background-color: #FFFFFF;
}
.chatbox_row_3 {
background-color: #FFFFFF;
}
#chatbox_footer {
background-color: #FFFFFF;
}
Painel de controle
Até mais!
Obrigado, Cream ajudou muito
yT0RM3NT0- ****
- Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330 -
Re: Chatbox personalizado
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 Visualização Imagens e cores Cores Folha de estilo CSS
Insira o seguinte:
Resulta?
Até mais!
Amigo, poderia nos dizer se sua dúvida ainda persiste? Para colocar imagem nestes locais, utilize os seguintes códigos em:
Painel de controle
Visualização Imagens e cores Cores Folha de estilo CSSInsira o seguinte:
- Spoiler:
- #chatbox_header {
background-image: url(IMG);
}
#chatbox_footer {
background-image: url(IMG);
}
#chatbox {
background-image: url(IMG);
}
Resulta?
Até mais!
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Chatbox personalizado
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
Insira o seguinte:Troque os lugares com "IMG" pelo link da imagem desejada.
- Spoiler:
background-image: url(IMG);
}
#chatbox_footer {
background-image: url(IMG);
}
#chatbox {
background-image: url(IMG);
}
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
yT0RM3NT0- ****
- Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330 -
Re: Chatbox personalizado
por Cream 03.11.11 22:34
Olá amigo,
Não. Você usou a propriedade 'color' ao invés da propriedade 'image'. Ficaria assim:
Teste deste modo e veja se resulta.
Até mais!
Não. Você usou a propriedade 'color' ao invés da propriedade 'image'. Ficaria assim:
- Spoiler:
- #chatbox_header {
background-image: url('http://yourimg.in/m/78y936p.png');
}
#chatbox {
background-image: url(http://yourimg.in/m/6043adu.png);
}
#chatbox_footer {
background-image: url('http://yourimg.in/m/78y936p.png');
}
Teste deste modo e veja se resulta.
Até mais!
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Chatbox personalizado
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:
background-image: url('http://yourimg.in/m/78y936p.png');
}
#chatbox {
background-image: url(http://yourimg.in/m/6043adu.png);
}
#chatbox_footer {
background-image: url('http://yourimg.in/m/78y936p.png');
}
Teste deste modo e veja se resulta.
Até mais!
Obrigado, Cream, resultou
yT0RM3NT0- ****
- Membro desde : 09/08/2011
Mensagens : 203
Pontos : 330 -
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
