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

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

Olá!
Leia este tópico:
[TUTORIAL] Separar informações do perfil por quadro nas mensagens

Até mais.

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

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.

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

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

Até mais.

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

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.

Olá

Escolha a cor que quiser aqui

Tabela de cores WEB

Até mais

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

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.

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

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.

Não deu borda arredondada...

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.

Desculpe, mas desta vez nem funfo nada...

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.

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

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.

Após o código de BrunoH.

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.

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

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.

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.

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.

Tudo desapareceu:

Deu alterei a opacidade e ficou do jeito que queria!