Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

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

Resolvido Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 01:09 pm

Qual é minha questão:
Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Tipo deste fórum:

http://universionforum.forumeiros.com/t1-regras-l-condutas-universion-forum

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

Versão do fórum:
PHPBB3


Última edição por ViniciusVX em 21/03/13, 04:00 pm, editado 1 vez(es)
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por BrunoH. em 21/03/13, 01:13 pm

avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 01:20 pm

Ficou estranho olha lá, não tem como mudar a cor do fundo não?
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por BrunoH. em 21/03/13, 01:23 pm

Olá!
Tem sim, substitua o JavaScript que o senhor está utilizando, por este:
Código:
jQuery(document).ready(function(){
jQuery(".pun .post .user, .post .postprofile dl").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
});
jQuery(".field").css({"background-color":"transparent","margin-bottom":"3px","margin-right":"11px","height":"24px","padding":"5px 5px 5px 5px","text-align":"center","border":"1px solid #ccc"});
jQuery("td.row2 span").css({"max-width":"300px"});
});

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 01:26 pm

Queria colocar o fundo Meio transparente não totalmente...
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por BrunoH. em 21/03/13, 01:28 pm

Olá!
Aperte "Ctrl + F" e procure por: transparent no código JavaScript, e basta substituir o transparent pela cor desejada, compreende?

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 01:31 pm

Eu sei, não sou decil, quero dizer que quando coloco transparente fica muito transparente, não fica aquele jeito opaco que eu queria.
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por Gaaratsu em 21/03/13, 01:34 pm

Olá querido,

Substitua o código do BrunoH. por este:

Código:
jQuery(document).ready(function(){
jQuery(".pun .post .user, .post .postprofile dl").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
});
jQuery(".field").css({"filter":"alpha(opacity=50)","-moz-opacity":"0.5","-khtml-opacity":"0.5","opacity":"0.5","margin-bottom":"3px","margin-right":"11px","height":"24px","padding":"5px 5px 5px 5px","text-align":"center","border":"1px solid #ccc"});
jQuery("td.row2 span").css({"max-width":"300px"});
});

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por Gmtp em 21/03/13, 01:36 pm

Olá

Escolha a cor que quiser aqui


Até mais
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 01:49 pm

Esta muito transparente, não aparece nem o quadro...
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por Gaaratsu em 21/03/13, 01:50 pm

Olá querido,

Tente este:
Código:
jQuery(document).ready(function(){
jQuery(".pun .post .user, .post .postprofile dl").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
});
jQuery(".field").css({"filter":"alpha(opacity=30)","-moz-opacity":"0.3","-khtml-opacity":"0.3","opacity":"0.3","margin-bottom":"3px","margin-right":"11px","height":"24px","padding":"5px 5px 5px 5px","text-align":"center","border":"1px solid #ccc"});
jQuery("td.row2 span").css({"max-width":"300px"});
});

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 01:55 pm

Deu, mas teria como colocar bordas arredondadas? e O texto ficar Left?
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por Gaaratsu em 21/03/13, 01:57 pm

Olá novamente,

Sim! Para isto, substitua o código por este:
Código:
jQuery(document).ready(function(){
jQuery(".pun .post .user, .post .postprofile dl").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
});
jQuery(".field").css({"filter":"alpha(opacity=30)","-moz-opacity":"0.3","-khtml-opacity":"0.3","opacity":"0.3","margin-bottom":"3px","margin-right":"11px","height":"24px","padding":"5px 5px 5px 5px","text-align":"left","border":"1px solid #ccc","-moz-border-radius":" 20px","-webkit-border-radius":" 20px;"});jQuery("td.row2 span").css({"max-width":"300px"});
});

Até mais. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 02:10 pm

Não deu borda arredondada...
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por Gaaratsu em 21/03/13, 02:12 pm

Olá querido,

Tente este:
Código:
jQuery(document).ready(function(){
jQuery(".pun .post .user, .post .postprofile dl").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
});
jQuery(".field").css({"filter":"alpha(opacity=30)","-moz-opacity":"0.3","-khtml-opacity":"0.3","opacity":"0.3","margin-bottom":"3px","margin-right":"11px","height":"24px","padding":"5px 5px 5px 5px","text-align":"left","border":"1px solid #ccc","moz-border-radius":" 20px; webkit-border-radius":" 20px"});jQuery("td.row2 span").css({"max-width":"300px"});
});

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 02:21 pm

Desculpe, mas desta vez nem funfo nada...
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por BrunoH. em 21/03/13, 02:22 pm

Olá,
Substitua por este:
Código:
jQuery(document).ready(function(){
jQuery(".pun .post .user, .post .postprofile dl").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
});
jQuery(".field").css({"filter":"alpha(opacity=30)","-moz-opacity":"0.3","-khtml-opacity":"0.3","opacity":"0.3","margin-bottom":"3px","margin-right":"11px","height":"24px","padding":"5px 5px 5px 5px","text-align":"center","border":"1px solid #ccc","border-radius":"5px"});
jQuery("td.row2 span").css({"max-width":"300px"});
});

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 02:41 pm

Ok, Ficou óptimus, mas, as letras também ficaram transparentes, gostaria que isso não acontece-se tem como?
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por Gaaratsu em 21/03/13, 02:44 pm

Olá querido,

Como assim? Poderia demonstrar uma print screen?
O código para alinhar o texto à esquerda, substitua o código atual por este:
Código:
jQuery(document).ready(function(){
jQuery(".pun .post .user, .post .postprofile dl").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
});
jQuery(".field").css({"filter":"alpha(opacity=30)","-moz-opacity":"0.3","-khtml-opacity":"0.3","opacity":"0.3","margin-bottom":"3px","margin-right":"11px","height":"24px","padding":"5px 5px 5px 5px","text-align":"left","border":"1px solid #ccc","border-radius":"5px"});
jQuery("td.row2 span").css({"max-width":"300px"});
});

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 02:49 pm

Após o código de BrunoH.

avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por Gaaratsu em 21/03/13, 02:53 pm

Olá querido,

O meu código não deixava isto transparente ou deixava?
Tente este:
Código:
jQuery(document).ready(function(){
jQuery(".pun .post .user, .post .postprofile dl").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<div class="field"><span class="label'));
});
jQuery("td.row2 span,td.row1 span").each(function(){
jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
});
jQuery(".field").css({"filter":"alpha(opacity=30)","-moz-opacity":"0.3","-khtml-opacity":"0.3","opacity":"0.3","margin-bottom":"3px","margin-right":"11px","height":"24px","padding":"5px 5px 5px 5px","text-align":"left","border":"1px solid #ccc","border-radius":"5px"});jQuery("td.row2 span").css({"max-width":"300px"});
});

Até mais. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 02:59 pm

Imagem respectiva ao resultado do código de Dr.House

avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por Gaaratsu em 21/03/13, 03:00 pm

Olá novamente,

Antes de mais nada, me responda o que deseja que fique transparente e o que não quer que fique, pode ser?

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 03:05 pm

Desculpe, apenas mostrei a print dos dois códigos que me deram.

Na verdade. Quero que o contorno seja arredondado como está, quero a borda transparente e já a letra quero ela normal, sem estar transparente, pois dificulta a leitura, pode ver nais imagens acima.

Torno a dizer, não quis ofender e muito menos agredir moralmente alguém, acho que tudo gira em torno de respeito, e tenho um profundo com os usuários deste fórum tão especial.

ViniciusVX.
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por Gaaratsu em 21/03/13, 03:13 pm

Olá querido,

Estou ao seu dispor senhor! Sei que não quer ofender, apenas quer o efeito desejado sem erro e eu lhe compreendo perfeitamente. Agora voltando ao assunto principal, substitua o código atual por este logo abaixo:
Código:
jQuery(document).ready(function(){
jQuery(".pun .post .user, .post .postprofile dl").css({"filter":"alpha(opacity=30)","-moz-opacity":"0.3","-khtml-opacity":"0.3","opacity":"0.3"}).each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<dd><span class="label'));
});
jQuery("td.row2 span,td.row1 span").css({"filter":"alpha(opacity=30)","-moz-opacity":"0.3","-khtml-opacity":"0.3","opacity":"0.3"}).each(function(){
jQuery(this).html(jQuery(this).html().replace(/<span class="label/g,'<span class="label'));
});
jQuery("td.row2 span,td.row1 span").css({"filter":"alpha(opacity=30)","-moz-opacity":"0.3","-khtml-opacity":"0.3","opacity":"0.3"}).each(function(){
jQuery(this).html(jQuery(this).html().replace(/<br/g,'</div><br'));
});
jQuery(".field").css({"margin-bottom":"3px","margin-right":"11px","height":"24px","padding":"5px 5px 5px 5px","text-align":"left","border":"1px solid #ccc","border-radius":"5px"});jQuery("td.row2 span").css({"max-width":"300px"});
});

Até mais. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 03:25 pm

Tudo desapareceu:

avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Resolvido Re: Queria que os campos do perfil nas mensagens fossem envolvidos em um retângulo

Mensagem por ViniciusVX em 21/03/13, 03:59 pm

Deu alterei a opacidade e ficou do jeito que queria!
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/04/2012
Mensagens : 306
Pontos Ativos : 449

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

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