ntu_lj ([info]ntu_lj) wrote,
@ 2009-03-02 17:35:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Entry tags:bloggish, two-column-right

the mouse behind the wainscot
[comes out of hibernation]


the mouse behind the wainscot


So this is my response to the non-competitive layout challenge. Being me, I decided to make things maximally difficult by shoehorning in as many of the challenge terms as I could manage:

Use an S2 Style other than Flexible Squares or Smooth Sailing

This was a no-brainer, since I always use Bloggish. I fully intended to give Minimalism a test-run, but since I was working to a deadline it seemed easier to stick with what I know

Create a liquid width layout.

Well, it depends how you define 'liquid'. The individual elements are fixed-width, but if you're viewing in 1024x768 then the header should move to the top of the sidebar rather than floating to the left.

Define font sizes in percentages or ems instead of pixels and points.

I always do this anyway.

Choose a colour scheme from ColourLovers or Kuler. (Post the colour scheme with your layout.)

Didn't work with the direction I decided to go in, but I'm so going to do this when I make my grid-based pop-themed seasonal layout in Minimalism ;)

Use a background image in an area other than the overall page background.

Oh man. Did I ever.

Manipulate the header so that it appears not as a header but as a sidebar.

Done, for no particular reason other than to tick this off the list

Have elements of your layout break outside the box.

Well, if you have more than about a dozen tags they will spill out of the nice little sidebar tag (see what I did there?) designated for them. But not in any good way.

Use the grid-based approach.

Nope. Next time.

Pick your favourite album of all time and create a visual equivalent for one of the songs on that album.

To do this I would first have to decide on my favourite album of all time, which again was incompatible with deadlines

Choose a decade, century, or historical era and integrate its visual cues.

It's certainly historical. Where exactly in the past it is situated, I'm not quite sure. Victorian medieval?

Represent one of the four seasons through colour and texture.

It's a little bit autumnal, now I look at it, with the warm colours and the fallen petals, but that's accidental

Use a favourite article of clothing as the basis for your layout. (Post a pic of the clothing, too!)

Does Mariana's blue dress count? No? Even though there's a swatch of it in the userpic module? Oh well

Pick a historical figure / fictional character (pre-1900) and create a layout that would have graced their LiveJournal had LJ existed.

Yeah, this was the main one. Shakespeare's Mariana via Tennyson and Millais. Mariana would totally have had an LJ and filled it with emo whining about her ex.

Use a quotation in a creative way by playing with the meaning of the words and how they relate to typography.

I am not sure whether slapping a random line of poetry on the top of the scroll constitutes creativity. I suspect not.



Advance warning: I don't love this. It's very graphics-heavy, so unless you have a lightning-fast connection you may want to pass. More of a Zen Garden-style exercise than a usable template, really, but you can have it if you want it. Demo is on my test journal, for now. I've tested it with horizontal ads in Plus and it doesn't break, just looks icky.

To install: select Bloggish Unstyled, choose 2-column layout with right sidebar, then copy/paste the code into the custom CSS box, setting the 'Base Weblog' stylesheet option at the top to 'Yes'.



I'm offline until the 11th, so comments/queries/brickbats will be dealt with then.



(19 comments) - (Post a new comment)


[info]cercenightshade
2009-03-09 03:49 am UTC (link)
what an imaginative layout!

I'm using the flowery one here, and the literary layout at IJ :)

You should promote your layouts at Insane Journal, btw - they're always looking for nice Bloggish styles :)

(Reply to this) (Thread)


[info]ntu_lj
2009-03-12 08:05 pm UTC (link)
good idea! I used to test stuff on IJ because I couldn't be bothered to log out of my primary account here, but that was pre-strikethrough so it never really occured to me to set up shop over there.

(Reply to this) (Parent)


[info]mutantenemy
2009-03-09 07:04 pm UTC (link)
I adore this layout! One question -- is there any way to implement scroll bars for the Links and Tags? Thanks.

(Reply to this) (Thread)


[info]ntu_lj
2009-03-12 08:26 pm UTC (link)
The links are supposed to scroll anyway (which browser are you on?) but if it's not working you could try changing the background in .module-typelist from no-repeat to repeat-y, so that at least the background will tile.

I couldn't figure out a way of scrolling the tags which didn't look hideous (first time in years I've missed coloured scrollbars), so if they overflow I'd just rip out the .module-categories styling and let it fall back to the default styling for .module. I'm not a heavy user of tags and I'm afraid the design reflects that.

(Reply to this) (Parent)(Thread)


[info]mutantenemy
2009-03-12 08:31 pm UTC (link)
Thanks for the tips! I'm using Firefox btw.

(Reply to this) (Parent)


[info]ohkaye
2009-03-09 10:41 pm UTC (link)
This is gorgeous. Memories.

(Reply to this) (Thread)


[info]ntu_lj
2009-03-12 08:27 pm UTC (link)
thanks!

(Reply to this) (Parent)


[info]draconravie
2009-03-10 06:28 pm UTC (link)
Awesome! God, I love it :D

(Reply to this) (Thread)


[info]ntu_lj
2009-03-12 08:27 pm UTC (link)
yay, thank you!

(Reply to this) (Parent)


[info]ame_agaru
2009-03-11 11:36 am UTC (link)
Amazing! Will credit if used. Thanks!

(Reply to this) (Thread)


[info]ntu_lj
2009-03-12 08:29 pm UTC (link)
thank you, glad you like it!

(Reply to this) (Parent)


[info]malfeasanceses
2009-03-14 08:00 pm UTC (link)
Nice! The cobalt blue makes it really beautiful.

(Reply to this)


[info]fishsanwitt
2009-03-15 05:15 am UTC (link)
This is absolutely beautiful :) I'm using and crediting.

(Reply to this)


[info]pladbelle_87
2009-03-16 04:29 pm UTC (link)
This is amazing! I will credit you!

(Reply to this)


[info]project_mugetsu
2009-03-19 03:40 am UTC (link)
I was wondering if it was possible if the code you had written to make the repeating background for the entry+subject/date+entryfooter containers works for another bloggish layout from thefulcrum?

If it does, and if I may, can I borrow that section of code for a layout I also tweaked from thefulcrum; with the disclaimer in the sheet that X code was borrowed/originated from you? =)

(Reply to this) (Thread)


[info]miffyness
2009-03-21 04:16 pm UTC (link)
As long as the base layout doesn't override the background properties with its own styles then yes, it should work with any Bloggish theme. Background properties are pretty standard CSS so I don't require any credit for that, though of course you are welcome to link back if you wish :)

(Reply to this) (Parent)(Thread)


[info]project_mugetsu
2009-03-22 05:26 am UTC (link)
Thanks very much! If it does work like we'd want it to, we'll still credit you =D

(Reply to this) (Parent)


[info]mrsvc
2009-03-31 02:57 am UTC (link)
LOVE TENNYSON.
Credited you in my user info!

(Reply to this)


[info]schizoid_sprite
2009-05-26 05:56 pm UTC (link)
Beautiful! I'll credit you if I use this! *trial mode*

(Reply to this)


(19 comments) - (Post a new comment)

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…