Personalizar a caixa de mensagens

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar a caixa de mensagens

Mensagem por Rapha Didone em 04/06/13, 09:21 am

Qual é minha questão:
Utilizei o seguinte tutorial: http://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, 06:25 pm, editado 1 vez(es)
avatar

Rapha Didone
Usuário avançado

Masculino
Inscrito dia : 03/11/2012
Mensagens : 443
Pontos Ativos : 717

Ver perfil do usuário http://www.clubedosestudantes.com
  • 0

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por MateusA em 04/06/13, 09:44 am

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.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por Rapha Didone em 04/06/13, 10:49 am

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?
avatar

Rapha Didone
Usuário avançado

Masculino
Inscrito dia : 03/11/2012
Mensagens : 443
Pontos Ativos : 717

Ver perfil do usuário http://www.clubedosestudantes.com
  • 0

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por Sennior em 04/06/13, 10:50 am

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por MateusA em 04/06/13, 10:55 am

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
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt
  • 0

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por fagnermaker em 04/06/13, 10:59 am

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.
avatar

fagnermaker
Nível 8

Masculino
Inscrito dia : 14/04/2013
Mensagens : 148
Pontos Ativos : 259

Ver perfil do usuário http://nossorpgmaker.forumeiros.com/

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por Rapha Didone em 04/06/13, 12:34 pm

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

Rapha Didone
Usuário avançado

Masculino
Inscrito dia : 03/11/2012
Mensagens : 443
Pontos Ativos : 717

Ver perfil do usuário http://www.clubedosestudantes.com

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por MateusA em 04/06/13, 01:00 pm

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
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por Rapha Didone em 04/06/13, 02:16 pm

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?
avatar

Rapha Didone
Usuário avançado

Masculino
Inscrito dia : 03/11/2012
Mensagens : 443
Pontos Ativos : 717

Ver perfil do usuário http://www.clubedosestudantes.com

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por MateusA em 04/06/13, 02:21 pm

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
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt
  • 0

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por HermeS. em 04/06/13, 02:22 pm

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.
avatar

HermeS.
Usuário avançado

Masculino
Inscrito dia : 06/09/2012
Mensagens : 304
Pontos Ativos : 366

Ver perfil do usuário http://revolutioncheatsbr.forumeiros.com/
  • 0

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por Sennior em 05/06/13, 01:06 pm

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar a caixa de mensagens

Mensagem por Rapha Didone em 07/06/13, 05:40 pm

Olá galera, consegui. Obrigado pelo empenho de todos!
avatar

Rapha Didone
Usuário avançado

Masculino
Inscrito dia : 03/11/2012
Mensagens : 443
Pontos Ativos : 717

Ver perfil do usuário http://www.clubedosestudantes.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum