Widget - Staff do mês

5 participantes

Ir para baixo

Tópico resolvido Widget - Staff do mês

Mensagem por Punisher 14.03.18 14:55

Detalhes da questão


Endereço do fórum: http://legends-nwd.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá, alguem poderia me ajudar a adicionar um widget igual o que tinha antigamente no FdF, que se chamava "Membro do mês" onde aparecia o avatar do membro e etc, alguem poderia me ajudaR?
Punisher
Punisher
***

Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284

http://rota-nwd.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget - Staff do mês

Mensagem por Chanp 14.03.18 21:41

Olá,
Isso é algo que eu não posso te ajudar 100% por não estar ativo no FdF na época que tínhamos este widget, mas vou tentar dar o meu suporte.

Tem alguma imagem aproximada do widget que o senhor deseja? Irei fazer um bem próximo e adequado ao seu gosto utilizando HTML e CSS.

Até breve!
o/
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget - Staff do mês

Mensagem por virus 15.03.18 23:55

Olá, Veja se este tópico soluciona o seu problema
https://ajuda.forumeiros.com/t106853-membro-do-mes#746907

E leve em consideração este tópico:
https://ajuda.forumeiros.com/t73322-tutorial-widget-membro-do-mes
Até!
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget - Staff do mês

Mensagem por tikky 16.03.18 8:35

Olá,
você pode pegar nesse código, membro do mês, e adaptar ao seu gosto é 100% adaptável:

Código:
<style type="text/css">
#tavatar{width:50px;}
table{background-color:#262E33;}
.mipost, #nameh{display:inline-block;padding-left:10px}
td,tr{border:none}
hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
width:100%
}
#bpart{background-color:#ccc;}
#pprofile{
    padding: 2px 5px;
background-color:darkgreen;
    border-radius:6px;
color:white;
font-weight:bolder;
float:right;
}
#thedate {
    padding: 2px 5px;
background-color:darkgreen;
    border-radius:6px;
color:white;
font-weight:bolder;
}
#motm{font-weight:bolder;color:gray;}
</style>
<table>
             
    <tbody>
        <tr>
                 
            <td style="width: 20%;" rowspan="2">
 
                  <img id="tavatar"
src="http://2img.net/i/fa/invision/pp-blank-thumb.png" />         
                                                             
            </td>
                 
        </tr>
             
        <tr>
                 
            <td>
                     
                <div id="nameh">
 
                      <strong>name</strong> <span
class="mimp"><a href="/privmsg?mode=post&u=46"><img
src="http://i.imgur.com/1B61PFG.png"
/></a></span><span class="mipost"><a
href="spa/test"><img src="http://i.imgur.com/Ex7KhNG.png"
/></a></span><br />                               
                           
                    <hr />
                         
                    <div id="motm">
                              motm   
                    </div>
                                                                                                   
                    <div id="thedate">
                              8 - 2014     
                    </div>
                                                                                                   
                </div>
                     
            </td>
                 
        </tr>
             
        <tr>
                 
            <td colspan="2">
                     
                <div id="bpart">
                         
                </div><br />     
                <div id="pprofile">
                         
                </div>
                     
            </td>
                 
        </tr>
             
    </tbody>
</table>
                                                                                   
<div id="blah1" style="display:none;">
 
</div>
 
<script type="text/javascript">
(function() {
      var user = "1";
      var thetitle = "Member Of The Month";
 
      var name = ".subtitle";
    var d = new Date();
var month = new Array();
month[0] = "January";
month[1] = "February";
month[2] = "March";
month[3] = "April";
month[4] = "May";
month[5] = "June";
month[6] = "July";
month[7] = "August";
month[8] = "September";
month[9] = "October";
month[10] = "November";
month[11] = "December";
var n = month[d.getMonth()];
  var y = d.getFullYear();
      var ddate = n+" "+y;
      var joindate = "#field_id-4";
      var bday = "#field_id-12";
      var postt = "#field_id-13";
      var points = "#field_id-6";
      var avatar = "#profile-advanced-right .main .main-content img";
      var msg1 = 'Congratulations to ';
      var msg2  = ' our member of ';
    var msg3  = '. Joined the first time in this forum ';
    var msg4  = '. He/She celebrates a birthday on ';
    var msg5  = '. He/She has a total of ';
    var msg6  = ' posts. He/She received ';
    var msg7  = ' reputation points. Congratulations to this months member.';
 
      var j = jQuery, info1, info2, info3, info4, info5, info6, info7;
      j('#blah1').load('/u'+user+' #main-content', function() {
        info1 = j(this).find(name).text();            //name
        info7= info1.replace('Πληροφορίες για τον/την ','');
        info2 = j(this).find(joindate+' .field_uneditable').text(); //join date
        info3 = j(this).find(bday+' .field_uneditable').text(); //birthday
        info4 = j(this).find(postt+' .field_uneditable').text(); //points
        info5 = j(this).find(points+' .field_uneditable').text(); //post
        info6 = j(this).find(avatar).attr('src'); //avatar
        j('#nameh strong').text(info7);
        j('.mimp a').attr('href', '/privmsg?mode=post&u='+user);
        j('.mipost a').attr('href', '/spa/'+info7);
          j('#thedate').text(n+ " - " +y);
        j('#motm').text(thetitle);
          j('#tavatar').attr('src', info6);
 
        j('#pprofile').append(' <a href="/u'+user+'">View Profile</a> ');
          j('#bpart').text(msg1 + info7 + msg2 + n+ " - " +y+ msg3 +info2 + msg4 + info3 + msg5+ info5 + msg6 + info4 + msg7);
      });
})();
</script>

Obrigado,
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget - Staff do mês

Mensagem por Fraise 21.03.18 17:02

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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