Personalizar a caixa de mensagens
5 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
Personalizar a caixa de mensagens
Qual é minha questão:
Utilizei o seguinte tutorial: https://ajuda.forumeiros.com/t16049-tutorial-personalizar-as-caixas-de-mensagem e não consegui personalizar a caixa de mensagens.
Quero inserir essa imagem, cuja url é http://tinypic.com/r/2z3rrwk/5
Endereço do meu fórum:
http://foge.forum-livre.com
Versão do fórum:
PHPBB3
Utilizei o seguinte tutorial: https://ajuda.forumeiros.com/t16049-tutorial-personalizar-as-caixas-de-mensagem e não consegui personalizar a caixa de mensagens.
Quero inserir essa imagem, cuja url é http://tinypic.com/r/2z3rrwk/5
Endereço do meu fórum:
http://foge.forum-livre.com
Versão do fórum:
PHPBB3
Última edição por Davidson em 07.06.13 22:25, editado 1 vez(es)
Re: Personalizar a caixa de mensagens
Olá!
Adicione na sua "Folha de Estilos CSS"
No código procure por ENDEREÇO subistitua pelo endereço url da sua imagem.
Até mais.
Adicione na sua "Folha de Estilos CSS"
- Código:
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(ENDEREÇO);
}
No código procure por ENDEREÇO subistitua pelo endereço url da sua imagem.
Até mais.
Re: Personalizar a caixa de mensagens
Olá amigo,
Não deu certo. Será que é porque já estou na linha 57 do CSS? Tem algum limite que ao inserir novos códigos CSS não funciona mais?
Não deu certo. Será que é porque já estou na linha 57 do CSS? Tem algum limite que ao inserir novos códigos CSS não funciona mais?
Re: Personalizar a caixa de mensagens
Saudações!
Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
Valide.
Até mais.
Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
- Código:
#text_editor_textarea {
background: url(http://i39.tinypic.com/2z3rrwk.jpg) !important;
background-repeat: no-repeat;
}
Valide.
Até mais.
Re: Personalizar a caixa de mensagens
Olá!
Aceda à "Folha de Estilos CSS":
Painel de Controle Visualização Imagens & Cores Cores Folha de Estilo CSS
Código:
Não vai funcionar se você mandar o link da imagem, clique sobre ela e seleciona a opção "Copiar endereço da imagem"
Valide.
Aceda à "Folha de Estilos CSS":
Painel de Controle Visualização Imagens & Cores Cores Folha de Estilo CSS
Código:
- Código:
textarea#text_editor_textarea.inputbox {
background: url(http://oi39.tinypic.com/2z3rrwk.jpg);
}
Não vai funcionar se você mandar o link da imagem, clique sobre ela e seleciona a opção "Copiar endereço da imagem"
Valide.
Re: Personalizar a caixa de mensagens
Davidson não nada a ver com você estar na linha 57 se eu não me engano não tem limite.
lembre-se de no lugar que está escrito ENDEREÇO coloque o link DIRETO da imagem caso contrario não irá funcionar.
- Código:
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(ENDEREÇO);
}
lembre-se de no lugar que está escrito ENDEREÇO coloque o link DIRETO da imagem caso contrario não irá funcionar.
Re: Personalizar a caixa de mensagens
Obrigado senhores pelo empenho de todos, mas até agora não deu certo.
Re: Personalizar a caixa de mensagens
Olá!
Aceda à "Gestão dos Códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Código:
Valide.
Aceda à "Gestão dos Códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Código:
- Código:
jQuery(document).ready(function(){
$("#text_editor_textarea").css({"background":"url(http://oi39.tinypic.com/2z3rrwk.jpg)";});
});
Valide.
Re: Personalizar a caixa de mensagens
Olá Crazy,
Apareceu na caixa resposta rápida. Só que apareceu várias imagens e elas não estão transparentes. Tem como aparecer na caixa de mensagens maior?
Apareceu na caixa resposta rápida. Só que apareceu várias imagens e elas não estão transparentes. Tem como aparecer na caixa de mensagens maior?
Re: Personalizar a caixa de mensagens
Olá!
Aceda à "Gestão dos Códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Código:
Valide.
Aceda à "Gestão dos Códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Código:
- Código:
jQuery(document).ready(function(){
$("#text_editor_textarea").css({"background":"url(http://oi39.tinypic.com/2z3rrwk.jpg)", "background-repeat":"no-repeat";});
});
Valide.
Re: Personalizar a caixa de mensagens
Saudações,
Aceda à "Folha de estilo CSS"
Valide.
Até mais.
Aceda à "Folha de estilo CSS"
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS:
- Código:
#text_editor_textarea
{
background-image:url(http://oi39.tinypic.com/2z3rrwk.jpg);
border:hover: 1px solid #0099FF;
}
#message-box textarea {
background-image: url(http://oi39.tinypic.com/2z3rrwk.jpg);
background-repeat: no-repeat;
background-position: bottom center;
}
Valide.
Até mais.
Re: Personalizar a caixa de mensagens
Saudações!
Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
Valide.
Até mais.
Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
- Código:
#text_editor_textarea {
background: url(http://i39.tinypic.com/2z3rrwk.jpg) !important;
background-repeat: no-repeat;
}
Valide.
Até mais.
Tópicos semelhantes
» Personalizar caixa de texto e caixa de smileys
» Personalizar fundo da caixa de mensagens
» Personalizar fundo da caixa de mensagens
» Personalizar caixa de código nas mensagens
» Personalizar a caixa de mensagens rápidas.
» Personalizar fundo da caixa de mensagens
» Personalizar fundo da caixa de mensagens
» Personalizar caixa de código nas mensagens
» Personalizar a caixa de mensagens rápidas.
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