New Layout: Fix Ya Face (EDITED to accommodate resolutions 1024 x 768 and up)

[milkymoon]

This is a 2-column (left) Tabula Rasa layout - just copy and paste the CSS into your layout, and untick 'use layout's stylesheet' in the customise section. Tested in Firefox & Google Chrome. Rounded corners only work in Firefox, Safari and Chrome. Not tested in IE (don't have Windows), but I did put the layout in an IE testing website, and it appears okay.


IMAGE PREVIEW LIVE PREVIEW

Please update the background image (yellowcomicbg.png) to your own host so that I can preserve my Photobucket bandwidth.

Feel free to edit colours and images, but keep the credit (to fascination  or imagination)! 

Code under the cut.
( Code )

ETA, 26 Aug 2011: Comment section FIXED, at least on my test journal at edges!

Guidelines & Info

[alchemy]

Need a pre-made Dreamwidth-specific layout for your brand new Dreamwidth journal? Look no further! dreamwidthlayouts is your one stop shop for posting and/or discovering new layouts for use on your Dreamwidth Journal.

( Rules, Post Format, Tags & Contact Info )

Resources

[alchemy]

If you have a link (On or off DW) that you feel will be helpful to those creating or using custom Dreamwidth layouts, please comment and I will add it to the list!

Communities

• style_system - DW styles discussion and help.


• dw_styles - DW styles updates and info.


• dreamscapes - Community focused on the development of themes for Dreamwidth.


• the_style_kit - Bundled layout kits to speed up CSS testing.


• stylemakers - For people coding their layouts and needing help or advice with CSS stylesheets or S2 layers.

Tutorials & General Info

• Dreamwidth's S2 Guide


• Dreamwidth's S2 CSS Guide


• Resolution, OS and Browser Data for Dreamwidth


• Getting Started:Styles by ninetydegrees - For LiveJournal users who would like to use Dreamwidth styles but are a little lost when it comes to finding one or customizing it.


• Meet the Styles Wizard by zvi - Good explanation for newbies.


• How to change your journal's layout to a customised layout by unboxed - A step by step visual tutorial.


• Adding LiveJournal Layouts to Dreamwidth by starlit - For all account levels.


• The Quick and Dirty Guide to Creating a Color Theme by zvi


• Survey of user layout preferences at visualwit

layout CSS: Clarity (Tabula Rasa)

[arobynsung]

Title:  Clarity
Credit to: visualwit 
Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Width is fluid
Tested in: Firefox
Features: 2 columns

(click on image for full preview)


CODE & INSTRUCTIONS @ visualwit