HomeHow can I make a customized Member Of The Month widget?
+3
!redlove!
_Twisted_Mods_
Van-Helsing
7 posters
Page 1 of 3
Page 1 of 3 • 1, 2, 3 
How can I make a customized Member Of The Month widget?
by Van-Helsing December 4th 2014, 2:29 pm
Hello all,
How can I make a customized member of the month widget? My forum version is punbb.
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
-
Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 5th 2014, 2:39 pm
Bump
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by _Twisted_Mods_ 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
Member of The Week
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
- Posts : 2108
Reputation : 336
Language : English
Location : Ms -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing 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.
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
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by _Twisted_Mods_ December 5th 2014, 3:07 pm
you have to be registered to see it can you post the code?
_Twisted_Mods_- Helper
- Posts : 2108
Reputation : 336
Language : English
Location : Ms -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing 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
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by _Twisted_Mods_ 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
- Posts : 2108
Reputation : 336
Language : English
Location : Ms -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 5th 2014, 3:25 pm
It must looks like this http://prntscr.com/5dgrwn
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by _Twisted_Mods_ 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
- Posts : 2108
Reputation : 336
Language : English
Location : Ms -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing 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
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
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by _Twisted_Mods_ 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
sorry
_Twisted_Mods_- Helper
- Posts : 2108
Reputation : 336
Language : English
Location : Ms -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing 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.
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
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by !redlove! December 6th 2014, 5:06 pm
Thank you bro
!redlove!- New Member
- Posts : 15
Reputation : 2
Language : English
Location : India -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 7th 2014, 6:39 pm
Bump
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 8th 2014, 6:45 pm
Bump
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 9th 2014, 10:30 pm
Bump
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 10th 2014, 10:31 pm
Bump
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by JScript December 10th 2014, 10:50 pm
I saw this topic, but I had hopes that you would come to the conclusion alone...Black-Shadow wrote:Bump
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
- Posts : 741
Reputation : 175
Language : PT-BR, EN
Location : Brazil -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing 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.
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
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 12th 2014, 1:12 pm
Bump
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by TheCrow December 12th 2014, 1:28 pm
Is this able to be done for phpbb3 also?
TheCrow- Manager
- Posts : 6913
Reputation : 794
Language : Greek, English -
Re: How can I make a customized Member Of The Month widget?
by JScript December 12th 2014, 2:38 pm
Hello everybody!
This weekend I will make the code with support for multiple languages ok?
So long,
JS
This weekend I will make the code with support for multiple languages ok?
So long,
JS
JScript- Forumember
- Posts : 741
Reputation : 175
Language : PT-BR, EN
Location : Brazil -
Re: How can I make a customized Member Of The Month widget?
by TheCrow December 13th 2014, 12:19 pm
If you manage to do this for Phpbb3 please tell the code for me! Thanks! 
TheCrow- Manager
- Posts : 6913
Reputation : 794
Language : Greek, English -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 14th 2014, 9:34 pm
Bump
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 15th 2014, 10:16 pm
Bump
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 16th 2014, 10:56 pm
Bump
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by L-Dawg-Laura 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
-
Posts : 8
Reputation : 1
Language : English -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing 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.
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
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 17th 2014, 11:30 pm
Bump
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Re: How can I make a customized Member Of The Month widget?
by Van-Helsing December 19th 2014, 2:56 am
Bump
Van-Helsing- Hyperactive
- Posts : 2431
Reputation : 116
Language : English, Greek -
Page 1 of 3 • 1, 2, 3
Similar topics» How to make a member of the month?
» How can I make this widget about newest member?
» Member of the month award
» Member of the month award
» I need a Member of the Month RANK****
» How can I make this widget about newest member?
» Member of the month award
» Member of the month award
» I need a Member of the Month RANK****
Page 1 of 3
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
