Separar informações do perfil por quadro nas mensagens

+8
,Fla!
Consolado
Makercms
Venancio Mattos
Daemon
Sennior
HenRyqUéè
Sking
12 participantes

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

Tópico resolvido Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 14.01.13 16:36

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
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por HenRyqUéè 14.01.13 16:56

Olá Sking!

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

Abraços.
HenRyqUéè

HenRyqUéè
***

Membro desde : 11/01/2013
Mensagens : 178
Pontos : 251

http://www.rmbr.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sennior 14.01.13 17:01

Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 14.01.13 18:01

deu erro ficou tudo bagunçado
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 14.01.13 22:58

UP
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Daemon 14.01.13 23:12

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

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 14.01.13 23:26

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

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Daemon 15.01.13 0:08

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

Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 15.01.13 17:03

Não deu certo ficou normal
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 15.01.13 22:03

UP
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Venancio Mattos 15.01.13 22:34

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;
}
Venancio Mattos

Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 15.01.13 22:43

Não funcionou o quadrador ficou no avatar
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Makercms 16.01.13 2:01

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

Agurdo.
Makercms

Makercms
***

Membro desde : 29/05/2011
Mensagens : 114
Pontos : 198

http://globaljogos.forumaqui.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Consolado 16.01.13 2:19

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
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Venancio Mattos 16.01.13 12:33

Ola Poderia deixar o Code Ativo para min Arruma Obrigado
Venancio Mattos

Venancio Mattos
****

Membro desde : 10/12/2012
Mensagens : 301
Pontos : 388

http://replicagames.net.ms

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 16.01.13 19:07

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

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 16.01.13 23:02

uP
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por ,Fla! 17.01.13 2:12

up
,Fla!

,Fla!
****

Membro desde : 11/01/2013
Mensagens : 247
Pontos : 415

http://extrime.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 17.01.13 13:48

UPP
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Roevs 17.01.13 14:03

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

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 17.01.13 23:19

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

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Consolado 18.01.13 0:01

Olá autor!

Você experimentou meu código?

Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 18.01.13 14:42

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

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 19.01.13 16:28

UPPPPPP
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 20.01.13 15:40

UPPPPPPPPPPPP
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Thoth 20.01.13 15:46

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

Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2819

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 20.01.13 15:53

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

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por WebGames 20.01.13 16:22

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

WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por WebGames 20.01.13 16:34

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

WebGames

WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 20.01.13 16:43

Não mudou nada
avatar

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por WebGames 20.01.13 17:22

Poderia me mandar sua CSS ?
Obrigado Muito feliz
WebGames

WebGames
Super Membro

Membro desde : 21/07/2012
Mensagens : 1177
Pontos : 1823

http://playergames.foro.bz/login

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Convidado 20.01.13 17:35

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

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Sking 20.01.13 21:30

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

Sking
Super Membro

Membro desde : 10/10/2011
Mensagens : 1750
Pontos : 2484

https://www.facebook.com/davis.natsu

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Separar informações do perfil por quadro nas mensagens

Mensagem por Ace 21.01.13 22:13

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
Ace

Ace
Membro Entusiasta
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11607

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos