Separar informações do perfil por quadro nas mensagens

Qual é minha questão:
Olá,queria coloca esse quadrador que esta na imagem
https://imgur.com/EP8UG

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

Versão do fórum:
PHPBB3

Olá Sking!

Por gentileza, passe-me o endereço do forúm onde o senhor viu tal efeito.

Abraços.

Olá!

Leia:
[TUTORIAL] Separar informações do perfil por quadro nas mensagens

Melhores cumprimentos.

deu erro ficou tudo bagunçado

UP

crie uma página Javascript com esse código:

Código:


;jQuery(document).ready(function(){jQuery('td.row1 span, .pun .post .user, .post .postprofile dl dd').each(function(){jQuery(this).html(jQuery(this).html().replace(/<br>/g,'</div><br>').replace(/<span>/g,'<div id=campoperfilmsg style="background-color:white;border:1px solid #88898a;padding:3px 10px 3px 10px;color:black;font-size:12px;margin-bottom:2px;text-align:left; widht: 50px;"><span style="white-space'));jQuery(this).find('span span').css({'color':'#575757','font-weight':'bold','font-size':'13px'});jQuery(this).find('br').css('display','none')})});

não deu certo ficou tudo bagunçado
esperado outro codigo
abraço~

exclua o js que lhe mandei anteriormente, e adicione isso a sua folha de css:

Código:

.postprofile dd, .postprofile dt {
background: white none;
color: #414141;
border: 1px solid #B9C4CD;
padding: 3px 0 3px 0;
margin: 0;
margin-top: 2px;
}

Não deu certo ficou normal

UP

Ola Sking

Crie uma página Javascript com esse código:

Código:

;jQuery(document).ready(function(){jQuery('td.row1 span, .pun .post .user, .post .postprofile dl dd').each(function(){jQuery(this).html(jQuery(this).html().replace(/<br>/g,'</div><br>').replace(/<span>/g,'<div id=campoperfilmsg style="background-color:white;border:1px solid #88898a;padding:3px 10px 3px 10px;color:black;font-size:12px;margin-bottom:2px;text-align:left; widht: 50px;"><span style="white-space'));jQuery(this).find('span span').css({'color':'#575757','font-weight':'bold','font-size':'13px'});jQuery(this).find('br').css('display','none')})});

Esse Vai Em Folhas de Estilo Css

Código:

.postprofile dd, .postprofile dt {
background: white none;
color: #414141;
border: 1px solid #B9C4CD;
padding: 3px 0 3px 0;
margin: 0;
margin-top: 2px;
}

Não funcionou o quadrador ficou no avatar

Olá poderia informar o link do forum aonde viu isto?

Agurdo.

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

.postprofile dd{background-color:white;border:1px solid #88898a;padding:3px 10px 3px 10px;color:black;font-size:12px;margin-bottom:2px;text-align:left; widht: 50px}

Valide.

Melhores cumprimentos,
Today

Ola Poderia deixar o Code Ativo para min Arruma Obrigado

Olá, não ficou do jeito que eu queria
eu queria assim
https://imgur.com/EP8UG

uP

up

UPP

Olá,

Tente este código JavaScript

Código:

;jQuery(document).ready(function(){jQuery('.postprofile dd, .postprofile dt').each(function(){jQuery(this).html(jQuery(this).html().replace(/<br>/g,'</div><br>').replace(/<span>/g,'<div id=campoperfilmsg style="background-color:white;border:1px solid #88898a;padding:3px 10px 3px 10px;color:black;font-size:12px;margin-bottom:2px;text-align:left; widht: 50px;"><span style="white-space'));jQuery(this).find('span span').css({'color':'#575757','font-weight':'bold','font-size':'13px'});jQuery(this).find('br').css('display','none')})});

Adiciona este na sua Folha de estilo CSS

Código:

.postprofile dd, .postprofile dt {background-color:white;border:1px solid #88898a;padding:3px 10px 3px 10px;color:black;font-size:12px;margin-bottom:2px;text-align:left; widht: 50px}

Até

Olá, olha a diferença que eu quero
https://imgur.com/anK5y,UyD5J

Olá autor!

Você experimentou meu código?

Melhores cumprimentos.

Sim mais eu quero https://i.imgur.com/anK5y.png
desse jeito

UPPPPPP

UPPPPPPPPPPPP

Sking, nunca ficará igual ao fórum WebCheats.
Eles usam a plataforma Vbulletin. Muitos tentam copiar funções e a aparência de lá mas muitas coisas não são possíveis de fazer.

Em Punbb até dê para fazer algumas coisas iguais.
Mas, em phpbb3 que é a versão de vosso fórum, não..

Desde quando eu quero que seja igual
eu só quero o quadrado
ser eu quiser igual eu crio um vbbulletin mais eu não quero eu só quero o quadrado
abraço~

Sking irei te passar o Código peço que por favor espere..

Olá novamente

Aceda á :

Painel de Controle Visualizações Imagens e Cores Cores Aceda a aba Folha de Estilo CSS

E adicione isto lá :

Código:

/*profilefield*/
.post_field {
background: white none;
border: 1px solid #DEDEDE;
color: #414141;
margin: 1px 0 0;
padding: 2px 0;
text-align:left;
padding-left:5px;
}

/*posthead*/
.pun .posthead h2 strong {
font: normal 12px arial, helvetica, sans-serif;
color:#B6B6B6;
}

/*profile*/
#profile-advanced-right {
float: left;
width: 300px;
}
#profile-advanced-layout {
float: right;
margin-left: -300px;
width: 100%;
margin-right: 0px;
}
#profile-advanced-left {
margin-left: 305px;
margin-right: 0px;
}
#profile-advanced-layout #new-message {
clear: both;
margin-top: -0.5em;
position: relative;
}
#profile-advanced-right .main-head .h3 {
-moz-border-radius: 10px;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0 1px 0px, rgba(255,255,255,0.05) 0 0 0 1px;
-webkit-border-radius: 10px!important;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
background: rgba(0, 0, 0, 0.4);
border-radius: 10px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
color: white;
font-weight: 700;
opacity: 1;
padding: 4px 10px;
}

#profile-advanced-right .module.main .main-head {
background-color: #183C5D;
background-image: url(http://i.imgur.com/JnYGc.png);
border: none;
border-radius: 5px 5px 0 0;
box-shadow: none;
color: white;
font-size: 12px;
font-weight: 300;
overflow: hidden;
padding: 9px 12px;
text-shadow: black 0 1px 2px;
}

#profile-advanced-left #profile-advanced-details .main-head .subtitle {
font-size: 25px;
font-weight: 700;
line-height: 60px;
padding-left: 75px;
}

#profile-advanced-left #profile-advanced-details .main-head {
-webkit-box-shadow: inset 0 1px 0 #008186, inset 1px 0 0 #056B4E, inset -1px 0 0 #056B4E, inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px #056B4E;
background-image: url(http://img86.xooimage.com/files/2/3/a/captur-36b3f67.png);
background-position: left;
background-color:transparent;
background-repeat: no-repeat;
border: 1px solid #026375;
height: 70px;
}

#profile-advanced-right .main-head .h3 span {
color: #FFD600!important;
font-size: 14px!important;
}

#profile-advanced-left #profile-advanced-details .main-head .subtitle span {
color: #00B8FF!important;
}

#profile-advanced-right .main-content.clearfix.center {
color: #777575;
font-size: 15px;
font-weight: 700;
text-shadow: 1px 1px 2px #F0F0F0;
}


Atenciosamente
Ajudei? Agradeça

Não mudou nada

Poderia me mandar sua CSS ?
Obrigado

Olá!

Adicione este código em "Folha de Estilo Css"

Código:

.postprofile dd{
background-color:white;
border:1px solid #88898a;
padding:3px 10px 3px 10px;
color:black;
font-size:12px;
margin-bottom:2px;
text-align:left;
widht: 50px;
}

Valide.

Depois crie "JavaScript"

Código:

;jQuery(document).ready(function(){jQuery('td.row1 span, .pun .post .user, .post .postprofile dl dd').each(function(){jQuery(this).html(jQuery(this).html().replace(/<br>/g,'</div><br>').replace(/<span>/g,'<div id=campoperfilmsg style="background-color:white;border:1px solid #88898a;padding:3px 10px 3px 10px;color:black;font-size:12px;margin-bottom:2px;text-align:left; widht: 50px;"><span style="white-space'));jQuery(this).find('span span').css({'color':'#575757','font-weight':'bold','font-size':'13px'});jQuery(this).find('br').css('display','none')})});

Investimentos: Em todas as páginas.
Confirmar.

Até mais.

Estou a espera de um ajudeiro
ele podera resolve meu problema
abraço~

Olá,

Essa é uma parte do que diz respeito ao que deseja. Devera adicionar em CSS. Existem propriedades que podem causar personalizações indesejadas e, assim, procure as classes .userinfo

Código:

.postbitlegacy .postbody,.eventbit .eventdetails .eventbody{margin-left:200px;border-left:1px solid #d9d9d9;background:#fefdfd url(http://www.webcheats.com.br/forum/images/styles/iBusiness/style_red/rowBG.png) repeat-x left bottom;_background-image:none;padding-bottom:1em}.postbitlegacy .postrow,.eventbit .eventrow,.postbitdeleted .postrow,.postbitignored .postrow{padding:5px 10px 10px;font:13px arial,helvetica,sans-serif;color:rgb(51,51,51)}.postbitlegacy .userinfo{float:left;position:relative;width:180px;padding:2px 10px 5px;font-size:12px;display:block;background:#f7f7f7 none ;clear:both}.postbitlegacy .userinfo .rank,.postbitlegacy .userinfo .usertitle{font-size:12px;display:block;clear:both}.postbitlegacy .userinfo .username_container{margin-bottom:8px}.postbitlegacy .userinfo .username_container .memberaction{display:inline}.postbitlegacy .userinfo .postuseravatar,.eventbit .userinfo .eventuseravatar{display:block;margin:3.33333333333px auto 0;text-align:left;width:auto;float:left;clear:both}.postbitlegacy .userinfo .postuseravatar img,.eventbit .userinfo .eventuseravatar img{max-width:180px}.postbitlegacy .userinfo a.username,.eventbit .userinfo a.username{clear:right;font-size:13px;font-weight:bold;width:auto;max-width:160px;word-wrap:break-word}.postbitlegacy .userinfo .guest.username,.eventbit .userinfo .guest.username{padding-top:5px;display:block;font-size:13px}.postbitlegacy dl.userinfo_extra,.postbitlegacy dl.user_rep{margin:5px 0;display:block;float:left;width:180px}.postbitlegacy dl.userinfo_extra dt,.postbitlegacy dl.user_rep dt{float:left;text-align:left;margin-right:10px;margin-left:0;min-width:60px;width:auto !important;width:60px}.postbitlegacy dl.userinfo_extra dt:after,.postbitlegacy dl.user_rep dt:after{content:":"}.postbitlegacy dl.user_rep dt.blank:after{content:none}.postbitlegacy dl.userinfo_extra dd,.postbitlegacy dl.userinfo_extra dd a,.postbitlegacy dl.user_rep dd{padding-bottom:3px}

Até Mais!