Help talk:User style/floating quickbar

Latest comment: 13 years ago by Kawaputra in topic New problem

This Is a bad idea, the page tabs (edit,talk,etc) aren't there, the user toolbar is cut off and behind the logo.--Mac Lover 17:46, 9 September 2006 (UTC)Reply

I have the logo turned off with CSS. — Omegatron 04:54, 5 November 2006 (UTC)Reply
/* Don't use any logo, move the boxes onto that area instead */

#p-logo {
    display: none;
}
#column-one {
    padding-top: 0;
}

Nice!

edit

Now with the Javascript making the code usable, it's awesome! I love it! It even still holds together with Lupin Anti-Vandal tools! 63.86.151.246 16:53, 4 November 2006 (UTC) en:User:Ccool2axReply

Does not degrade gracefully in IE7

edit
 
Example of the problem. This version of the image taken on April 21 2008

Under Internet Explorer 7, the floating quickbar does not degrade gracefully and many of my links are hidden. My user page and user talk page are behind the logo and I am assuming the rest of the links are hidden to the right. Any assistance would be welcome. Harryboyles 12:59, 19 November 2006 (UTC)Reply

Addendum: It works, I'm pretty sure in IE 6. I customised my quickbar so that the user links remain moveable in the same place as for the default Monobook skin by adding this code instead of the other Javascript code:


addOnloadHook(function () {
    content = document.getElementById("column-content");    // Find the main content column

    footer = document.getElementById("footer");  // Find the footer
    footer.parentNode.removeChild(footer);    // Remove the footer from the global wrapper
    content.appendChild(footer);    // Place footer at the end of the content column;

    tabs = document.getElementById("p-cactions");   // Find the top tab list
    tabs.parentNode.removeChild(tabs);    // Remove the tab list from the side column
    content.insertBefore(tabs,content.firstChild);    // Place tab list at the beginning of the content column

    personal = document.getElementById("p-personal");   // Find the personal links list
    personal.parentNode.removeChild(personal);    // Remove the personal links list from the side column
    content.insertBefore(personal,content.firstChild);    // Place personal links list at the beginning of the content column
});

This might help. Harryboyles 13:03, 19 November 2006 (UTC)Reply

That just looks like the personal links are behind the logo. That's not an IE7-specific problem, is it? — Omegatron 01:07, 8 April 2008 (UTC)Reply
It appears to be an IE 7 problem. It's working fine in Firefox 2. Unlike last time, where I'd customised code, this time, the code is directly imported. IE 7 reports this error:
Line: 7
Char: 5
Error: Object doesn't support the property or method
Code:0
URL: http://en.wikipedia.org/wiki/Main Page

It's not just the personal links that are the problem. The tabs also appear to be in the same area. Harryboyles 18:10, 20 April 2008 (UTC)Reply

edit

I really like the floating sidebar, but I prefer my userlinks up where they belong, not to the left of the screen. Here's how I did it, after playing around a bit:
Into my monobook.js, I pasted the above alternate code provided by User:Harryboyles instead of the one given under Javascript. Into my monobook.css, I put the code under floating quickbar#CSS, but left out the code under Make the user toolbar a sidebox. Instead, I added the standard code from the main.css (which defines where the userlinks are normally to be found).
Here's the code for your convenience:


#p-personal {
    width:100%;
    white-space:nowrap;
    padding:0 0 0 0;
    margin:0;
    position:absolute;
    left:0px;
    top:0px;
    z-index: 0;
    border: none;
    background: none;
    overflow: visible;
    line-height: 1.2em;
}

#p-personal h5 {
    display:none;
}
#p-personal .portlet,
#p-personal .pBody {
    padding:0;
    margin:0;
    border: none;
    z-index:0;
    overflow: visible;
    background: none;
}
/* this is the ul contained in the portlet */
#p-personal ul {
    border: none;
    line-height: 1.4em;
    color: #2f6fab;
    padding: 0em 2em 0 3em;
    margin: 0;
    text-align: right;
    text-transform: lowercase;
    list-style: none;
    z-index:0;
    background: none;
}
#p-personal li {
    z-index:0;
    border:none;
    padding:0;
    display: inline;
    color: #2f6fab;
    margin-left: 1em;
    line-height: 1.2em;
    background: none;
}
#p-personal li a {
    text-decoration: none;
    color: #005896;
    padding-bottom: 0.2em;
    background: none;
}
#p-personal li a:hover {
    background-color: White;
    padding-bottom: 0.2em;
    text-decoration: none;
}

AldeBaer 03:29, 11 June 2007 (UTC)Reply

Why do you need to add css for formatting the personal links? Aren't they already formatted? Just leave out the code that puts them in the sidebar. — Omegatron 01:11, 8 April 2008 (UTC)Reply

Bug

edit

In relation to the above section, the problem also can occur in Firefox 2. However, unlike IE 7, where it occurs all the time, in Firefox, it only occurs if you begin a new section. The Firebug extension returns this error: Node was not found" code: "8 Harryboyles 00:46, 22 April 2008 (UTC)Reply

Can't you click or double-click the error and it will show you which command caused it? — Omegatron (talk) 03:51, 24 April 2008 (UTC)Reply
Unfortunately not. For some reason Firebug doesn't have a link to the problem :( The error message I wrote above is the only clue as to what error it is from what I can tell. Harryboyles 08:28, 26 April 2008 (UTC)Reply
I would try the code and try to track the error down, but I'm note sure which exactly code it is. There is just too much code scattered aroud these pages. Anyway, I seem to remember that this error might appear when you use some DOM methods (like removeNode or insertBefore) and expect some node to be a direct child of other node, but it's not. P.S. A note to Omegatron: you don't have to remove child before appending, because both insertBefore and appendChild automatically move the element from its old location. -AlexSm 23:03, 26 April 2008 (UTC)Reply

New problem

edit

I have been using this floating sidebar since 2007 and never had much problems until about 2 months ago. Im using firefox browser, and this problem applied uniformly in all firefox versions i've used. Normally my personal links (userpage, talk, watchlist, etc) in the sidebar would appear at the top left. But now it has been pushed down, about under the place where the logo should be. Right now there is an empty space on the top left sidebar. How do I push the links back up? Also, all the interwiki links are gone. Kawaputra 01:30, 20 February 2011 (UTC)Reply

I've checked my monobook and javascript page against this page and couldnt find anything wrong. Here's the links to my : http://en.wikipedia.org/wiki/User:Kawaputra/monobook.css and http://en.wikipedia.org/wiki/User:Kawaputra/monobook.js Kawaputra 01:34, 20 February 2011 (UTC)Reply

No Tabs Over Pages in Monobook

edit

This code is supposed to bring the fixed position quickbar to monobook, but it breaks the page tabs in Internet Explorer. Is there a work-around or an update for this problem?

Return to "User style/floating quickbar" page.