How to enable flexible width and user-pic styling

[branchandroot]

This is a bit of S2 code to switch the order of the main page elements, so that #beta and/or #gamma come first in the html code, allowing layouts in which #alpha is not floated and does not need its width defined. This will really only be useful for people who are making their own style sheets. You could put this code into an existing theme, but

Comments

[chasethestars]

Could the maintainers give us a list of tags, and what they want them used for on this comm?
Is that why no one has been tagging their entries? I'm going to draft up rules/guidelines, and part of that was to ask users to add tags. I had assumed that tags weren't being used because users didn't like them?

I like how s2flexisquares is organized: !tutorials & !announcements so those two always shows up at top.
Everything else can be tagged as what makes sense I guess? (header, css, s2, sidebar (sidebars?), images, paid account (for stuff where creating a layer/advanced is needed. or should the tag be "advanced" instead?), links, etc.)

[chasethestars]

oh, and the theme name(s) too if it's theme specific

[branchandroot]

I know it's why I was a little iffy about throwing in tags. *smiles* I didn't want to contribute to any kind of one-tag-for-every-entry mess. I wouldn't be surprised if other people were holding off for the same reason. I think it helps to at least have a basic list. *thinks* Actually, I think the flexible squares comm has an entry for that. I like how they're orgnized, too; things are easy to find there.

*chews nail* Perhaps people should put both "advanced" and "paid account" on the entries involving making layers? Then people can find those entries both ways, and the list of tags will give some indication of what all is needed/involved.

Maybe also tags for "how to" and "question"?

[chasethestars]

yup, Flexible Squares has a pre-defined list. I think that'd be a really good starting point for this comm. I want to be as organized as them, if not even more so! :)

Do you want to help mod/maintain?

[nimoloth]

It would be good to have tags listed down the side, so we can choose as required, too. I was just making up what I thought would be appropriate!

[foogod]

FYI, it's actually not necessary to reorder the #beta and #gamma chunks in the HTML.. I've got a flexible-width setup for my own journal using only CSS modifications to the original HTML (I'm currently making the CSS more general so it works with a wider range of the available themes, and then was planning on posting a Howto once that's done).

Removing the userpic styling in the HTML would be really nice, though.. I'll have to look into that patch.

[branchandroot]

Very snazzy layout. I considered absolute positioning, but I avoid that when at all possible. *wry* It gives me code-twitches. A How To would be wonderful, though, especially since it looks like your layout options can be applied as a patch to any of the current standard layouts. Does it work in IE, too?

[foogod]

Thank you :)

And yes, I was actually rather surprised to discover that it took almost no fiddling to get it to work just fine in IE too. The biggest issue right now is that it only really works for about half of the Expressive themes (Zen, Bunnylicious, Cityscape, Playful, Scribble, and Urban look pretty good, but the others still have some issues). I'm reasonably confident that when I have a few minutes this weekend to spend on it I can get most of the rest of them working too, though..

[alexandramuses]

Thank you so, so much for this modified function. I've been despairing for the last two hours about how to get a flexible-width layout with the alpha column in the middle, and you've solved it for me. Thanks!!