Personalizar a caixa de mensagens

5 participantes

Ir para baixo

Tópico resolvido Personalizar a caixa de mensagens

Mensagem por Rapha Didone 04.06.13 13:21

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


Última edição por Davidson em 07.06.13 22:25, editado 1 vez(es)
Rapha Didone
Rapha Didone
Membro

Membro desde : 03/11/2012
Mensagens : 530
Pontos : 847

http://www.clubedosestudantes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por MateusA 04.06.13 13:44

Olá!

Adicione na sua "Folha de Estilos CSS"

Código:
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(ENDEREÇO);
}

Seta No código procure por ENDEREÇO subistitua pelo endereço url da sua imagem.

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por Rapha Didone 04.06.13 14:49

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?
Rapha Didone
Rapha Didone
Membro

Membro desde : 03/11/2012
Mensagens : 530
Pontos : 847

http://www.clubedosestudantes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por Sennior 04.06.13 14:50

Saudações!

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

Código:
#text_editor_textarea {
background: url(http://i39.tinypic.com/2z3rrwk.jpg) !important;
background-repeat: no-repeat;
}

Valide. Piscada


Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por MateusA 04.06.13 14:55

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

Código:

Código:
textarea#text_editor_textarea.inputbox {
background: url(http://oi39.tinypic.com/2z3rrwk.jpg); 
}


Seta 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. Piscada
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por fagnermaker 04.06.13 14:59

Davidson não nada a ver com você estar na linha 57 se eu não me engano não tem limite.

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.
fagnermaker
fagnermaker
***

Membro desde : 14/04/2013
Mensagens : 148
Pontos : 259

http://nossorpgmaker.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por Rapha Didone 04.06.13 16:34

Obrigado senhores pelo empenho de todos, mas até agora não deu certo. Triste
Rapha Didone
Rapha Didone
Membro

Membro desde : 03/11/2012
Mensagens : 530
Pontos : 847

http://www.clubedosestudantes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por MateusA 04.06.13 17:00

Olá!

Aceda à "Gestão dos Códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta 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. Piscada
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por Rapha Didone 04.06.13 18:16

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?
Rapha Didone
Rapha Didone
Membro

Membro desde : 03/11/2012
Mensagens : 530
Pontos : 847

http://www.clubedosestudantes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por MateusA 04.06.13 18:21

Olá!

Aceda à "Gestão dos Códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta 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. Piscada
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por HermeS. 04.06.13 18:22

Saudações,

Aceda à "Folha de estilo CSS"
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta 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.
HermeS.
HermeS.
****

Membro desde : 07/09/2012
Mensagens : 304
Pontos : 366

http://revolutioncheatsbr.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por Sennior 05.06.13 17:06

Saudações!

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

Código:
#text_editor_textarea {
background: url(http://i39.tinypic.com/2z3rrwk.jpg) !important;
background-repeat: no-repeat;
}

Valide. Piscada


Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a caixa de mensagens

Mensagem por Rapha Didone 07.06.13 21:40

Olá galera, consegui. Obrigado pelo empenho de todos!
Rapha Didone
Rapha Didone
Membro

Membro desde : 03/11/2012
Mensagens : 530
Pontos : 847

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