Personalizar widget membro do mês
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre códigos :: Questões resolvidas sobre HTML & BBCode
Página 1 de 1 • Compartilhe •
Personalizar widget membro do mês
Qual é minha questão:
Queria modificar o meu widget membro do mês adicionando novos campos como:
Data de inscrição
Reputação
Pontos
Mensagens
Endereço do meu fórum:
http://suporteparaforuns.forumeiros.com
Versão do fórum:
PHPBB3
Queria modificar o meu widget membro do mês adicionando novos campos como:
Data de inscrição
Reputação
Pontos
Mensagens
Endereço do meu fórum:
http://suporteparaforuns.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por HilterHP em 16/03/14, 12:58 am, editado 1 vez(es)
HilterHP- Nível 10
-
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409
Re: Personalizar widget membro do mês
Olá,
Provavelmente os campos dos perfis em tal Widget deve ser adicionados manualmente, mas, vou pesquisar alguma maneira de implanta-los ao código. Pode nos mostrar um fórum no qual viu isso?
Atenciosamente,
ShiroK
Provavelmente os campos dos perfis em tal Widget deve ser adicionados manualmente, mas, vou pesquisar alguma maneira de implanta-los ao código. Pode nos mostrar um fórum no qual viu isso?
Atenciosamente,
ShiroK
ShiroK- Nível 10
-
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387
Re: Personalizar widget membro do mês
www.bestskin.com.br
Código que uso:

Como quero:

Código que uso:
- Código:
<center>
<span style="color: rgb(0, 114, 255); font-size: 13px;"><img src="http://i46.servimg.com/u/f46/12/16/42/40/trophy10.gif" /> <strong>Destaque do Fórum</strong></span><br />
<div id="id">
</div><br />
<div id="avat">
<center>
Carregando avatar...
</center>
</div>
<dl class="spoiler"><dt style="cursor: pointer;"></dt></dl>
<center style="">
<div name="spoiler">
<span style="color: rgb(0, 114, 255); font-size: 13px;"><strong>Obrigado pela colaboração!</strong></span>
</div>
</center><dl class="spoiler"><dt style="cursor: pointer;"></dt></dl>
</center>
<center>
<div name="spoiler">
<img style="height: 15px;" src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" /><span style="color: rgb(0, 114, 255); font-size: 13px;"><strong>Premio 500 Pontos</strong><img style="height: 15px;" src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" /></span>
</div>
</center>
- Código:
jQuery(document).ready(function(){jQuery.get(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"] a:eq(0)').attr('href'),function(b){jQuery('#id').html(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"] a:eq(0)').text());jQuery('#avat').html(jQuery('#profile-advanced-right .module div[style="text-align:center;"]',b).html())})});

Como quero:

HilterHP- Nível 10
-
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409
Re: Personalizar widget membro do mês
Porque o senhor não pediu o código lá na BestSkins se queria ele?
Aqui está:
Aqui está:
- Código:
<script>
jQuery(document).ready(function(){
/* Gets the information saved in local storage (Fastest!)*/
var highlight_the_week = sessionStorage.getItem('highlight_the_week');
/* If informations alread saved, then no request member profile! */
if(highlight_the_week) {
jQuery('#highlight_the_week').html(highlight_the_week);
} else {
/* if not, then only request per session!!! */
jQuery('#link').html(jQuery('.module table[summary="Os membros mais ativos da semana"] tr:eq(0) a:eq(0)').html());
jQuery.get(jQuery('.module table[summary="Os membros mais ativos da semana"] tr:eq(0) a:eq(0)').attr('href'),function(b){
var nome = jQuery(b).find('#profile-advanced-right .module .main-head .h3:eq(0) strong').text();
jQuery('a.m-content').attr('href','/st/'+nome+'');
jQuery('#avat').html(jQuery('#profile-advanced-right .module div[style="text-align:center;"]',b).html());
jQuery('#post-membro').html(jQuery('#field_id-6 dd',b).html());
jQuery('#reg-membro').html(jQuery('#field_id-4 dd',b).html());
jQuery('#reput').html(jQuery('#field_id-14 dd',b).html());
//Saves the html information in local storage
sessionStorage.setItem('highlight_the_week', jQuery('#highlight_the_week').html());
});
}
});
</script>
<div id="highlight_the_week">
<center>
<br />
<div id="link">
</div>
<div id="avat">
<center>
Carregando avatar...
</center>
</div>
<div id="reput">
</div>
<br /> <a class="m-content" href="#"><img src="http://i.imgur.com/OTcLyEw.png" /></a> <br /><br /> <span>Posts:</span>
<div id="post-membro">
</div>
<br /> <span>Membro desde:</span>
<div id="reg-membro">
</div><br /> <br />
<div style="text-align: left;">
Mensagem para o membro:
</div>
<div class="msg-membro">
É uma honra ter você conosco, e você é a prova de que todo o esforço tem resultado. Parabéns pelo seu trabalho.
</div>
</center>
</div><style>
.msg-membro {
text-align: left;
background: #fff;
border: 1px solid #e0e0e0;
padding: 9px;
}
#avat img {
max-width: 150px !important;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-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);
}
#reput {
margin: 5px auto;
min-width: 80px;
color: #fff;
background: #649b16;
font-weight: bold;
padding: 3px 8px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.m-content {
background: url(http://i74.servimg.com/u/f74/18/08/53/97/highli11.png) repeat-x scroll 0 0 #ECECEC;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 4px 10px 0px 10px;
transition: all .2s ease-in-out 0;
white-space: nowrap;
}
#post-membro, #reg-membro {display: inline-block;}
</style>
Daemon- Membro do Fórum
-
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1689
Re: Personalizar widget membro do mês
Funcionou obrigado, acho aqui no FdF mais fácil então pedi aqui. o JS ainda é o mesmo ?Daemon.H escreveu:Porque o senhor não pediu o código lá na BestSkins se queria ele?
Aqui está:Até!
- Código:
<script>
jQuery(document).ready(function(){
/* Gets the information saved in local storage (Fastest!)*/
var highlight_the_week = sessionStorage.getItem('highlight_the_week');
/* If informations alread saved, then no request member profile! */
if(highlight_the_week) {
jQuery('#highlight_the_week').html(highlight_the_week);
} else {
/* if not, then only request per session!!! */
jQuery('#link').html(jQuery('.module table[summary="Os membros mais ativos da semana"] tr:eq(0) a:eq(0)').html());
jQuery.get(jQuery('.module table[summary="Os membros mais ativos da semana"] tr:eq(0) a:eq(0)').attr('href'),function(b){
var nome = jQuery(b).find('#profile-advanced-right .module .main-head .h3:eq(0) strong').text();
jQuery('a.m-content').attr('href','/st/'+nome+'');
jQuery('#avat').html(jQuery('#profile-advanced-right .module div[style="text-align:center;"]',b).html());
jQuery('#post-membro').html(jQuery('#field_id-6 dd',b).html());
jQuery('#reg-membro').html(jQuery('#field_id-4 dd',b).html());
jQuery('#reput').html(jQuery('#field_id-14 dd',b).html());
//Saves the html information in local storage
sessionStorage.setItem('highlight_the_week', jQuery('#highlight_the_week').html());
});
}
});
</script>
<div id="highlight_the_week">
<center>
<br />
<div id="link">
</div>
<div id="avat">
<center>
Carregando avatar...
</center>
</div>
<div id="reput">
</div>
<br /> <a class="m-content" href="#"><img src="http://i.imgur.com/OTcLyEw.png" /></a> <br /><br /> <span>Posts:</span>
<div id="post-membro">
</div>
<br /> <span>Membro desde:</span>
<div id="reg-membro">
</div><br /> <br />
<div style="text-align: left;">
Mensagem para o membro:
</div>
<div class="msg-membro">
É uma honra ter você conosco, e você é a prova de que todo o esforço tem resultado. Parabéns pelo seu trabalho.
</div>
</center>
</div><style>
.msg-membro {
text-align: left;
background: #fff;
border: 1px solid #e0e0e0;
padding: 9px;
}
#avat img {
max-width: 150px !important;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-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);
}
#reput {
margin: 5px auto;
min-width: 80px;
color: #fff;
background: #649b16;
font-weight: bold;
padding: 3px 8px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.m-content {
background: url(http://i74.servimg.com/u/f74/18/08/53/97/highli11.png) repeat-x scroll 0 0 #ECECEC;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 4px 10px 0px 10px;
transition: all .2s ease-in-out 0;
white-space: nowrap;
}
#post-membro, #reg-membro {display: inline-block;}
</style>

HilterHP- Nível 10
-
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre códigos :: Questões resolvidas sobre HTML & BBCode
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum