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 to install the master widget?

View previous topic View next topic Go down

In progress How to install the master widget?

Post by darki on May 26th 2015, 9:06 am

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!

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by SLGray on May 26th 2015, 6:23 pm

Have you asked for help on that forum?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on May 27th 2015, 2:27 am

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

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on May 28th 2015, 12:49 pm

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on May 29th 2015, 1:42 pm

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on May 30th 2015, 11:51 am

bump

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

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by SLGray on May 30th 2015, 3:51 pm

Maybe @Ange Tuteur knows.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on June 5th 2015, 6:12 am

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on June 6th 2015, 3:14 pm

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on June 7th 2015, 2:01 pm

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on June 9th 2015, 9:39 am

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by SLGray on June 9th 2015, 4: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


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on June 9th 2015, 4: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.

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by SLGray on June 9th 2015, 4:21 pm

Are you using the portal or forum widgets?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on June 9th 2015, 4:23 pm

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

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on June 10th 2015, 11:54 am

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by SLGray on June 10th 2015, 5: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!


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on June 12th 2015, 10:53 am

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

In progress Re: How to install the master widget?

Post by darki on June 13th 2015, 12:38 pm

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

View previous topic View next topic Back to top


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