[SOLVED] Widgets below instead of left/right?

First topic message reminder :

Hi,

is it possible (maybe through javascript) to put widgets below to the forum instead of left/right?

Thanks in advance.

Here you can see what I see just through reloading the page:

method 1:
https://i.servimg.com/u/f86/16/43/86/96/hgjlhg10.png

method 2:
https://i.servimg.com/u/f86/16/43/86/96/fghjh10.png

What are you using to change the statistics part of the forum ? As I see it now, it looks like "method 2"

@Ange Tuteur I'm using this css

Code:

        /* Statistik */
            #fa_stats {
                background: #2E3133 none repeat scroll 0% 0%;
                color: #FFF;
                font-family: Arial,Verdana,sans-serif;
                padding: 15px 0px;
                text-align: center;
                font-size: 10px;
            }
            .stat_label {
                background: #F2F2F2 none repeat scroll 0% 0%;
                border-radius: 3px;
                color: #2E3133;
                display: inline-block;
                font-size: 0px;
                margin: 0px 12px 0px 3%;
                padding: 6px 12px;
                vertical-align: middle;
            }
            .stat_label strong {
                display: inline-block;
                font-size: 14px;
                max-width: 150px;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .text_label {
                font-size: 14px;
                font-weight: 700;
                margin-right: 7.5%;
                text-transform: uppercase;
            } 
            .qeel_title {
                background: #369FCF none repeat scroll 0% 0%;
                color: #FFF;
                font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
                font-size: 16px;
                font-weight: 700;
                padding: 5px 6px;
                text-transform: uppercase;
            }
            .qeel_title a {
                color: #FFF;
            }
            .qeel_section {
                background: #FAFAFA none repeat scroll 0% 0%;
                color: #333;
                font-size: 11px;
                padding: 8px 6px;
            }

and this template edit

Code:

        <div id="fa_stats">
        <span class="stat_label">{TOTAL_POSTS} {TOTAL_TOPICS}</span><span class="text_label">Beiträge</span>
        <span class="stat_label">{TOTAL_USERS}</span><span class="text_label">Mitglieder</span>
                          <span class="stat_label"><span style="color:##2e3133">{NEWEST_USER}</span></span><span class="text_label">Neuestes Mitglied</span>
        </div>

And as I know is this part for the design for who is online list title, which appears in both methods different as you can see:

Code:

.qeel_title {
                background: #369FCF none repeat scroll 0% 0%;
                color: #FFF;
                font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
                font-size: 16px;
                font-weight: 700;
                padding: 5px 6px;
                text-transform: uppercase;
            }

If you need an account with admin rights again, the account I sent you is still working. Feel free to use.

I found the problem, the CSS you use to style the who is online relies on a rule like this :

Code:

.forabg +

To solve the problem I simply added this class to the right column, along with some CSS modifications so it doesn't take on appearance of this className.

Code:

$(function() {
  $('#right').addClass('forabg').css({
    background : 'none',
    boxShadow : 'none'
  }).insertBefore($('.linklist:last', '#main-content'));
});

@Ange Tuteur Thank you, the problem with a different footer statistic design is solved.

But there are still the other problems.
Through reloading the page
- the toolbar disappears
- the tab menu for categories disappears
- and the widgets moved to the bottom of the forum again

I know, it's very strange and maybe difficult for you to find the problem, but please have a look at it, Ange. The account with admin rights will still active.
You're the only one who could find the problem. :/

The most tagged usernames widget should work correctly now.

bump

I'm sorry, but I can't seem to reproduce the issue. Does this occur on a certain browser or platform ?

If I see it right, it's firefox on desktop computer and mobile device. :/

Don't you perceive it? Open my forum and you see one of the two alternatives. If you reload the page, you will see the other alternative.

I asked, because I reloaded the page numerous times on Chrome and I didn't encounter any problems. I'll take a look on Firefox tomorrow.

Thank you.

@Ange Tuteur ?

Hey,

Sorry for the wait. I gave it a try on Firefox, however, I still cannot seem to replicate the issue you spoke of. I'm not really sure what to do at this point.

@Ange Tuteur It seems like other users in my forum have the same problem with every browsers.
Damn...

I'm not sure what to say.. for whatever reason I can't see the problem you're experiencing. You can try one more thing which might work. When the problem occurs go to File > Save As ( or press ctrl + s ) to save the page. After this, add the files to an archive and upload them to a file sharing site like mediafire so I can download the page.

I'm not sure if it'll work the way I'm thinking, but it's worth a try.

@Ange Tuteur
Download:
http://www54.zippyshare.com/v/kvo3pR95/file.html

Explanation for the two folders in .rar file:
Method 1:
Toolbar and tab menu appear, widgets are right placed.

Method 2:
Toolbar and tab menu disappear, widgets aren't right placed.

@Ange Tuteur bump :/

Hi sorry for the wait. I gave it a try with those files, but still nothing. These are the only errors I get while viewing your forum, but they don't seem to mess with anything. I'd still recommend cleaning them up if you can.

It appears to be related to some kind of status updater.


Also, something that might allow me some insight is the following :
When the error occurs for you try opening the console ( usually F12 key or "Inspect Element" via context menu ), and go to the console tab. It should show you what went wrong. If you could copy / paste or take a picture of it, that might help me.

@Ange Tuteur

Ange Tuteur wrote:Hi sorry for the wait. I gave it a try with those files, but still nothing. These are the only errors I get while viewing your forum, but they don't seem to mess with anything. I'd still recommend cleaning them up if you can.
https://i.servimg.com/u/f35/18/45/41/65/captur11.png
It appears to be related to some kind of status updater.

Are you able to fix that with the account I gave you via PM? Unfortunately I can't do anything with the error message. :/

Ange Tuteur wrote:Also, something that might allow me some insight is the following :
When the error occurs for you try opening the console ( usually F12 key or "Inspect Element" via context menu ), and go to the console tab. It should show you what went wrong. If you could copy / paste or take a picture of it, that might help me.

The result was this error message:
https://i.servimg.com/u/f35/16/43/86/96/fdghjg10.png

That error isn't too much to worry about since it doesn't hinder anything. If you can't find it don't worry.

That's a bit helpful, do you have any scripts in JS codes management which modify the editor toolbar ? It looks like it's for the maximize button. Post the script here when you find it.

@Ange Tuteur

Ange Tuteur wrote:That's a bit helpful, do you have any scripts in JS codes management which modify the editor toolbar ? It looks like it's for the maximize button. Post the script here when you find it.

Yes, I have this script for the maximize button:

Code:

$(function(){
  if (!$.sceditor) return;
  toolbar = toolbar.replace(/source/,'maximize,source');
 
  $(function() {
    var sce = $('#text_editor_textarea').sceditor('instance'), fa = document.getElementById('fa_toolbar');
    $('.sceditor-button-maximize')[0].onclick = function() {
      if (!fa) return;
      sce.maximize() && (fa.style.display = 'none');
      !sce.maximize() && (fa.style.display = '');
    };
  });
});

Perfect

Try replacing this part :

Code:

if (!$.sceditor) return;

With this :

Code:

if (!$.sceditor || !toolbar) return;

Thank you, @Ange Tuteur, I think the problem is solved.
Otherwise I will tell you.

Perfect

From what I could tell, the toolbar variable wasn't defined even though the sceditor was. The thing is, this variable needs to be defined for Forumotion's editor toolbar options to show up. Weird, nonetheless I'll update that script.