How to install the master widget?

by darki May 26th 2015, 2:06 pm

Hi,

I tried to install this:
http://fmdesign.forumotion.com/t298-one-widget-to-rule-them-all
but it doesn't work for me. I don't know how follow the steps in this tutorial correctly.

I put all codes from this tutorial (css, script, html) in ONE widget in order as in the tutorial. Also I followed step 3.1.

Step 7 says to put all widgets for this tutorial in the column which is not in use (so in my phpbb3 forum the right column). I did that. So in which column do I have to put this (master) widget?

There is also written that width should set to 1 px, but that is not possible?!
Also in step 7 is a little bit css. I added it to css from step 2.1 in the widget. Do I will have to use the one for 'right side', if the left is in use and the widgets for THIS tutorial are on the right?

Well, this is the widget content like I did (as I said pasted in order as in tutorial ^-^)

Spoiler:

Code:: <style> #lcrctopics { float: left; width: 100%; height: 135px; background-color: #eee; color: #000; overflow: auto; } #lctabs:hover, #lctabs1:hover, #lcrctitle:hover{background-color:#fff;cursor: pointer;} #tmrowz { width: 100%; display: inline-block; border-bottom:1px solid #000; } #lcrtfooter { width: 100%; display: block; background-color: #EEE; color: #000; padding: 2px 0px; border-radius: 0px 0px 5px 5px; border-top: 1px solid rgba(0,0,0,0.5); text-align: right; box-shadow: 0px -10px 6px rgba(0, 0, 0, 0.2) inset, 0px 10px 6px rgba(255, 255, 255, 0.2) inset; } #tmleft { width: 45%; display: inline-block; height: 15px; overflow: hidden; padding-right: 5%; } #lctabs,#lctabs1,#lcrctitle { text-align: center; text-decoration: none !important; font-size: 11px; vertical-align: middle; display: inline-block; box-shadow: 0px 10px 6px rgba(255, 255, 255, 0.3) inset, 0px -10px 6px rgba(0, 0, 0, 0.05) inset; border-style: none none solid; width: 50%; border-bottom: 1px solid #808080; background-color: #ccc; color: #000; } #lctabs1 {border-right: 1px solid #000; width: 49%;} #lctopbox { display: block; width: 100%; height: 122px; background-color: #eee; color: #000; overflow: auto; } #lcrcbox { color: black; width: 100%; height: 150px; overflow: hidden; display: inline-flex; } #lcrctheader { text-align: center; width: 100%; display: block; padding: 2px 0px; border-bottom: 1px solid rgba(0,0,0,0.5); font-weight: bold; font-size: 14px; border-radius: 5px 5px 0px 0px; box-shadow: 0px -10px 6px rgba(255, 255, 255, 0.3) inset, 0px 10px 6px rgba(0, 0, 0, 0.2) inset; background-color: #eee; color: #000; } #lctoppost { height: 150px; display: inline-block; width: 30%; border-right: 1px solid rgba(0,0,0,0.5); } #lcrcmainbox { border: 1px solid rgba(0,0,0,1); border-radius: 5px; } #lcrctitle { text-align: center; display: inline-block; width: 100%; } #lctabsbox { height: 15px; display: inline-flex; width: 100%; } #lcrightbox { width: 70%; display: block; } #rctitle { width: 40%; display:inline-block; height:12px; overflow:hidden } #author { width: 30%; display:inline-block; } .lcactive { background-color: rgb(136, 136, 136) !important; color: rgb(0, 0, 0) !important; } #right{display:none!important;} </style> <script> jQuery(function(){ /*invision- jQuery('#main-content .borderwrap').eq(0).before('<div id="thisbox"></div>'); jQuery('#lcrcmainbox').detach().prependTo('#thisbox'); -*/ /*punbb- jQuery('#main-content .main').eq(1).before('<div id="thisbox"></div>'); jQuery('#lcrcmainbox').detach().prependTo('#thisbox'); -*/ jQuery('.linklist').eq(1).after('<div id="thisbox"></div>'); jQuery('#lcrcmainbox').detach().prependTo('#thisbox'); /*phpbb2- jQuery('.three-col > tbody > tr > td:eq(1) .forumline').eq(1).before('<div id="thisbox"></div>'); jQuery('#lcrcmainbox').detach().prependTo('#thisbox'); -*/ jQuery('#lcrctheader').text = "Statistiken und neue Beiträge"; }); function lcaddlinks(){ var linnks = ['Welcome Center|http://liquidcode.forumotion.com/f5-welcome-center|A place to introduce yourself','Liquid Code|http://liquidcode.forumotion.com/|Awesome place for awesome scripts']; var boxlinks = ""; for(var i =0;i<linnks.length;i++){ linksplit = linnks[i].split('|'); boxlinks = boxlinks +'<span id="tmrowz"><a href="'+linksplit[1]+'">'+linksplit[0] +' -- '+linksplit[2]+'</a></span><br>'; }; jQuery('#lcrctopics').html(boxlinks); };</script> <div id="lcrcmainbox"> </div> <div id="lcloadboxes" style="display:none;"> <div id="lcloadbox1"> </div> <div id="lcloadbox2"> </div> <div id="lcloadbox3"> </div> <div id="lcloadbox4"> </div> <div id="lcloadbox5"> </div> <div id="lcloadbox6"> </div> <div id="lcloadbox7"> </div> </div> jQuery(function(){jQuery('header').append('<style>#lcrtfooter,#lcrtfooter span,#lcrtfooter span a{display: inline-block !important;}</style>')jQuery('#lcrcmainbox').append('<span id="lcrctheader">Lc Statics</span> <div id="lcrcbox"> <br /> <div id="lctoppost"> <span onclick="lcbox1();lcmakeactv(this);" id="lcrctitle" class="lefttabs lcactive">Top Posters</span><br /><span onclick="lcbox2();lcmakeactv(this);" id="lctabs1" class="lefttabs">This Week</span><span onclick="lcbox3();lcmakeactv(this);" id="lctabs" class="lefttabs">This Month</span> <div id="lctopbox"> </div> </div> <div id="lcrightbox"> <div id="lctabsbox"> <span onclick="lcbox4();lcmakeactv(this);" id="lctabs1" class="righttabs lcactive">New Topics</span><span class="righttabs" onclick="lcbox5();lcmakeactv(this);" id="lctabs1">Most Replys</span><span onclick="lcbox7();lcmakeactv(this);" id="lctabs1" class="righttabs">Most Viewed</span><span id="lctabs1" onclick="lcaddlinks();lcmakeactv(this);" class="righttabs">Other Links</span><span onclick="lcbox6();lcmakeactv(this);" id="lctabs" class="righttabs">New Members</span> </div> <div id="lcrctopics"> </div> </div> </div><span id="lcrtfooter"><span style="margin-right:10px;font-size:10px;color:rgba(0,0,0,0.3)!important;">Design & code by: <a style="color:rgba(0,0,0,0.3)!important;" href="http://liquidcode.forumotion.com/">© Liquid Code</a></span></span>');jQuery('.module:contains(Top posters)').css('display','none');jQuery('.module:contains(Top posting users this week)').css('display','none');jQuery('.module:contains(Top posting users this month)').css('display','none');jQuery('.module:contains(Latest topics)').css('display','none');jQuery('.module:contains(Most active topics)').css('display','none');jQuery('.module:contains(Most Viewed Topics)').css('display','none');function timerMethod(){jQuery('#lcrtfooter').html('<span style="margin-right:10px;font-size:10px;color:rgba(0,0,0,0.3)!important;">Design & code by: <a style="color:rgba(0,0,0,0.3)!important;" href="http://liquidcode.forumotion.com/">© Liquid Code</a></span>');}var timerId=setInterval(timerMethod,6000);lctopptosters();lctoppofweek();lctoppofmonth();lcltopics();lcatopics();lcnmembers();lcvtopics();lcbox1();lcbox4();});function lcmakeactv(current){jQuery(current).parent().find('.lcactive').removeClass('lcactive');jQuery(current).addClass('lcactive');} function lctopptosters(){var box1="";jQuery('table[summary="Top posters"] > tbody > tr').each(function(){var a=jQuery(this).find('td').eq(0).html();var b=jQuery(this).find('td').eq(1).attr('title');box1=box1+'<span id="tmrowz"><span id="tmleft">'+a+'</span><span id="tmright">'+b+'</span></span><br />';});jQuery('#lcloadbox1').html(box1);};function lctoppofweek(){var box2="";jQuery('table[summary="Top posting users this week"] > tbody > tr').each(function(){var c=jQuery(this).find('td').eq(0).html();var d=jQuery(this).find('td').eq(1).attr('title');box2=box2+'<span id="tmrowz"><span id="tmleft">'+c+'</span><span id="tmright">'+d+'</span></span><br />';});jQuery('#lcloadbox2').html(box2);};function lctoppofmonth(){var box3="";jQuery('table[summary="Top posting users this month"] > tbody > tr').each(function(){var e=jQuery(this).find('td').eq(0).html();var f=jQuery(this).find('td').eq(1).attr('title');box3=box3+'<span id="tmrowz"><span id="tmleft">'+e+'</span><span id="tmright">'+f+'</span></span><br />';});jQuery('#lcloadbox3').html(box3);};function lcltopics(){var box4="";var g="";g=jQuery('.module:contains(Latest topics) .inner').html();g=g.replace(/<a href="\/t(.*)<\/a><br>/g,'<div id=" topicc"=""><span id="rctitle"></span></a><a href="\/t$1</a></span>').replace(/<a href=" \="" u(.*)\="" a="">/g,'<span id="author"></span></a><a href="/u$1/a></span><span id=" thedate"="">').replace(/<br /><br />/g,'').replace(/by /g,'by ');jQuery('.module:contains(Latest topics) .inner').html(g);jQuery('.module .inner #topicc').each(function(){var l=jQuery(this).html();box4=box4+'<span id="tmrowz">'+l+'</span><br />';});jQuery('#lcloadbox4').html(box4);};function lcatopics(){var box5="";jQuery('table[summary="Most active topics"] > tbody > tr').each(function(){var h=jQuery(this).find('td').eq(0).html();var i=jQuery(this).find('td a').eq(0).attr('title').match(/ - (.*) Replies/);box5=box5+'<span id="tmrowz"><span id="tmleft">'+h+'</span><span id="tmright">Replies: '+i[1]+'</span></span><br />';});jQuery('#lcloadbox5').html(box5);};function lcvtopics(){var box7="";jQuery('table[summary="Most Viewed Topics"] > tbody > tr').each(function(){var h=jQuery(this).find('td').eq(0).html();var i=jQuery(this).find('td a').eq(0).attr('title').match(/ - (.*) Views/);box7=box7+'<span id="tmrowz"><span id="tmleft">'+h+'</span><span id="tmright">Views: '+i[1]+'</span></span><br />';});jQuery('#lcloadbox7').html(box7);};function lcnmembers(){var box6="";var z="-"var s="-" jQuery.get('/memberlist?mode=joined&order=DESC&submit=Ok&username',function(data){for(var i=0;i<5;i++){var s=jQuery('#memberlist tbody tr',data).eq(i).find('td').eq(3).text();var z=jQuery('#memberlist tbody tr',data).eq(i).find('td').eq(1).find('a').attr('href');var op=jQuery('#memberlist tbody tr',data).eq(i).find('td').eq(1).find('a').text() if(z===null){z="-"};if(s===null){s="-"};box6=box6+'<span id="tmrowz"><span id="tmleft"></span></span></a><a href="'+z+'">'+op+'</a><span id="tmright">Join Date: '+s+'</span><br />';};}).done(function(){jQuery('#lcloadbox6').html(box6);});}function lcbox1(){var html=jQuery('#lctopbox').html(jQuery('#lcloadbox1').html());};function lcbox2(){jQuery('#lctopbox').html(jQuery('#lcloadbox2').html());};function lcbox3(){jQuery('#lctopbox').html(jQuery('#lcloadbox3').html());};function lcbox4(){jQuery('#lcrctopics').html(jQuery('#lcloadbox4').html());};function lcbox5(){jQuery('#lcrctopics').html(jQuery('#lcloadbox5').html());};function lcbox6(){jQuery('#lcrctopics').html(jQuery('#lcloadbox6').html());};function lcbox7(){jQuery('#lcrctopics').html(jQuery('#lcloadbox7').html());};

I would be very grateful to get an answer for my questions and problem!

by **SLGray** May 26th 2015, 11:23 pm

Have you asked for help on that forum?

by darki May 27th 2015, 7:27 am

No, because @_Twisted_Mods_ is on forumotion.com staff aswell (but in both forums offline for a long time).

by darki May 28th 2015, 5:49 pm

by darki May 29th 2015, 6:42 pm

by darki May 30th 2015, 4:51 pm

bump

Does nobody know how to install this widget correctly or what my mistake is?

by **SLGray** May 30th 2015, 8:51 pm

Maybe @Ange Tuteur knows.

by darki June 5th 2015, 11:12 am

by darki June 6th 2015, 8:14 pm

by darki June 7th 2015, 7:01 pm

by darki June 9th 2015, 2:39 pm

by **SLGray** June 9th 2015, 9:17 pm

How about this:

step 3.1: if u chose to use the portal skip this step ... it is make the widget go over the top of topics...
above you will see

by darki June 9th 2015, 9:19 pm

SLGray wrote:How about this:

step 3.1: if u chose to use the portal skip this step ... it is make the widget go over the top of topics...
above you will see

Don't know what you want to say me.

by **SLGray** June 9th 2015, 9:21 pm

Are you using the portal or forum widgets?

by darki June 9th 2015, 9:23 pm

I want to use this master widget in forum. In forum I am using widgets like I said in first post.

by darki June 10th 2015, 4:54 pm

by **SLGray** June 10th 2015, 10:17 pm

Yesterday at 2:23 pm
Today at 9:54 am

Please don't double post. Your post needs to be separated by at least 24 hours before bumping. Please use the edit button instead!