ij_siteschemes
.:.:::...:::. ..:: .:::::.

About this journal
IJ_siteschemes is where everyone involved in designing site schemes for IJ can exchange notes, documents and ideas. Membership is currently moderated, so please leave a comment for branchandroot if you'd like to join in.

September 2015
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30

Branch [userpic]
Update: css all found, I hope

All right, I think I have found all the pages with their own style sheets, and transferred them into the primary sheet so developers of new schemes will have it all in one place. I have altered a few classes in the style sheet, so there are no conflicting names, and added a clearing element to the footer.

I have also packaged up the header/menu and the footer as includes, for ease of further editing, and there are some new test pages up. Note that these are .shtml files.

Home, sidebar version
Home, dropdown version

The next batch are pretty much all the heavily styled pages. All of the below are in sidebar configuration, and some of them are just as squashed up, on a small screen, as I was afraid they'd be. I see no good way around it, given that all this content has to fit in somehow, and at the moment it's stuck in tables. I guess we can see what the beta-testers think, and then, if necessary, re-arrange some of the content to be more vertical and less horizontal.

Portal
Update (the configuration of this page seems to vary, for reasons I am not wholly clear on)
Edit Profile
Customize: Basics
Account Levels
Support Request Board


The next step is tire-kicking, and, for me, starting on the neutral-colors version while I wait to see whether anyone has more recommendations/bug-finds for this.

Comments

I honestly don't think I have any changes to recommend. It looks good and very intuitively laid out, especially for people who are well used to looking at journal sites.

The only complaint I have is the Update page because on my screen you have to scroll to the side to see your icons you've chosen and part of the update box. It's fine on a higher resolution, but on this computer the best I can do is 1024x768.

I'm looking forward to getting the codes so I can start fiddling with design. That's my favorite part. ;D

Hmmm. I think we really do need to consider redistributing stuff on the updates page, then. I wonder how the existing alternative layouts with sidebars do this... maybe we can snitch the layout difference from them.

*frowns* Actually, my update screen already winds up with one stack of options instead of two, so nothing runs off the page; maybe this is already included in the code and the script just didn't execute on my server. I'll ask Squeaky.

I like IJ b/c it is different - that scheme reminds me a LOT of GJ. Is there a way of tweaking it a little more to give it its own unique look?

What were you thinking of? Something where the banner is a bit set in, in a border, the way the default is now? Or something more dramatic?

I honestly have no clue, but being IJ, we need to be unique and awesome.

Try to stray away from LJ and GJ. Its goign to be rough though. Hmmph.

*nods* The fact that we're all on the same code base complicates things a bit. There needs to be a menu, and it needs to be either dropdown or sidebar, and most of the links are going to be pretty much identical. There's no way around any of that.

We have Tweak, though!

As time goes on, I plan to keep working on new themes, and experimenting with more elaborate styling. I'm also hoping more people will join in; maybe some of the people who like making journal-styles.

That is very true. Hmm.I made a few journal styles. They aren't too shabby, but then I lost one of my hosts and lost all the background images. My journal currently has one o fmy styles.

I'm afraid I'll have to disagree with [info]bri - anything you can do to make the layout look MORE like that of GJ or LJ would be welcome. This looks great, and I look forward to seeing it in other colour variations. :D

*nods* I figure on making layouts that are loose clones of GJ and LJ, for those who prefer the red or blue. Glad you like it so far!

I LOVE the first one, though I think I'd prefer options to a) make the colors stronger and b) leave tweak the same color. He looks unpleasantly washed out.

Excellent!

Users should be able to make any change they like, using browser styles. FAQs on how to do that will be forthcoming; it's pretty easy. In this case, you would only need one line, saying that the background of #tweakpic could be tweakcopy.gif, to change Tweak back to orange.

Oh, I'm also wondering if there is a test version of the s1 comment page. I enable those on 100% of pages when I can, so it'd be nice to see how it looks (though I can infer from the other pages).

I didn't know there were site-styled S1 comments! Can you give me the url for an example page so I can take a look at the code?

Maybe I'm not using the correct terminology, but I mean the non-layout specific comment page (like mine here: http://karma-apple.insanejournal.com/9314.html)

Ah! *relieved* I already have those done, yes. The example page is only about half converted, but the first few comments show the new style: http://www.alltrees.org/IJ/site_comments.shtml

Thank you! If I could make a suggestion - I think putting the vertical ad on the other side of the post might not disrupt the aesthetic so much :)

You rock, I love the design

*wry* That's kinda what I thought myself, but Squeaky wanted it on the left.

On the other hand, there's nothing stopping a user from adding a line to their browser styles saying #ad-stack {float: right;}. ^_-

Were you and Squeaky thinking of making style changes possible through the IJ interface or is that something we'd need to do with stylish?

I'd like to eventually have some kind of interface available that will make it easy for users to choose basic things like different colors, or which side of the screen the sidebar is on. That, however, is going to be a programming project that I will need to recruit help for. If you know of any Javascript and Perl programmers, send them our way!

For now, people will need to use browser styles; I will be working on (and recruiting help for) writing FAQs on how to find/add to browser styles in different browsers, and on the commands that make basic adjustments.

And (sorry for the serial commenting) I'm REALLY glad to see verdana instead of arial.

I figure what I'll actually do is just leave the font-designation blank. That way, people can have whatever font they set as their own browser default, and everyone should be happier.

I like everything except I think the font is a little too big. Maybe make it around 10 pt, and it'd be perfect. :)

The font-size isn't defined at all, so what you get is whatever you have your browser defaults set for. I'm afraid that specifying a point size is not a good idea, these days; there's too much variation in sceen size and resolution, and what's perfect on one screen is way too big or too small on another. I'm afraid the best I can do is leave it up to the users and hope everyone has their browsers set at a comfortable reading size for themselves.

Good to hear the basic layout works for you, though!