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

Como colocar Membro do Mes na pagina inicial

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

1 Como colocar Membro do Mes na pagina inicial em Sex Mar 27, 2015 12:42 am

vander2000rj

avatar
Membro ativo

  • Descrição:
Olá , como colocar na pagina principal 

http://prntscr.com/6l8iiu
  • Informações:
Fórum:http://mastergz.forumbrasil.netVersão:PHPBB3
Tipo:Pedido de códigoTags:colocar,Membro,pagina,inicial

Ver perfil do usuário

Cepheus

avatar
Admin

Aqui está: http://www.bestskins.net/t1662-membro-do-mes-personalizado
Caso tenha outra duvida não deixe de pesquisar e procurar na área de tutoriais;
Até!





  • Gostou?
     não esqueça de
  • Reputar!



    Ver perfil do usuário

    vander2000rj

    avatar
    Membro ativo

    ola, só que minha versao é Phpbb3

    Ver perfil do usuário

    vander2000rj

    avatar
    Membro ativo

    Olá , o código que vou postar fica assim, sera que tem jeito de ajeitar esse código.


    http://prntscr.com/6njne9


    [list=linenums]
    [*]jQuery(document).ready(function(){jQuery.get(jQuery('.module table[summary="Os membros mais ativos do mês"] td:eq(0) a').attr('href'),function(d){jQuery('.motm').html(jQuery('.module table[summary="Os membros mais ativos do mês"] td:eq(0)').html());var nome=jQuery(d).find('#profile-advanced-right .module .main-head .h3:eq(0) strong').text();jQuery('.findposts a').attr('href','/spa/'+nome+'');var x=jQuery('.main.destaque')[0];jQuery(x).find('.main-content a[href^="/u"]').each(function(){var md=jQuery(this).attr('href');var perf=jQuery(this).attr('href');jQuery(this).parents('.main-content').find('.perf a').attr('href',''+perf+'');jQuery(this).parents('.main-content').find('td .img-d').load(md+'#profile-advanced-right .main-content.clearfix.center img:eq(0)');jQuery(this).parents('.main-content').find('td .reg').load(md+'.main #field_id-4 div');jQuery(this).parents('.main-content').find('td .posts').load(md+'.main #field_id-6 div');jQuery(this).parents('.main-content').find('td .rep').load(md+'.main #field_id-14 div');jQuery(this).parents('.main-content').find('td .status').load(md+'#profile-advanced-right .module:eq(0) .main-head em');if(jQuery(this)){jQuery('.main.destaque').show()}function makeArray(){for(i=0;i
    ')});

    [/list]

    Ver perfil do usuário

    Cepheus

    avatar
    Admin

    Fiz uma pequena adaptação para phpbb3:
    Código:
    $(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 link = $('.module table[summary="Os membros mais ativos do mês"] td:eq(0) a').attr('href');
      $.get(link, function(d) {
      var nome = jQuery('#profile-advanced-right .module .main-head .h3:eq(0) strong', d).text();
      var avatar = jQuery('#profile-advanced-right .module .inner div[style="text-align:center;"]:eq(0) img', d).attr('src');
      var register = jQuery('#field_id-4 dd', d).text();
      var posts = jQuery('#field_id-6 dd', d).text();
      var pontos = jQuery('#field_id-13 dd', d).text();
      var rep_m = jQuery('#field_id-14 dd', d).text();
      var id = link.match(/\d+/g);
      var verify = jQuery('#profile-advanced-right .module .main-head .h3:eq(0) em', d).text();
      if(verify == '(conectado)') {
        var status = 'online';
      }else {
        var status = 'offline';
      }
    var p = $('#main-content')[0];
    $(p).after('
    <div class="forabg destaque" style="display:;">
    <div class="inner"><span class="corners-top"><span></span></span>
          <div class="topiclist" style="padding: 3px 6px 3px;">
                <h2><img src="http://i.imgur.com/fHukYSL.png" /> Membro do Mês</h2>
          </div>

     <ul class="topiclist forums">
     <table>
     <tbody class="statused">
                                <tr>
    <td width="105px" align="center" style="background-color: aliceBlue;padding: 3px;">
                <img src="'+avatar+'" class="avatar_d" alt="'+avatar+'" /><br><br>
                <span class="bs_badge" style="background:green;margin-bottom:3px;margin-top:3px;"><a href="/privmsg?mode=post&u='+id+'">Envie um pm</a></span><br>
                <span class="bs_badge" style="background:green;"><a href="/spa/'+nome+'">Posts</a></span>
            </td>
    <td>
    <div style="position:relative;left:-5px;padding:5px 0px 5px 15px;">
                  <div style="border-bottom:1px solid lightgrey;padding-bottom:3px;">
                      <h4><span style="font-size:1.3em;">'+nome+'</span>
                      <span style="float:right;color:grey;font-size:10px;position:relative;" class="m_o_m"></span></h4>
                      </div>

    <span>
    <p class="message_motm" style="padding-top:3px"></p>
    <div style="padding:5px;float:right">
    <span class="bs_badge reset_cursor" id="m_post"></span>
    <span class="bs_badge reset_cursor" id="m_rep"></span>
    <span class="bs_badge bs_badge_lightgrey reset_cursor perf"><a href="'+link+'">ir para o perfil</a></span>
    </div>
    </span>
    </div>
    </td>
          </tr>
     </tbody>
     </table>
     </ul><span class="corners-bottom"><span></span></span>
    </div></div>
    ');
    if(link) {$('.destaque').show();}
    $('p.message_motm').html('Parabéns '+nome+' nosso novo membro do mês - <strong>'+months[month]+' - '+year+'</strong>. Foi registrado nesse fórum em '+register+'. Ele postou um total de '+posts+' posts. Ele tem o total de '+pontos+' pontos. Ele recebeu '+rep_m+' pontos de reputação. Agora ele está '+status+'.');
    $('.m_o_m').html('Membro do Mês:  <span class="bs_badge" style="background:green;">'+months[month]+' - '+year+'</span>');
    $('#m_post').html(''+posts+' posts');
    $('#m_rep').html(''+rep_m+' Pontos de Reputação');
    });
    });






  • Gostou?
     não esqueça de
  • Reputar!



    Ver perfil do usuário

    vander2000rj

    avatar
    Membro ativo

    Ola ficou Bom, só tem uns pequenos detalhe se for possivel ajeitar coloquei na imagem

    http://prntscr.com/6nsqm3

    Ver perfil do usuário

    Cepheus

    avatar
    Admin

    Você não adicionou o CSS do seguinte tópico: http://www.bestskins.net/t1662-membro-do-mes-personalizado

    O CSS que se encontra no tópico é o seguinte:

    Código:
    /*Destaque do mês*/
    .destaque img.avatar_d {
    width: 50px;
    height: 50px;
    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);
    }
    .destaque h4 {font-weight: normal;}
        .bs_badge {
        background: #7ba60d;
        display: inline-block;
        height: 16px;
        line-height: 16px;
        padding: 0 5px;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        vertical-align: middle;
        margin-right: 8px;
        }
        .bs_badge_lightgrey {
        background: #b3b3b3;
        }
    .bs_badge, .bs_badge a {color: #fff !important;}
    .reset_cursor {
    cursor: default;
    }
    .destaque .main-content table {
    background: #F6F8FA;
    border: 1px solid #DCE2EC;
    width: 100%;
    }





  • Gostou?
     não esqueça de
  • Reputar!



    Ver perfil do usuário

    vander2000rj

    avatar
    Membro ativo

    Embarassed Eu tinha tirado do css o codigo, esquecir de por de volta, só tem 2 detalhe , 2 linha pra por pra cim um pouco, ver a imagem

    http://prntscr.com/6nu316

    Ver perfil do usuário

    Cepheus

    avatar
    Admin

    Adicione no seu css:
    Código:
    .m_o_m{top:-15px}.topiclist h2{margin-top:-5px}.topiclist h2 img{width:24px;height:24px;} ul>table>tbody>tr>td[style="background-color: aliceBlue;padding: 3px;"]{background-color: rgba(0, 0, 0, 0.16)!important;}





  • Gostou?
     não esqueça de
  • Reputar!



    Ver perfil do usuário

    vander2000rj

    avatar
    Membro ativo

    ficou bom , mas perdeu o destaque do fundo branco no avatar

    http://prntscr.com/6nuoad

    percebir mais uma coisa o nome do usuário nao apareceu igual ta essa imagem

    http://prntscr.com/6nutei

    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