Tech Mais

O Tech Mais é um fórum que aborda vários temas atuais, de cultura e arte até programação e tecnologia.


Você não está conectado. Conecte-se ou registre-se

 » Programação » Hypertext Markup Language (HTML) » Arquivo: Resolvido » 

Membro do Mês

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatar
Novato

em Sex Ago 22, 2014 3:28 pm
Minha questão:
Senhores!
poderia me fornecer o código do membro do mês, no qual é utilizado aqui?


Endereço do meu fórum:
http://vidadeaquarista.forumeiros.com/

Versão:
Phpbb3

Ver perfil do usuário http://vidadeaquarista.forumeiros.com/
avatar
Administrador

em Sex Ago 22, 2014 3:32 pm
Olá,

Crie um widget personalizado no seu fórum e adicione o seguinte código:

Código:
<script>
jQuery(document).ready(function(){
function makeArray() {
      for (i = 0; i<makeArray.arguments.length; i++)
      this[i + 1] = makeArray.arguments[i];
  }
  var months = new makeArray('Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro');
  var date = new Date();
  var month = date.getMonth() + 1;
  var yy = date.getYear();
  var year = (yy < 1000) ? yy + 1900 : yy;
    var member_of_month = sessionStorage.getItem('member_of_month');
    if(member_of_month) {
      jQuery('#member_of_month').html(member_of_month);
    } else {
 
var link = jQuery('.module table[summary="Os membros mais ativos do mês"] td:eq(0) a').attr('href');
var usernametxt = jQuery('.module table[summary="Os membros mais ativos do mês"] td:eq(0) a').text();
jQuery('.info_nameHead').html(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"]:eq(0)').html());
jQuery('#memberNick').html(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"]:eq(0)').html());
jQuery.get(link, function(bs){
var id = link.match(/\d+/g);
jQuery('.av').html(jQuery('#profile-advanced-right .main-content.clearfix.center:eq(0)',bs).html());
jQuery('#memberMsg').html(jQuery('#field_id-6 dd div',bs).html());
jQuery('#memberReg').html(jQuery('#field_id-4 dd div',bs).html());
jQuery('#memberReput').html(jQuery('#field_id-14 dd div',bs).html());
jQuery('#memberData').html(jQuery('#field_id-12 dd div',bs).html());
jQuery('.info_mes').html(months[month] +" "+ year);
jQuery('.info_irperfil').html('<a href="'+link+'">Ir para o perfil</a>');
jQuery('.mimp').html('<a href="/privmsg?mode=post&u='+id+'"><img src="http://i.imgur.com/1B61PFG.png" alt="Procurar posts"></a>');
jQuery('.mipost').html('<a href="spa/'+usernametxt+'"><img src="http://i.imgur.com/Ex7KhNG.png" alt="Procurar posts"></a>');
});}

});
</script>
<div id="member_of_month">
   
   <div class="box_container" style="">
      
      <div class="box_head">
         
         <div class="head_avatar">
            
            <div class="av">
               
            </div><br />
         </div>
         
         <div class="head_info">
             <span class="info_nameHead"></span> <span class="mimp"><a href="/privmsg?mode=post&u=46"><img src="http://i.imgur.com/1B61PFG.png" alt="Enviar PM" /></a></span> <span class="mipost"><a href="spa/test"><img src="http://i.imgur.com/Ex7KhNG.png" alt="Procurar posts" /></a></span><br /> <span>Membro do mês </span><span class="info_mes"></span>
         </div>
         
      </div>
      
   </div>
   
   <div class="main-content">
      
      <div class="box_bottom">
          Parabéns a <span id="memberNick"></span>. nosso novo membro do mês. <br />Registrado pela primeira vez neste fórum <span id="memberReg"></span>. Ele comemora aniversário em <span id="memberData"></span>. Tem o total de <span id="memberMsg"></span> posts. Ele recebeu <span id="memberReput"></span> pontos de reputação. Parabéns ao membro do mês.
      </div>
      
      <div class="irprofile" align="right" style="margin:10px;">
          <span class="info_irperfil"></span>
      </div>
      
   </div>
   
</div>
 <style>
.box_bottom{ float:left}
#memberReg, memberMsg, memberReput{ }
#member_of_month{
background: #fff;
border: 0px solid rgba(0,0,0,0.05);
border-radius: 4px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
z-index: 999;
}
.info_nameHead strong {
font-size: 18PX;
}
.box_container{}
.box_head {
background-color: #262e33;
border-radius: 4px 4px 0 0;
color: #fff;
height: 142px;
padding: 15px;
}
.head_avatar{float:left; /*width:80px;*/ margin-right:10px; margin-top:0px;}
.head_info{foat:right;/* width:180px;*/ margin-top:10px;}
.head_info span{font-size:14px; position:relative; line-height:26px;}
.head_info a span{color: #fff!important;font-size:20px!important;line-height:14px; text-decoration:none;
transition: all 150ms linear;}
.head_info a{color: #fff;text-decoration:none!important;}

.info_nameHead{font-size:20px!important;line-height:14px; }
.info_mes,.info_mes a {background:#68a72f;border-radius:10px;color:#fff; padding:3px; text-decoration:none;
transition: all 150ms linear;}
.info_mes:hover{ background-color:#619c2b}
.info_mes a:hover{ background-color:#619c2b; margin:3px;}

.info_irperfil,.info_irperfil a {background:#68a72f;border-radius:10px;color:#fff; padding:3px; text-decoration:none;
transition: all 150ms linear;}
.info_irperfil a:hover{ background-color:#619c2b; margin:3px;}
.irprofile a, .irprofile span a{color:#fff!important;}
.av img{
background:#fff;
border-radius:38px;
height:75px;
line-height:1px;
width:75px}
.av{ font-size:0px; color:transparent}
.av div{ display:none}
.av br{ display:none}
.av1{
background:#fff;
border-radius:38px;
height:75px;
line-height:1px;
width:75px}
.mi, .mimp, .mipost {
background:#343f46;
cursor: default;
height: 17px;
line-height: 17px;
padding: 2px 5px;
font-size: 9px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align: middle;
transition: all 150ms linear;
}
.mi:hover, .mimp:hover, .mipost:hover{ background-color:#3c4951;}
#member_of_month{}
.box_stem {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 15px;
display: block;
height: 0;
left: 15px;
position: absolute;
top: -30px;
width: 0;
z-index: 3;
}
.box_bottom{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; font-size:10px;
box-shadow: 0 5px 40px rgba(0,0,0,0.1), 0 5px 20px rgba(0,0,0,0.1);}
.box_bottom{background:#fbfbfb;margin-top:10px;padding:15px; margin-bottom:10px;}
.av span {
margin-left: 9px;
}
</style>

Ver perfil do usuário http://techmais.forumeiros.com
avatar
Novato

em Sex Ago 22, 2014 3:39 pm
Bom ele funcionou, mais não aparece a imagem e nem a função "Idealizador" no meu caso.

Ver perfil do usuário http://vidadeaquarista.forumeiros.com/
avatar

em Sex Ago 22, 2014 3:57 pm
Olá,

O código apenas funciona 100% para a versão PunBB, e o que reparei o seu fórum é da versão Phpbb3, por isso não estar a funcionar direito!

Ver perfil do usuário http://www.techmais.forumeiros.com
avatar
Novato

em Sex Ago 22, 2014 4:02 pm
Não teria uma versão desse código para phpbb3?

Ver perfil do usuário http://vidadeaquarista.forumeiros.com/
avatar

em Sex Ago 22, 2014 4:05 pm
Olá,

O criado que eu o conheço lamento mas apenas tem para PunBB.

Ver perfil do usuário http://www.techmais.forumeiros.com
avatar
Novato

em Sex Ago 22, 2014 4:10 pm
exemplo uso essa para minha versão, você não consegue bola algo do tipo?, pois o que me agradou foi essa parte que mostra o avatar, no fórum usado aqui.

meu código
Código:
  <style>
        #fundo_widgets table {
          color: #444;
         background: #B0E2FF;
         border: 1px solid rgb(195, 224, 241);
         border-radius: 4px;
         margin: 3px 1px;
         padding-bottom: 8px;
         padding-top: 4px;
        }</style>
<div id="fundo_widgets">
     <span></span>
    <h3 style="">
         <img src="http://r21.imgfast.net/users/2117/37/44/56/smiles/2291270.gif" /> Destaque do mês! <img src="http://r21.imgfast.net/users/2117/37/44/56/smiles/2291270.gif" />
    </h3><span></span>
    <table _moz_resizing="true">
         
        <tbody>
            <tr>
                 
                <td>
                     <script>
        jQuery(document).ready(function(){
                jQuery('#link').html(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"]:eq(0)').html());
                jQuery.get(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"] 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:eq(0) .inner 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());
                });
        });
        </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 href="#" class="m-content"><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">
                                 Parabéns caro membro por está sempre ativo em nosso fórum,  você é a prova de que todo o esforço tem resultado. Obrigado por nos ajudar.
                            </div>
                             
                        </center>
                         
                    </div>
                     <style>
            .msg-membro {
                text-align: left;
                background: #fff;
                border: 1px solid #e0e0e0;
                padding: 9px;
            }
            #avat img:first-child {
                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 1px 10px;
        transition: all .2s ease-in-out 0;
        white-space: nowrap;
        }
            #post-membro, #reg-membro {display: inline-block;}
        </style>
                </td>
                 
            </tr>
             
        </tbody>
    </table>
     
</div>

Ver perfil do usuário http://vidadeaquarista.forumeiros.com/
avatar

em Sex Ago 22, 2014 4:12 pm
Olá,

Deseja colocar o avatar em forma de "bola" em círculo? Penso que seja possível realizar isso!

Ver perfil do usuário http://www.techmais.forumeiros.com
avatar
Novato

em Sex Ago 22, 2014 4:13 pm
Olá,

Crie um novo JS com este código e Investimento "Em todas as páginas"

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())})});

E após isso crie um novo Widget Personalizado com o código abaixo

Código:
    <center> <font color=#0072ff size=2><img src="http://i46.servimg.com/u/f46/12/16/42/40/trophy10.gif"> <b>Destaque do Fórum</b></font><br><div id="id"></div><br><div id="avat"><center>Carregando avatar...</center></div><dl class="spoiler"><dt style="cursor: pointer;"><center><div name=spoiler><font color=#0072ff size=2><b>Obrigado pela colaboração!</b></font></div></center></dt></dl> </center>

Para que este efeito não possa haver problemas, deverá ativar o Widget "Os membros mais ativos do mês" em seu fórum.

Até

Ver perfil do usuário
avatar
Novato

em Sex Ago 22, 2014 5:19 pm
IsmaelS. escreveu:Olá,

Deseja colocar o avatar em forma de "bola" em círculo? Penso que seja possível realizar isso!

Como?

Quakeline escreveu:Olá,

Crie um novo JS com este código e Investimento "Em todas as páginas"

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())})});

E após isso crie um novo Widget Personalizado com o código abaixo

Código:
    <center> <font color=#0072ff size=2><img src="http://i46.servimg.com/u/f46/12/16/42/40/trophy10.gif"> <b>Destaque do Fórum</b></font><br><div id="id"></div><br><div id="avat"><center>Carregando avatar...</center></div><dl class="spoiler"><dt style="cursor: pointer;"><center><div name=spoiler><font color=#0072ff size=2><b>Obrigado pela colaboração!</b></font></div></center></dt></dl> </center>

Para que este efeito não possa haver problemas, deverá ativar o Widget "Os membros mais ativos do mês" em seu fórum.

Até

Não entendi isso, ficou igual ao meu código só que pela metade.

Ver perfil do usuário http://vidadeaquarista.forumeiros.com/
avatar

em Sex Ago 22, 2014 6:04 pm
Olá,

Agora como não sei, mas espere pelo Quakeline talvez ele consiga realizar o efeito!

Ver perfil do usuário http://www.techmais.forumeiros.com
avatar
Novato

em Qua Ago 27, 2014 3:27 pm
Amigo, tentou a opção do Quakeline?

Ver perfil do usuário
avatar
Novato

em Qua Ago 27, 2014 3:45 pm
Sim!

Ver perfil do usuário http://vidadeaquarista.forumeiros.com/
avatar
Novato

em Ter Set 02, 2014 4:58 pm
Gostaria de saber se o pedido foi finalizado? Pois, aparentemente, o código se tornou efetivo em meus testes, tanto em PUNBB, quanto em PHPBB3-2.

Ver perfil do usuário
avatar
Novato

em Qua Set 03, 2014 3:43 am
No meu fórum não teve excedo. mais pode fechar.

Ver perfil do usuário http://vidadeaquarista.forumeiros.com/
avatar
Novato

em Qua Set 03, 2014 3:57 am
[sucesso=Sucesso]Visto que o membro ficou satisfeito com o ocorrido, o tópico estará sendo movido.[/sucesso]

[sucesso=Movido]Tópico movido de "Suporte à Códigos" para "Questões resolvidas" [/sucesso]

Ver perfil do usuário
Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

 

Desenvolvido por RafaelS. | Proibida à copia parcial ou total deste tema.