Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Alguem Ajuda?

3 participantes

LucasJoner LucasJoner  • Sex 28 Fev 2014 - 18:44

Alguem Ajuda? Empty Alguem Ajuda? Sex 28 Fev 2014 - 18:44

Qual é minha questão:
Alguem Poderia Me Passar o Codigo Igual da BestSkins?

Fico Agradecido.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Release's Release's  • Sex 28 Fev 2014 - 19:04

Alguem Ajuda? Empty Re: Alguem Ajuda? Sex 28 Fev 2014 - 19:04

Olá Convidado!

Adicione esse JavaScript em Seu Fórum :


Código:
$(document).ready(function(){
$('.tcr a[href*="/u"]').mouseover(function(){

$(this).parents('strong').css('position', 'relative');
$('.perfilInfo').remove();
$(this).parents('.tcr').css('overflow', 'visible');
$(this).before('
<div class="perfilInfo" style="position:absolute;">
<span class="setPerfil">
<span>
<img class="PerfilInfoImg" src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" />
<h2>'+$(this).html()+'</h2>
<p class="user_status"> <span></span></p>
<div class="setInfos">
<p><b>Posts:</b> <span></span></p>
<p><b>Cadastrado:</b> <span></span></p>
<p><b>Moedas:</b> <span></span></p>
<p><b>Humor:</b> <span></span></p>
</div>
<div class="linkPrfwidth">
<span class="reputation">
<span></span>
</span>
<span class="linkPrf">
<a href="/privmsg?mode=post&u='+$(this).attr('href').replace('/u', '')+'">Enviar MP</a></span>
<span class="linkPrf"><a href="'+$(this).attr('href')+'">Ver perfil</a></span>
</span>
</div>
</span>
</span>
</div>
');

$.get($(this).attr('href'), function(retornoMembro){
var avtPrf = $('#profile-advanced-right img:first', retornoMembro).attr('src');
$('.PerfilInfoImg').attr('src', avtPrf);

var perfil_rep = $('#field_id-14 dd', retornoMembro).html();
var perfil_pens = $('#field_id9 dd', retornoMembro).html();
var perfil_post = $('#field_id-6 dd', retornoMembro).html();
var perfil_cad = $('#field_id-4 dd', retornoMembro).html();
var perfil_lastV = $('#field_id-13 dd', retornoMembro).html();
var perfil_mood = $('#field_id8 dd', retornoMembro).html();

$('.reputation:eq(0) span').html(perfil_rep);
$('.setPerfil p:eq(0) span').html(perfil_pens);
$('.setPerfil p:eq(1) span').html(perfil_post);
$('.setPerfil p:eq(2) span').html(perfil_cad);
$('.setPerfil p:eq(3) span').html(perfil_lastV);
$('.setPerfil p:eq(4) span').html(perfil_mood);

});
//get

$('.perfilInfo').mouseleave(function(){
$(this).remove();
});//mouseleave



});
//mouseover
});

(Painel Admin -> Módulos -> HTML & Javascript -> Gestão dos Javascript -> Criar novo javascript)


Depois Adicione esse CSS :


Código:
/* Perfil hover */

.perfilInfo{background:url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png)
 no-repeat 98% 0;float:left;height:198px;left:-43em;padding:16px 0 38px
5px;top:13px;width:510px;z-index:999}.linkPrf{-moz-transition:all .2s
ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s
 ease-in-out;background:#ECECEC
url(http://i74.servimg.com/u/f74/18/08/53/97/highli11.png) repeat-x 0
0;border:1px solid #DBDBDB;border-radius:2px;bottom:-7px;box-shadow:0
1px 0 rgba(255,255,255,1) inset, 0 1px 0
rgba(0,0,0,0.3);color:#616161;float:left;height:14px;left:1em;margin:2px;padding:2px;text-align:center;text-decoration:none!important;text-shadow:#fff
 0 1px 0;transition:all .2s
ease-in-out;width:8em}.linkPrf:hover{background-color:#F8F8F8;color:#4C4C4C}.linkPrf:hover
 a{color:#4C4C4C}.linkPrf
a{color:#616161!important;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;text-decoration:none}.setPerfil{background:rgba(0,0,0,0.3);border-radius:2px;display:block;height:100%;padding:5px
 5px 10px}.setPerfil > span{background:#f9f9f9;border:1px solid
#999;border-radius:3px;display:block;height:100%;padding:3px}.setPerfil
.PerfilInfoImg{-moz-box-shadow:0 2px 2px
rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 2px
rgba(0,0,0,0.1);background:#fff;border:1px solid #D5D5D5;box-shadow:0
2px 2px
rgba(0,0,0,0.1);display:table;float:left;height:91px;padding:1px;width:91px}.setPerfil
 .PerfilInfoImg:hover{-moz-box-shadow:0 2px 2px
rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 2px
rgba(0,0,0,0.2);border-color:#A1A1A1;box-shadow:0 2px 2px
rgba(0,0,0,0.2)}.setPerfil p div{display:inline}.setPerfil
h2{background:#E1E1E1;border-radius:0 10px 0 0;box-shadow:1px 1px 0
#CCC;display:block;float:left;font-family:"Trebuchet
MS";font-size:19px;font-style:normal;font-variant:normal;font-weight:bold;margin-bottom:10px;padding:5px;text-shadow:1px
 1px 0 #fff;width:382px}.setPerfil p{-moz-transition:all .2s
ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s
 ease-in-out;background:#F1F1F1;border-left:3px solid
#333;border-top:1px solid #333;box-shadow:1px 1px 0
#CCC;display:block;font-weight:400;margin:2px
5px;max-height:30px;padding:5px;text-align:left;width:350px}.setPerfil
p:hover{box-shadow:1px 1px 0
#9A9A9A}.user_status{background:#EBFCDF!important;border:1px solid
#A4CFA4!important;box-shadow:0 0
0!important;color:#0E440E;float:right;font-size:12px;line-height:1.6;margin-bottom:5px;max-height:23px!important;padding:5px}.linkPrfwidth{width:120px}.reputation{-moz-border-radius:3px;-webkit-border-radius:3px;background:#8DB13E
 url(http://i74.servimg.com/u/f74/18/08/53/97/highli10.png) repeat-x 0
1px;border-radius:3px;bottom:-7px;color:#fff;display:inline-block;float:left;font-weight:700;left:1em;margin:5px
 2px 2px;padding:3px 8px;text-align:center;text-shadow:rgba(0,0,0,0.3) 0
 -1px 0;width:7em}.setInfos{float:right}


Se Funciona Curtir ae ..

Até Mais !

LucasJoner LucasJoner  • Sex 28 Fev 2014 - 19:04

Alguem Ajuda? Empty Re: Alguem Ajuda? Sex 28 Fev 2014 - 19:04

[C]esar, Não Adiantou, Apenas Bugou um pouco do meu fórum!

Release's Release's  • Sex 28 Fev 2014 - 19:07

Alguem Ajuda? Empty Re: Alguem Ajuda? Sex 28 Fev 2014 - 19:07

Troque Seu CSS por este :


Código:
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 95% 0%;
float: left;
height: 14em;
left: -35em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
height: 198px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #ECECEC url('http://i74.servimg.com/u/f74/18/08/53/97/highli11.png') repeat-x 0 0;
border: 1px solid #DBDBDB;
border-radius: 2px;
bottom: -7px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
text-shadow: white 0px 1px 0px;
float: left;
height: 14px;
margin: 2px;
padding: 2px;
text-align: center;
text-decoration: none!important;
left: 1em;
transition: all .2s ease-in-out;
width: 7em;
}
.linkPrf:hover{color: #4C4C4C;
  background-color: #F8F8F8;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 2px;
}
.setPerfil > span {
background: rgb(255, 255, 255);
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 96px;
height: 91px;
float: left;
display: table;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.setPerfil .PerfilInfoImg:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
max-height: 30px;
margin: 2px 5px;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
.user_status {
background: #EBFCDF!important;
border: 1px solid #A4CFA4!important;
color: #0E440E;
box-shadow: 0px 0px 0!important;
float: right;
font-size: 12px;
line-height: 1.6;
margin-bottom: 5px;
padding: 5px;
max-height: 23px!important;
}
.linkPrfwidth {
  width: 120px;
}
.reputation {
color: white;
background: #8DB13E url('http://i74.servimg.com/u/f74/18/08/53/97/highli10.png') repeat-x 0 1px;
float: left;
bottom: -7px;
text-align: center;
left: 1em;
margin: 2px;
margin-top: 5px;
font-weight: bold;
padding: 3px 4px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width: 7em;
border-radius: 3px;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
}
.setInfos { 
float: right;
}

LucasJoner LucasJoner  • Sex 28 Fev 2014 - 19:18

Alguem Ajuda? Empty Re: Alguem Ajuda? Sex 28 Fev 2014 - 19:18

Não Deu.

Release's Release's  • Sex 28 Fev 2014 - 19:32

Alguem Ajuda? Empty Re: Alguem Ajuda? Sex 28 Fev 2014 - 19:32

Troque seu CSS Por esse :


  1. .perfilInfo {
  2. background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
  3. float: left;
  4. height: 14em;
  5. left: -38em;
  6. padding: 16px 0px 38px 5px;
  7. top: 13px;
  8. width: 510px;
  9. z-index: 999;
  10. }
  11. .linkPrf {
  12. -moz-transition: all .2s ease-in-out;
  13. -o-transition: all .2s ease-in-out;
  14. -webkit-transition: all .2s ease-in-out;
  15. background: #F6F6F6;
  16. border: 1px solid #DBDBDB;
  17. border-radius: 0 0 4px 4px;
  18. bottom: -14px;
  19. border-top:none;
  20. box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
  21. color: #616161;
  22. float: left;
  23. height: 14px;
  24. left: 13.8em;
  25. margin: 2px;
  26. padding: 5px;
  27. text-align: center;
  28. text-decoration: none!important;
  29. transition: all .2s ease-in-out;
  30. width: 8em;
  31. }
  32. .linkPrf:hover{color: #4C4C4C;
  33. border-color: #9A9A9A;}
  34. .linkPrf:hover a{color: #4C4C4C;}
  35. .linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
  36. .setPerfil {
  37. background: rgba(0, 0, 0, 0.3);
  38. display: block;
  39. height: 100%;
  40. padding: 5px;
  41. padding-bottom: 10px;
  42. border-radius: 3px;
  43. }
  44. .setPerfil > span {
  45. background: #f9f9f9;
  46. border-radius: 3px;
  47. display: block;
  48. height: 100%;
  49. padding: 3px;
  50. border: 1px solid #999;
  51. }
  52. .setPerfil .PerfilInfoImg {
  53. width: 94px;
  54. height: 160px;
  55. float: left;
  56. display: table;
  57. background: #E1E1E1;
  58. padding: 3px;
  59. box-shadow: 1px 1px 0 #CCC;
  60. }
  61. .setPerfil p div{
  62. display: inline;
  63. }
  64. .setPerfil h2 {
  65. float: left;
  66. font: bold 19px "Trebuchet MS";
  67. display: block;
  68. background: #E1E1E1;
  69. width: 382px;
  70. padding: 5px;
  71. text-shadow: 1px 1px 0 white;
  72. border-radius: 0 10px 0px 0;
  73. box-shadow: 1px 1px 0 #CCC;
  74. margin-bottom:10px;
  75. }
  76. .setPerfil p {
  77. margin: 2px 5px;
  78. float: right;
  79. display: block;
  80. background: #F1F1F1;
  81. width: 350px;
  82. text-align: left;
  83. padding: 5px;
  84. box-shadow: 1px 1px 0 #CCC;
  85. font-weight: normal;
  86. border-left: 3px solid #333;
  87. border-top: 1px solid #333;
  88. -moz-transition: all .2s ease-in-out;
  89. -o-transition: all .2s ease-in-out;
  90. -webkit-transition: all .2s ease-in-out;
  91. }
  92. .setPerfil p:hover {
  93. box-shadow: 1px 1px 0 #9A9A9A;
  94. }

LucasJoner LucasJoner  • Sex 28 Fev 2014 - 19:46

Alguem Ajuda? Empty Re: Alguem Ajuda? Sex 28 Fev 2014 - 19:46

Ta Agora Foi, Só que Não Aparece a Imagem do Membro, Nem as Informaçoes.

Release's Release's  • Sex 28 Fev 2014 - 20:39

Alguem Ajuda? Empty Re: Alguem Ajuda? Sex 28 Fev 2014 - 20:39

Troque o JS por esse :

Código:

[list=1][*]jQuery(document).ready(function(){
[*]jQuery('.tcr a[href*="/u"]').mouseover(function(){
[*]
[*]jQuery(this).parents('strong').css('position', 'relative');
[*]jQuery('.perfilInfo').remove();
[*]jQuery(this).parents('.tcr').css('overflow', 'visible');
[*]jQuery(this).before('
[*]<div class="perfilInfo" style="position:absolute;">
[*]<span class="setPerfil">
[*]<span>
[*]<img class="PerfilInfoImg" src="http://forum.teamspeak.com.br/public/style_images/master/profile/default_large.png" />
[*]<h2>'+jQuery(this).html()+'</h2>
[*]
[*]<p><b>Rank:</b><span></span></p>
[*]<p><b>Posts:</b><span></span></p>
[*]<p><b>Cadastrado:</b><span></span></p>
[*]<p><b>Pontos:</b><span></span></p>
[*]<span class="linkPrf"><a href="/privmsg?mode=post&u='+jQuery(this).attr('href').replace('/u', '')+'">Enviar MP</a></span>
[*]<span class="linkPrf"><a href="'+jQuery(this).attr('href')+'">Ver perfil</a></span>
[*]</span>
[*]
[*]</span>
[*]</span>
[*]</div>
[*]');
[*]
[*]jQuery.get(jQuery(this).attr('href'), function(retornoMembro){
[*]var avtPrf = jQuery('#profile-advanced-right img:first', retornoMembro).attr('src');
[*]jQuery('.PerfilInfoImg').attr('src', avtPrf);
[*]
[*]var perfil_rank = jQuery('#profile-advanced-right .module .main-content img:eq(1)', retornoMembro).attr('alt');
[*]var perfil_post = jQuery('#field_id-6 dd', retornoMembro).html();
[*]var perfil_cad = jQuery('#field_id-4 dd', retornoMembro).html();
[*]var perfil_lastV = jQuery('#field_id-13 dd', retornoMembro).html();
[*]
[*]jQuery('.setPerfil p:eq(0) span').html(perfil_rank);
[*]jQuery('.setPerfil p:eq(1) span').html(perfil_post);
[*]jQuery('.setPerfil p:eq(2) span').html(perfil_cad);
[*]jQuery('.setPerfil p:eq(3) span').html(perfil_lastV);
[*]
[*]});
[*]//get
[*]
[*]jQuery('.perfilInfo').mouseleave(function(){
[*]jQuery(this).remove();
[*]});//mouseleave
[*]
[*]
[*]
[*]});
[*]//mouseover
[*]});
[/list]

Release's Release's  • Sex 28 Fev 2014 - 20:39

Alguem Ajuda? Empty Re: Alguem Ajuda? Sex 28 Fev 2014 - 20:39

tira os

Código:
[*]<h2>

tá ! Até Mais

LucasJoner LucasJoner  • Sex 28 Fev 2014 - 20:52

Alguem Ajuda? Empty Re: Alguem Ajuda? Sex 28 Fev 2014 - 20:52

Agora Pioro mais ainda '-' 

Daemon Porfavor Passe o Codigo Certo!!!!

Release's Release's  • Sex 28 Fev 2014 - 22:25

Alguem Ajuda? Empty Re: Alguem Ajuda? Sex 28 Fev 2014 - 22:25

Mano Tire todos os codigos que lhe passei e add Esses :

JS:
Código:

jQuery(document).ready(function(){
jQuery('.tcr a[href*="/u"]').mouseover(function(){

jQuery(this).parents('strong').css('position', 'relative');
jQuery('.perfilInfo').remove();
jQuery(this).parents('.tcr').css('overflow', 'visible');
jQuery(this).before('
<div class="perfilInfo" style="position:absolute;">
<span class="setPerfil">
<span>
<img class="PerfilInfoImg" src="http://forum.teamspeak.com.br/public/style_images/master/profile/default_large.png" />
<h2>'+jQuery(this).html()+'</h2>

<p><b>Rank:</b><span></span></p>
<p><b>Posts:</b><span></span></p>
<p><b>Cadastrado:</b><span></span></p>
<p><b>Pontos:</b><span></span></p>
<span class="linkPrf"><a href="/privmsg?mode=post&u='+jQuery(this).attr('href').replace('/u', '')+'">Enviar MP</a></span>
<span class="linkPrf"><a href="'+jQuery(this).attr('href')+'">Ver perfil</a></span>
</span>

</span>
</span>
</div>
');

jQuery.get(jQuery(this).attr('href'), function(retornoMembro){
var avtPrf = jQuery('#profile-advanced-right img:first', retornoMembro).attr('src');
jQuery('.PerfilInfoImg').attr('src', avtPrf);

var perfil_rank = jQuery('#profile-advanced-right .module .main-content img:eq(1)', retornoMembro).attr('alt');
var perfil_post = jQuery('#field_id-6 dd', retornoMembro).html();
var perfil_cad = jQuery('#field_id-4 dd', retornoMembro).html();
var perfil_lastV = jQuery('#field_id-13 dd', retornoMembro).html();

jQuery('.setPerfil p:eq(0) span').html(perfil_rank);
jQuery('.setPerfil p:eq(1) span').html(perfil_post);
jQuery('.setPerfil p:eq(2) span').html(perfil_cad);
jQuery('.setPerfil p:eq(3) span').html(perfil_lastV);

});
//get

jQuery('.perfilInfo').mouseleave(function(){
jQuery(this).remove();
});//mouseleave



});
//mouseover
});
CSS:
Código:

.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -38em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
Até Mais !

Daemon Daemon  • Sex 28 Fev 2014 - 22:50

Alguem Ajuda? Empty Re: Alguem Ajuda? Sex 28 Fev 2014 - 22:50

Lógico que o código não irá funcionar se o senhor utilizar o perfil IPB para forumeiros. Tire o perfil que irá aparecer o efeito.
O perfil IPB para forumeiros, tem alguns bugs, não aconselho que o senhor utilize.


Até!

Conteúdo patrocinado  • 

Alguem Ajuda? Empty Re: Alguem Ajuda?

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