Exibir perfil

5 participantes

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

Tópico resolvido Exibir perfil

Mensagem por LeonardoF 27.09.12 20:05

Qual é minha questão:
Bom,eu acho que o perfil em meu fórum está ocupando grande espaço no post,deixando ele de certa maneira grande demais.
Andei pensando e a melhor forma para resolver isto seria,um perfil que fica-se oculto até um clique,precisei dar uma pesquisada e acabei descobrindo este fórum
http://narutorpgstorm.ultimaterpg.net/t2719-to-indo#11542

Onde o perfil é mostrado com um clique no campo "Exibir meu perfil",entretanto graças ao meu baixo conhecimento com estas coisas,preciso da ajuda de vocês para um edição exata neste problema.
O objetivo é colocar um botão ou caixa no perfil dos posts,para quando for clicado nele o resto do perfil ocultado seja mostrado.


Links e imagens do meu problema:
https://i.imgur.com/Czuxk.png

Endereço do meu fórum:
http://123456coisa.ativoforum.com

Versão do meu fórum:
PUNBB
LeonardoF

LeonardoF
*

Membro desde : 02/07/2012
Mensagens : 35
Pontos : 53

http://google.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Exibir perfil

Mensagem por Sr.pepek 27.09.12 20:14

Olha , eu também quero assim , então não posso ajudar ;d
avatar

Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Exibir perfil

Mensagem por Josh 27.09.12 20:32

Olá!

JavaScript:
Código:
jQuery('.pun .post .user:has("#sn")').each(function(){jQuery(this).css('border-left','10px solid #895d24')});jQuery('.pun .post .user:has("#knh")').each(function(){jQuery(this).css('border-left','10px solid #268924')});
CSS:
Código:
.pun .post .user {
-moz-border-radius: 0 7px 7px 0;
-moz-box-shadow: 1px 1px 5px gray;
-o-border-radius: 0 7px 7px 0;
-o-box-shadow: 1px 1px 5px gray;
-webkit-border-radius: 0 7px 7px 0;
-webkit-box-shadow: 1px 1px 5px gray;
background: #DDD;
border-left: 10px solid gray;
border-radius: 0 7px 7px 0;
box-shadow: 1px 1px 5px gray;
font-size: 12px;
margin-left: -200px!important;
padding: 7px;
width: 30%;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position: relative;
}
.pun .user {
display: inline;
overflow: hidden;
padding-top: 1.6em;
white-space: normal;
width: 15em;
}
Abraços.
Josh

Josh
Super Membro

Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512

Ir para o topo Ir para baixo

Tópico resolvido Re: Exibir perfil

Mensagem por LeonardoF 27.09.12 20:35

Peço que me explique todo procedimento , por gentileza
LeonardoF

LeonardoF
*

Membro desde : 02/07/2012
Mensagens : 35
Pontos : 53

http://google.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Exibir perfil

Mensagem por Josh 27.09.12 20:40

Olá!

Perdão, aceda á:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS
E aplique este código:
Código:
.pun .post .user {
-moz-border-radius: 0 7px 7px 0;
-moz-box-shadow: 1px 1px 5px gray;
-o-border-radius: 0 7px 7px 0;
-o-box-shadow: 1px 1px 5px gray;
-webkit-border-radius: 0 7px 7px 0;
-webkit-box-shadow: 1px 1px 5px gray;
background: #DDD;
border-left: 10px solid gray;
border-radius: 0 7px 7px 0;
box-shadow: 1px 1px 5px gray;
font-size: 12px;
margin-left: -200px!important;
padding: 7px;
width: 30%;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position: relative;
}
.pun .user {
display: inline;
overflow: hidden;
padding-top: 1.6em;
white-space: normal;
width: 15em;
}
Feito isto, aceda á:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript
E crie uma nova página com o seguinte código:
Código:
jQuery('.pun .post .user:has("#sn")').each(function(){jQuery(this).css('border-left','10px solid #895d24')});jQuery('.pun .post .user:has("#knh")').each(function(){jQuery(this).css('border-left','10px solid #268924')});
Investimento: Nos tópicos ou Sobre temas.

Abraços.
Josh

Josh
Super Membro

Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512

Ir para o topo Ir para baixo

Tópico resolvido Re: Exibir perfil

Mensagem por LeonardoF 27.09.12 20:46

Isto somente igual-o perfil mostrado nos posts,só que não deu resultado interessado,pois acabou sobresaindo o contéudo do post e ainda assim não foi adquirido o exibir perfil.

Aqui vai o link do post para que veja como ficou
http://123456coisa.ativoforum.com/t1-seu-primeiro-topico
LeonardoF

LeonardoF
*

Membro desde : 02/07/2012
Mensagens : 35
Pontos : 53

http://google.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Exibir perfil

Mensagem por Sennior 28.09.12 16:14

Olá!

Não compreendi. Bem o que me parece que isto ocorre pois teu fórum está muito pequeno em largura. Aceda à teu CSS com o código abaixo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

Código:
#page-body {width: 1111px!important;}.pun .postmain {background-color: transparent !important;border-left: 1px solid #DDD;margin-left: 18em;}

Atenciosamente,
Mikéé.

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: Exibir perfil

Mensagem por LeonardoF 28.09.12 17:23

Olá este problema já conseguir resolver,me refiro ao do perfil, entretanto seria possível auxilo para o efeito de ocultar o perfil para ser mostrado com um clique?
LeonardoF

LeonardoF
*

Membro desde : 02/07/2012
Mensagens : 35
Pontos : 53

http://google.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Exibir perfil

Mensagem por Leexa 28.09.12 17:52

Leexa

Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

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