Separar informações do perfil por quadro nas mensagens

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

Resolvido Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 14/01/13, 02:36 pm

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

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

Versão do fórum:
PHPBB3

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por HenRyqUéè em 14/01/13, 02:56 pm

Olá Sking!

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

Abraços.
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sennior em 14/01/13, 03:01 pm

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: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 14/01/13, 04:01 pm

deu erro ficou tudo bagunçado

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 14/01/13, 08:58 pm

UP

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Daemon em 14/01/13, 09:12 pm

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')})});
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 14/01/13, 09:26 pm

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

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Daemon em 14/01/13, 10:08 pm

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;
}
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

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

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 15/01/13, 03:03 pm

Não deu certo ficou normal

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 15/01/13, 08:03 pm

UP

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Venancio Mattos em 15/01/13, 08:34 pm

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 Seta 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;
}
avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 15/01/13, 08:43 pm

Não funcionou o quadrador ficou no avatar

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Makercms em 16/01/13, 12:01 am

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

Agurdo.
avatar

Makercms
Nível 8

Masculino
Inscrito dia : 29/05/2011
Mensagens : 114
Pontos Ativos : 198

Ver perfil do usuário http://globaljogos.forumaqui.net

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Consolado em 16/01/13, 12:19 am

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Venancio Mattos em 16/01/13, 10:33 am

Ola Poderia deixar o Code Ativo para min Arruma Obrigado
avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 16/01/13, 05:07 pm

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

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 16/01/13, 09:02 pm

uP

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por ,Fla! em 17/01/13, 12:12 am

up
avatar

,Fla!
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 247
Pontos Ativos : 415

Ver perfil do usuário http://extrime.forum-pro.net/

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 17/01/13, 11:48 am

UPP

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por iPrompt em 17/01/13, 12:03 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 17/01/13, 09:19 pm

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

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Consolado em 17/01/13, 10:01 pm

Olá autor!

Você experimentou meu código?

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 18/01/13, 12:42 pm

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

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 19/01/13, 02:28 pm

UPPPPPP

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 20/01/13, 01:40 pm

UPPPPPPPPPPPP

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Thoth em 20/01/13, 01:46 pm

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

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 20/01/13, 01:53 pm

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
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por WebGames em 20/01/13, 02:22 pm

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

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por WebGames em 20/01/13, 02:34 pm

Olá novamente

Aceda á :

Painel de Controle Seta Visualizações Seta Imagens e Cores Seta Cores Seta 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
zen Ajudei? Agradeça Feliz

avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 20/01/13, 02:43 pm

Não mudou nada

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por WebGames em 20/01/13, 03:22 pm

Poderia me mandar sua CSS ?
Obrigado Muito feliz
avatar

WebGames
Membro do Fórum

Masculino
Inscrito dia : 21/07/2012
Mensagens : 1177
Pontos Ativos : 1823

Ver perfil do usuário http://playergames.foro.bz/login

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Convidado em 20/01/13, 03:35 pm

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.

Convidado
Convidado


Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking em 20/01/13, 07:30 pm

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

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Ace em 21/01/13, 08:13 pm

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! Muito feliz
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.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