Exibir perfil

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

Resolvido Exibir perfil

Mensagem por LeonardoF em 27/09/12, 04:05 pm

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:
Http://i.imgur.com/Czuxk.png

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

Versão do meu fórum:
PUNBB
avatar

LeonardoF
Nível 5

Masculino
Inscrito dia : 01/07/2012
Mensagens : 35
Pontos Ativos : 53

Ver perfil do usuário http://google.com

Resolvido Re: Exibir perfil

Mensagem por Sr.pepek em 27/09/12, 04:14 pm

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

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Exibir perfil

Mensagem por Josh em 27/09/12, 04:32 pm

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

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Exibir perfil

Mensagem por LeonardoF em 27/09/12, 04:35 pm

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

LeonardoF
Nível 5

Masculino
Inscrito dia : 01/07/2012
Mensagens : 35
Pontos Ativos : 53

Ver perfil do usuário http://google.com

Resolvido Re: Exibir perfil

Mensagem por Josh em 27/09/12, 04:40 pm

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

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Exibir perfil

Mensagem por LeonardoF em 27/09/12, 04:46 pm

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
avatar

LeonardoF
Nível 5

Masculino
Inscrito dia : 01/07/2012
Mensagens : 35
Pontos Ativos : 53

Ver perfil do usuário http://google.com

Resolvido Re: Exibir perfil

Mensagem por Sennior em 28/09/12, 12:14 pm

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

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

Mensagem por LeonardoF em 28/09/12, 01:23 pm

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

LeonardoF
Nível 5

Masculino
Inscrito dia : 01/07/2012
Mensagens : 35
Pontos Ativos : 53

Ver perfil do usuário http://google.com

Resolvido Re: Exibir perfil

Mensagem por Leexa em 28/09/12, 01:52 pm

avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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