The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How can I make a customized Member Of The Month widget?

Page 1 of 3 1, 2, 3  Next

View previous topic View next topic Go down

Solved How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 4th 2014, 2:29 pm

Hello all,
How can I make a customized member of the month widget? My forum version is punbb.


Last edited by Black-Shadow on December 26th 2014, 11:17 pm; edited 1 time in total

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 5th 2014, 2:39 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by _Twisted_Mods_ on December 5th 2014, 2:57 pm

are you wanting something simple or more advanced if you want somthing more advanced give me a list of everything you want to include

here is a simple one just add the code in a new widget

Code:

[center][b][url=http://help.forumotion.com/u3975]Black-Shadow[/url][/b][/center]
[center][img(100px,100px)]http://r29.imgfast.net/users/3412/19/22/63/avatars/3975-89.png[/img]
[img(30px,30px)]http://icons.iconarchive.com/icons/custom-icon-design/mini-4/48/award-1-icon.png[/img]
[b]Member of The Week[/b][/center]



Member of The Week

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 5th 2014, 3:00 pm

Hello,
I just find this tutorial http://www.bestskins.net/t4895-widget-membro-do-mes-elegante but its not working as tried it. I want to make something similar.

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by _Twisted_Mods_ on December 5th 2014, 3:07 pm

you have to be registered to see it can you post the code?

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 5th 2014, 3:10 pm

Oh Yes sorry, here is the widget code:

Spoiler:

Code:

    <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;
    }
    .box_container{}
    .box_head{
    background-color: #262e33;
    border-radius: 4px 4px 0 0;
    color: #fff;
    height: 85px;
    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:20px;}
    .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;}
    </style>

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by _Twisted_Mods_ on December 5th 2014, 3:19 pm

ok what about a image of what it should look like maybe i can write something similar

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 5th 2014, 3:25 pm

It must looks like this http://prntscr.com/5dgrwn

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by _Twisted_Mods_ on December 5th 2014, 11:10 pm

ok that should be to hard to make .. and any idea what the lil notepad and the magnifier does? and what the green rectangle in the corner says?

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 5th 2014, 11:44 pm

Hello _Twisted_Mods_,
The english text of widget is:
"Congratulations to our newest member [UserName] of [Month] [Year]. Joined the first time in this forum [RegistrationDate]. He celebrates birthday on [BirthdayDate]. He/She has a total of [PostsNumber] posts. He received [NumberOfReputationPoint] reputation points. Congratulations to month member."


The first green rectangle is the latest month and the second one means "View Profile". The tutorial code which I was posted up contains a javascript which is retrieving those fields information (in the brackets on below text), but it needs some modifications to work correctly. As I checked the problem caused that the javascript retrieves the data from mod_top_post_users_month template and I have modified it due the recent topic system v5. I dont know how to mofify the javascript to retrieve those data from statistics page.

Update:
I just found a similar tutorial in brasilian forumotion support here http://ajuda.forumeiros.com/t73322-tutorial-widget-membro-do-mes

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by _Twisted_Mods_ on December 6th 2014, 3:36 am

well im sorry my scripting hasnt reach this lvl yet i cant figure it out.. but looks like you have to add something to the members profile saying they are member of the month ..but its hard for me to read everything because its not in English and my scripting knowledge isnt that great...maybe ange or js can take a look at this and figure it out they are both awesome and will probably have this solved in about 2 secs

sorry

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 6th 2014, 4:31 pm

Hello,
Yes I think it's difficult but may someone else can help me. It needs a very good knowledge of JavaScript to handle it.

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by !redlove! on December 6th 2014, 5:06 pm

Thank you bro

!redlove!
New Member

Male Posts : 6
Reputation : 1
Language : english

http://nimbuzzmasters.forumotions.in/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 7th 2014, 6:39 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 8th 2014, 6:45 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 9th 2014, 10:30 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 10th 2014, 10:31 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by JScript on December 10th 2014, 10:50 pm

Black-Shadow wrote:Bump
I saw this topic, but I had hopes that you would come to the conclusion alone...

No problem, let's go:

1- Activate your widget [Top posting users this month]
2- Open the code you posted here in an editor of your choice, translate everything that is not in English into their native language!
Watch the phrase that appears on top of the widget and change so it is in Portuguese, of course.

Then, the code will work because will conform to your widget in your local language.

If it still does not work, let me know and I will do the translations for you ok?

So long,

JS

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 10th 2014, 10:58 pm

Hello Jscript,
I have already activated this widget but I have modified the template because it is using by Recent Topics System v5 module and I dont know how can I retrieve those data in a custom widget. I think to retrieve them from forumurl/statistics page but i dont know if it is possible or from somewhere else.

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 12th 2014, 1:12 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Luffy on December 12th 2014, 1:28 pm

Is this able to be done for phpbb3 also?






Luffy
Manager
Manager

Male Posts : 4246
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by JScript on December 12th 2014, 2:38 pm

Hello everybody!

This weekend I will make the code with support for multiple languages ok?

So long,

JS

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Luffy on December 13th 2014, 12:19 pm

If you manage to do this for Phpbb3 please tell the code for me! Thanks! Smile






Luffy
Manager
Manager

Male Posts : 4246
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 14th 2014, 9:34 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 15th 2014, 10:16 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 16th 2014, 10:56 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by L-Dawg-Laura on December 16th 2014, 11:15 pm

You can do what I do.

What I Do:
ACP>>Modules>>Forum widgets management>>Create A Widget>>Name The Widget MOTM (or whatever you like for MOTM>>Get your MOTM Profile picture>>Copy it then Paste it in the Body of your widgets box>> Add A description or name!

L-Dawg-Laura
New Member

Female Posts : 8
Reputation : 1
Language : English

http://solar-sentinalpack.forumotion.com

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 16th 2014, 11:23 pm

Hello,
I need to retrieve it automatically but as I said previously I have modified the template mod_top_post_users_month because its using from Recent Topics System v5 and it must retrieve the data of member of the month from there or from forum statistics page.

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 17th 2014, 11:30 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make a customized Member Of The Month widget?

Post by Van-Helsing on December 19th 2014, 2:56 am

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Page 1 of 3 1, 2, 3  Next

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum