Talk:Wiki User Style

Issues and Updates

I've been using the style for a while and I noticed a few problems.

• The edit buttons at the top are 1 pixel too low
• The logo is positioned relative from the left edge of the window, on smaller resolutions it will slide behind the content
  • When editing a page it shifts to the left and is no longer aligned with the menus
• The menus on the left aren't properly positioned, the toolbox is too large when looking at a userpage.

--Qazaaq 15:11, 17 February 2008 (EST)

OK, I have fixed most of these issues, with the major exception of the left-hand objects sliding over (I could make them slide under, but that's a poor solution) the content with lower screen resolutions. Not sure if this can be fixed while maintaining the scroll-feature.

I also added a highlight for the tab that you're currently looking at. I like that.

Dragoon Wraith TALK 17:52, 17 February 2008 (EST)

Nevermind, I nailed that. Turns out I had to override Bethesda's own hard-coded left-position (hah, too bad we can't do that in the CS...), and once I did that it was easy. Should work for everyone now.

And I really can't afford to sit here working on this any longer, I need to do other stuff. Qazaaq, good luck on killing the black borders - I'll look at this again when I can, tonight or tomorrow.

Dragoon Wraith TALK 14:23, 17 February 2008

I'm too lazy to do this right "officially" right now, but I've created a more generic account with UserStyles.org (the other one was kind of a byline, plus I'd like to encourage other people to work on these), and I've created versions of the current features that exist as separate styles to be toggled independently. You can find all of that here.

Dragoon Wraith TALK 08:30, 19 February 2008 (EST)

Liquid Design

Now is there a way to get rid or shrink the black borders?--Haama 11:06, 17 February 2008 (EST)

Yes probably, with the same method you should be able to decrease the size of the black area or remove it completely. It will require editing the background image because it's one piece. I'll look into it tomorrow.

--Qazaaq 15:11, 17 February 2008 (EST)

Fixing the black sides takes a little more work, and I need to do other stuff right now. If Qazaaq hasn't come up with something, I'll look into it when I can.

Dragoon Wraith TALK 17:52, 17 February 2008 (EST)

OK, well, I have a start on this - I have a seamless tiling background with little edges, very similar to the current background (based on the current background, even), which works great from my own code. Now I have to figure out how to integrate it into Beth's CSS - which may be easy, or could very well be impossible... We'll know... when I figure it out.

Dragoon Wraith TALK 22:40, 17 February 2008 (EST)

It's working!... sort of. Almost. Of course. IF the page is longer than the height of the screen, it works great. If not... then not so much. Which is, of course, very frustrating... Still, as I am talking to you, the Wiki is displayed in twelve hundred glorious pixels across, with only minor decorative left and right borders (which remain minor no matter how large you make the window), and maintaining the original style of the Wiki (which I consider paramount).

I'll keep working on it for a while, and then I'll have to get back to all that work that I didn't do this afternoon.

Dragoon Wraith TALK 01:36, 18 February 2008 (EST)

Blargh. OK, I've been at this for two days, and this is getting ridiculous. There's no way to tell something to "go to the bottom" in CSS. You can tell it to go "after everything else", but because of the way this works I need to actually have the little "disclaimer" section force it's way to the bottom.

Oh, I can also tell it go to the bottom of the window, which really is just mildly retarded - great, I can force it to start there, so if a page is longer than the height of the window, it's sitting in the middle of all the content...

What's worse is that this question gets asked hundreds of times every day, and every time a different hack or trick is offered. Some of it is fairly elegant and a few I've seen could even be called sane, but I can't use those because I can't edit the HTML, just the CSS. This is something every web developer wants to do, why this isn't in CSS after nearly a decade, I simply cannot fathom. There's apparently some kind of recommendation for it, which means two years before it gets approved, another year before browsers add it, and then another three before a significant portion of the population actually has one of those browsers... blargh.

I'm... a bit frustrated. I'm going to look into JavaScript to fix this one.
Dragoon Wraith TALK 08:06, 19 February 2008 (EST)

I agree, it's ridiculous, CSS is very limited and not even all browsers render it properly...

I'm not sure why you'd want to move something to the bottom though, this is what I came up with today. It's the complete userContent.css file with your rules and some changes. For the background I used textbg.jpg (the background of the menus on the left) with a slight blur and a color change. I suppose a better background is possible, but I'm not very good at image editing and this looks fairly close to the original. I'm satisfied with the result and I'll leave it at this for now.

--Qazaaq 14:58, 19 February 2008 (EST)

Mm... Well, this is mine:

<snip>

It does have a different background, based on the original background here, but made tilable. I prefer that because it gives the boxes that use textbg a somewhat different shade/pattern, to make them stand out. It works perfectly if the page is longer than the screen, but the black borders that I added (since I do like the black borders, just to have a little padding on the page, plus to enhance the "paper" feel) do not extend all the way to the bottom if the page content does not reach.

I have a new idea for fixing this that I'm going to try now.

Dragoon Wraith TALK 18:26, 19 February 2008 (EST)

And that worked! Awesome, so I have a working liquid design. I'll set up the page now.

Dragoon Wraith TALK 23:33, 19 February 2008 (EST)

Bah. Almost. Couple of very minor details to sort out. I imagine it'll just be a matter of messing with z-indexes, so nothing too hard. If you're curious about what's wrong, I currently don't see the cursor when typing (very annoying) and clicking on the left side of the page prevents you from scrolling (fairly annoying).

Dragoon Wraith TALK 23:39, 19 February 2008 (EST)

OK, well, turns out that this is going to be a bit more complicated than I'd thought (hoped) to fix, but I know how I will do it, and it shouldn't be a problem. I just don't have time to do it now - and likely won't until late tomorrow.

The lack of cursor thing is particularly annoying, since it's apparently a bug in Firefox and not the result of anything stupid that I've done or because of some glaring weakness in CSS.
Dragoon Wraith TALK 06:44, 20 February 2008 (EST)