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 ^-^)
I would be very grateful to get an answer for my questions and problem!
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!