Gratuitous layout post - Livre d'Or








Miscellaneous. Eclectic. Random. Perhaps markedly literate, or at least suffering from the compulsion to read any text that presents itself, including cereal boxes. * Blogroll * Strange words * More links * Bookies * Microblog * Recent comments * Humans only * Second degree * By topic * Cool posts * Writing * New post

Tags

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *



livredor
Gratuitous layout post
Sunday, 23 October 2005 at 06:28 pm
Tags:

Previous Entry Next Entry


I'm in the mood where I find fiddling with CSS the most satisfying thing to do. I'm also a big fan of _sommeil's designs, so I have been working on an adaptation of her Sail layout from her community spiralbound_lj. It had to be adapted because she wrote it for Generator, with an image map for the navigation, and my layout is div-based and needs pure CSS navigation.

You can see what I did if you have a browser that allows alternate stylesheets, and you choose the "Sail" stylesheet. The faked image map I was so proud of doesn't work in Opera or at high resolution, but I think the main content of the journal is readable. If anyone has any suggestions to fix that I'd love to hear them! (Old versions of Opera won't display my journal properly at all, but that's not my fault.)

Other than that, well, it's a nice clean design that doesn't over-rely on graphics. I have a feeling the pale blue colour of the links may be just too light to read, which is a pain. What do people think? Any bugs or aesthetic issues I haven't thought of? You're welcome to take a look at the stylesheet if you're interested.

If it seems generally popular I shall undertake the mammoth task of making it not break in IE so that I can use it as default.


Moooood: creativecreative
Tuuuuune: Evanescence: Hello
Discussion: 10 contributions | Contribute something
Tags:

Previous Entry Next Entry




Contribute something
View all comments chronologically



wychwood: default
From:wychwood
Date:October 23rd, 2005 06:11 pm (UTC)
27 minutes after journal entry
(Link)
I rather like that - although the central column is still very narrow. It works fine for me (Firefox), though I agree, the links are a little difficult to read.
(Reply to this comment) (Thread)
livredor: letters
From:livredor
Date:October 23rd, 2005 09:32 pm (UTC)
3 hours after journal entry, 10:32 pm (livredor's time)
(Link)
Thank you! The central column is narrow for my tastes too, but I'm not clever enough with graphics to make the header image wider. Also, I think the layout is nicely balanced as it is. I'm toying with the idea of adding a sidebar (eg taglist or some of the other information that's hidden at the moment), but I'm concerned that would make the layout look cluttered, especially at low res.
(Reply to this comment) (Up thread) (Parent) (Thread)
pseudomonas: default
From:pseudomonas
Date:October 23rd, 2005 09:48 pm (UTC)
4 hours after journal entry, 10:48 pm (pseudomonas's time)
(Link)
The text hovers to the left of the space presumably intended for it, and the buttons don't work, under Firefox 1.0.7/WinXP.
(Reply to this comment) (Up thread) (Parent) (Thread)
livredor: ewe
From:livredor
Date:October 23rd, 2005 10:12 pm (UTC)
4 hours after journal entry, 11:12 pm (livredor's time)
(Link)
Thank you; can you be a bit more specific about which text? The whole main column, or some particular bit of text? It does shift if people post large images, that doesn't seem to be avoidable though I've tried to minimize it.

And when you say the buttons, you mean the navigation tabs?
(Reply to this comment) (Up thread) (Parent) (Thread)
pseudomonas: default
From:pseudomonas
Date:October 24th, 2005 09:47 am (UTC)
16 hours after journal entry, 10:47 am (pseudomonas's time)
(Link)
The whole main column, but not the headers, just from below "Previous 20 entries", and yes, the navigation tabs. You'll be fascinated (obviously) to know that Firefox/1.0.4 (Debian package 1.0.4-2sarge3) renders both correctly.
(Reply to this comment) (Up thread) (Parent) (Thread)
livredor: teeeeeeeeea
From:livredor
Date:October 24th, 2005 11:00 am (UTC)
17 hours after journal entry, 12:00 pm (livredor's time)
(Link)
I'm tempted to assume it's just an image or something breaking the alignment. Firefox doesn't vary that much between OSs (not being IE, after all), and the page looks and works fine in Firefox for me using Win98 and for you using Firefox with Linux. It's possible that you've looked at the page at different times in the different browsers, or logged in versus not logged in, so there's some breaking post that you're seeing in one version but not the other.
(Reply to this comment) (Up thread) (Parent) (Thread)
From:lyssiae
Date:October 23rd, 2005 06:15 pm (UTC)
30 minutes after journal entry
(Link)
I like it, it's very fresh, if that makes any sense.

There's one thing I've wondered about for a while and which is semi-related to your post, and so I'm going to ask you about it - tables etc. usually display with me as only taking up a relatively small proportion of my browser screen, leaving lots of blank space around the edges. Is this because of people specifying width in terms of pixels instead of percentages, do you think?
(Reply to this comment) (Thread)
livredor: letters
From:livredor
Date:October 23rd, 2005 09:41 pm (UTC)
3 hours after journal entry, 10:41 pm (livredor's time)
(Link)
Thank you! Credit for the basic design goes to _sommeil, I just reimplemented her idea.

Yeah, tables taking up a small proportion of the screen means that they're specified with pixels rather than percentages. I have to do that for both my default layout and Sail, because I need the entry boxes to be the same size as the graphics, if you see what I mean. There is theoretically a way to make the Art Deco corners work at variable widths but I've not found a way to make that happen.

The Purple layout has percentage widths, so it should look ok in high res. But rysmiel told me it displays with the entries as a tiny narrow column in some configurations, so it hasn't worked quite the way I was hoping.
(Reply to this comment) (Up thread) (Parent) (Thread)
emmavescence: default
From:emmavescence
Date:October 23rd, 2005 09:08 pm (UTC)
3 hours after journal entry
(Link)
It's very nice :) It would be cool if you could get the image mappy things to work in Opera, but it's useable as is.
(Reply to this comment) (Thread)
livredor: likeness
From:livredor
Date:October 23rd, 2005 10:07 pm (UTC)
4 hours after journal entry, 11:07 pm (livredor's time)
(Link)
Yay, this is my first layout I've ever got even approximately working in Opera. Thanks for the feedback.
(Reply to this comment) (Up thread) (Parent) (Thread)



Contribute something
View all comments chronologically