Boas-vindas ao Power Pixel

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

Codigo dos Widgets de Ultimos Assuntos Com Avatar e De Destaque da Semana

3 participantes

Início :: Forumeiros :: NostalgiaCodigo dos Widgets de Ultimos Assuntos Com Avatar e De Destaque da Semana

iLacoste|4i20 iLacoste|4i20  • Sáb 22 Fev 2014 - 11:25

Codigo dos Widgets de Ultimos Assuntos Com Avatar e De Destaque da Semana Empty Codigo dos Widgets de Ultimos Assuntos Com Avatar e De Destaque da Semana Sáb 22 Fev 2014 - 11:25

Qual é minha questão:
Olá gostaria de saber qual eo codigo desses dois widgets
Print - 1 [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Print - 2 [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Aguardo resposta desde ja agradeço !

Endereço do meu fórum:
samptutors.forumeiros.com

Versão:
PunBB

DeeW. DeeW.  • Sáb 22 Fev 2014 - 12:25

Codigo dos Widgets de Ultimos Assuntos Com Avatar e De Destaque da Semana Empty Re: Codigo dos Widgets de Ultimos Assuntos Com Avatar e De Destaque da Semana Sáb 22 Fev 2014 - 12:25

Olá,

O Primeiro é só você ir nos widgets e adicionar o "Tópicos Recentes".

O Segundo faça o seguinte:

Crie um Widget com o seguinte código:

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 .main-content.clearfix.center:eq(0)',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">
          <span style="color:#2929E6"><strong>Davisnatsu</strong></span>
      </div>
      
      <div id="avat">
          <img src="http://r29.imgfast.net/users/2912/19/22/63/avatars/93294-93.png" alt="" /><br /><br />Rank: <span class="userModerator">Moderador</span>
      </div>
      
      <div id="reput">
         
         <div class="field_uneditable">
             113
         </div>
         
      </div>
       <br /> <a href="/st/Davisnatsu" class="m-content"><img src="http://i.imgur.com/OTcLyEw.png" /></a> <br /><br /> <span>Posts:</span>
      <div id="post-membro">
         
         <div class="field_uneditable">
             1321
         </div>
         
      </div>
       <br /> <span>Membro desde:</span>
      <div id="reg-membro">
         
         <div class="field_uneditable">
             27/05/2013
         </div>
         
      </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>

Lembrando que precisa deixar ativo o Widget "Os membros mais ativos da semana".

Pronto!

iLacoste|4i20 iLacoste|4i20  • Sáb 22 Fev 2014 - 12:32

DeeW. DeeW.  • Sáb 22 Fev 2014 - 12:36

iLacoste|4i20 iLacoste|4i20  • Sáb 22 Fev 2014 - 12:43

DeeW. DeeW.  • Sáb 22 Fev 2014 - 12:51

Codigo dos Widgets de Ultimos Assuntos Com Avatar e De Destaque da Semana Empty Re: Codigo dos Widgets de Ultimos Assuntos Com Avatar e De Destaque da Semana Sáb 22 Fev 2014 - 12:51

Faça o seguinte, deixe o editor dos widgets assim:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

e Cole o seguinte codigo:
Código:
<div id="highlight_the_week">
        <center>
            <br>
            <div id="link"><span style="color:#2929E6"><strong>Davisnatsu</strong></span></div>
            <div id="avat"><img src="http://r29.imgfast.net/users/2912/19/22/63/avatars/93294-93.png" alt=""><br><br>Rank: <span class="userModerator">Moderador</span></div>
            <div id="reput"><div class="field_uneditable">113</div></div>
            <br>
            <a href="/st/Davisnatsu" class="m-content"><img src="http://i.imgur.com/OTcLyEw.png"></a>
            <br><br>
            <span>Posts:</span> <div id="post-membro"><div class="field_uneditable">1321</div></div> <br>
            <span>Membro desde:</span> <div id="reg-membro"><div class="field_uneditable">27/05/2013</div></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>

Salve e Teste!

No Meu Fórum Funcionou certinho: http://infinitesuport.ipbfree.biz/ .

iLacoste|4i20 iLacoste|4i20  • Sáb 22 Fev 2014 - 13:28

[K]oke [K]oke  • Sáb 22 Fev 2014 - 14:29

Conteúdo patrocinado  • 

Codigo dos Widgets de Ultimos Assuntos Com Avatar e De Destaque da Semana Empty Re: Codigo dos Widgets de Ultimos Assuntos Com Avatar e De Destaque da Semana

Início :: Forumeiros :: Nostalgia:: Codigo dos Widgets de Ultimos Assuntos Com Avatar e De Destaque da Semana
Permissões neste sub-fórum
Não podes responder a tópicos