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]
Debugging in process

Okay, a workaround has been made in the new scheme style sheets that should fix the gap-at-top problem; if everyone could go and see if it has, that would be good. Also, if you find the sidebar menu running off the bottom of the page, please tell me.

The dialogue boxes and "save" button accent boxes should be in place, but are still glitchy; will be working on that. Of course, if anyone recalls off the top of their heads whether margin:auto works in IE and FF, or how to make it, I'd love to hear.

PM page should no longer have a scroll bar in FF, and I'm still working on turning the Portal headers black.

If there are any other layout bugs coming up, let me know where and what. Suggestions for fixes are always welcome too.


ETA: Okay, the accent boxes are becoming a serious sticking point. It's possible I will have to go back to tables with these. *growls with annoyance*


ETA2: Still working on the bug in FF2 that produces scrollbars in the sidebar layout. Also still trying to override some stubborn css in the customize area. I think the rest of it is good to go, though. Let me know if anyone finds more bugs or things that are hard to read or anything like that!

Tags:
Comments

I'm testing in Flock and FF atm, will post log when done (and have removed the list's solved glitches)

A design thing in Worksafe, though: http://www.insanejournal.com/site/
Centered text and weak frames makes it hard to see what's actually there. Maybe border #000000 1px solid all around and aligned left would make it easier (or the nice brownish grey)? Also, increasing padding-bottom would make it prettier. Headers might be fine with a bolded same-size #000000 font? Or the large and x-large should maybe be em-ed font text instead, and not headers, they are very large and takes up a lot of space (tried out several browser font size codings).

margin: auto; works in FF and Flock.

Forgot: Above link in Worksafe - there seems to be a font-weight: bold; which includes the sidebar menu, it is bolded in /site/ compared to other pages.

*rueful* Believe me, the Site formatting is not intentional. There's a glitch in there somewhere that I haven't tracked, so for now I'm just working on fixing the weird formatting it's come up with. That'll be fixed later today, I hope.

I have tried looking for the font-weight thing but couldn't find anything in the .css either, I'll try look it over again.
And no ruefullness here, please, you've done a marvellous job, we're currently loving Worksafe like whoa! in my little corner of IJ. It's damned tasteful.

Just FYI a few are complaining about the link colors in worksafe against the white background. Personally I am not against just making the link color match the text, but it's up to you. Definitely need something higher contrast though.

Got it. I shifted the colors darker in the style sheets I just sent off.

Worksafe / Firefox / 1280 x 1024

Everything's looking better! I preferred the old accent box color, but I'm glad to see it centered and small now. The only thing I can see is that my entries still have horiz-scrolls, and for some reason the accent box buttons (for example: http://www.insanejournal.com/img/btn_prev.gif) have the right and bottom lines truncated.

Re: Worksafe / Firefox / 1280 x 1024

*nods* I just sent along a new style, toning down the accentbox colors a bit, and the new code on those should center all the buttons better. And, hopefully, with a fix for the scrolling on the Updates page. Let me know if it works.

I think I see what they're talking about. I looked at it in IE 6, and indeed it looks like a browser-specific glitch, both the displacement of the sidebar and the failure of the dropdowns to drop down. Unfortunately I haven't the tiniest clue how to fix it! *puzzles at the code* I'll see if I can find anything about this online and maybe advice on fixes.

I put your fix for the dropdowns in

I'm just leaving a random comment about the Worksafe Browse option.

First off, I think it's beautiful. I love the sidebar so much. Thanks for putting all the hard work in. Colors are nice as well.

What I was wondering is if you could move the advertising bar placement from left side to right? Just curious. I think it would balance out the layout considering it has a side bar and everything.

As [info]kharma_apple said before, I'm also getting the horizontal scroll on the bottom. I think that's the only annoying bit, but it's still wonderful.

I don't know how coding works in depth or anything, but I'm leaving a suggestion in hopes of helping with improvements. Just pong me as a dork if my suggestions are not helpful.

Running: Worksafe / Firefox / 1280 x 720

Oh no, thank you for commenting!

Are you getting content pushed under the side of the page, or just a scrollbar? And is it only on the post-an-entry page or other pages too? I have to admit, I'm at my wit's end trying to come up with a fix that doesn't mess up all the other browsers.

Squeaky asked for the ad on the left, but one of the first user-style patches I post will be directions on how to move it to the right! It'll be a few lines of code to cut and paste is all.

Wonderful job on the siteschemes. I like the colors, just that on the work computer IE doesn't seem to like this sitescheme. I'm right now trying out Worksafe on my workcomputer 1280*1024 using IE 6.0.29 and unfortunately I get one very empty page when I try out My IJ http://www.insanejournal.com/portal/index.bml

The horizontal: [My IJ] [Post] [My Friends] [Sitemap] shows up below my default icon and username. And the vertical links shows up. But that's all. Rest is empty. See:
Photobucket

Also - the preview of comments is like two layers blending. The vertical navigation is filtered on top of the preview:
Photobucket

It's still doing that? *tears hair* Okay, thanks for letting me know! I'll keep working on that one. *mutters dire things about IE6*

Actually, could you tell me, does the sidebar get pushed over on every site page, or is it just those two? If it's just those two, this might be easier.

Okay, I've just sent off the code that I think will fix this; if you could take a look at the site in an hour or so and see, that would be really great!

I don't know if anyone got back at you about the FF horizontal scrollbar, but it's caused by the combination of width and margin on the hr between the entry and the comments.

Speaking of which, could you switch the attributes of the hr from the HTML to CSS, please? That'd make it easier to modify. Thanks!

*wry* All the hrs that are under my control are css only. The ones that are part of the core code... well, we're trying to keep core mods to an absolute minimum so site updates aren't slowed down by having to update each page and template by hand. This means a lot of hacking about to override the code in place.

On the bright side, using a pixel width margin in the css seems to have taken care of the problem. Let me know if you're still seeing it, though.

The horizontal scroll in my browser has disappeared, but now the text on the sidebar is kind of 'hanging off' the edge, like so:

http://i245.photobucket.com/albums/gg63/thergbcolor/scnsht.jpg

Sorry if you were already made aware of this, but I thought it'd be more helpful if I commented here instead of in [info]announcements.

I love the Worksafe theme a lot, so thank you for working so hard on it.

Okay, that wasn't quite what I expected. Thanks for letting me know! Can you tell me what browser you're using, and what system (mac or pc)?

Hey, I know this is random - but is there a better quality Tweak available for use than the tweakcopy.gif? It's pretty grainy compared to the original.

*sighs* I know. But the original was a png on a solid gray background, and the current one is a gif on a transparent background. Gif quality tends to kind of suck around the edges, but not all browsers support png transparencies yet. And I really wanted to have a Tweak that anyone could use on any color background.

Air Force One

What a superb web page! It's a pity that i can't find your rrs address. If you'll be able to offer rrs subscription service, i can track your website easier!Air force ones