dreamwidthlayouts | Entries tagged with feature: 2 columns

THE COMMONPLACE GENERATOR

Click here for links to the generator

The Commonplace is a layout generator for Dreamwidth's Tabula Rasa style, built for that left-column, stacks-on-mobile sidebar shape the early 2010s Tumblr journals all had. It runs in the browser outside Dreamwidth, so open the main link (or a mirror if the primary is slow), pick one of 28 recipes, adjust colours, fonts, spacing, icons, and sidebar styling against the live preview, then copy the Dreamwidth settings and the generated CSS into your journal. Please let me know if anything is wrong with it!

Additionally, I've updated my permissions generator, my profile generator and my muselist generator with bug fixes. Thank you to all of those who commented!

emcapi

CSS code, instructions, larger previews, permissions, etc. on Github.

Title: Modern Narrow Light & Modern Narrow Dark
Credit to:

emcapi /

emcapi_styles (journals have live previews of dark/light, respectively!)
Base style: Plain for Tabula Rasa
Type: CSS
Best resolution: Any, mobile responsive
Tested in: Firefox, Firefox for Android
Features:

Minimalist, modern design
Full mobile support
Navbar styling
Highly customizable; supports all modules and standard column layouts, including custom sidebar widths (within reason)
Optional header nav links support
Narrow, fixed-width center column on desktop and default sans-serif font for improved readability
Entry/comment page support, with visual comment thread indicators
Support for other pages including archive, reading page, tags page, and "more options" comment reply
Custom comment/entry/user interaction icon buttons with colors on hover
Designated color code section in CSS for easy editing
...and more!

ceu

Title: (I'm supposed to win!) I already decided!
Credit to:

ceu
Base style: Bases (Tropical)
Type: CSS
Best resolution: 1200x800 | Desktop only
Tested in: Google Chrome, Safari, Firefox
Features: Two column, fixed width, supports only custom text & navigation, custom background

live preview/usage @

blackthorncity

(fake cut for instructions and code)

sireesanwar

DW Transmogrified: [ PREVIEW ]

Find code link and instructions at

layoutlounge

Title: Florence
Credit to:

layoutlounge
Base style: Transmogrified > Basic
Type: CSS
Best resolution: 1600 x 900 + (works with 1280 x ?)
Tested in: Firefox & Edge
Features: Entry userpic, semi-responsive, Gray and white contrast with pink, custom sidebar

sireesanwar

DW Transmogrified: [ PREVIEW IMAGE ]

Find code link and instructions @

layoutlounge

Title: I'll Be There

Credit to:

layoutlounge
Base style: Transmogrified > Basic
Type: CSS
Best resolution: 1600 x 900 + (works with 1280 x ?)
Tested in: Firefox & Edge
Features: semi-responsive, Gray and white contrast, sidebar

sireesanwar

DW Transmorified: [ PREVIEW IMAGE ]

Find code link and instructions at

layoutlounge

Title: Revolumna Inspiree
Credit to:

layoutlounge
Base style: Transmogrified > Basic
Type: CSS
Best resolution: 1600 x 900 + (works with 1280 x ?)
Tested in: Firefox & Edge
Features: Default userpic image, semi-responsive, Gray and white contrast

sireesanwar

Expressive: [ PREVIEW IMAGE ] Flex Sqres: [ PREVIEW IMAGE ] DWs Bannering: [ PREVIEW IMAGE ]

You can find the coding links at THIS POST @

layoutlounge

Title: Gradient Sense Reversed
Credit to:

layoutlounge
Base style: Bannering > Adjustable Strips
Type: CSS
Best resolution: 1600 x 900 + (works with 1280 x ?)
Tested in: Firefox & Edge
Features: Gradient background, semi-responsive

luckyzukky

Title: carousel
Credit to:

shinemagic or

luckyzukky
Base style: Brittle
Type: CSS
Best resolution: 1920x1080
Tested in: firefox, google chrome, safari ios
Features: simple, 2 column, sidebar, mobile responsive, custom icon page

here @

shinemagic

luckyzukky

Title: morning star
Credit to:

shinemagic or

luckyzukky
Base style: Corinthian
Type: CSS
Best resolution: 1920x1080
Tested in: firefox, safari ios
Features: simple, 2 column, fixed sidebar, mobile responsive

here @

shinemagic

luckyzukky

Title: recessional
Credit to:

shinemagic or

luckyzukky
Base style: Tabula Rasa
Type: CSS
Best resolution: 1920x1080
Tested in: firefox
Features: minimalist, left sidebar, variations

here @

shinemagic

luckyzukky

Title: paper planes
Credit to:

shinemagic or

luckyzukky
Base style: Tabula Rasa
Type: CSS
Best resolution: 1920x1080
Tested in: firefox
Features: fully aligned to left

here @

shinemagic

Current Mood: tired
Current Music: as far as i can see - phantogram

cirque

Title: Tree
Credit to:

dustier
Base style: Brittle
Type: CSS
Best resolution: any
Tested in: Chrome

Find it here @

dustier.

cirque

Title: Root
Credit to:

dustier
Base style: Compartmentalize
Type: CSS
Best resolution: 1920x1080
Tested in: Chrome

Find it here @

dustier.

baud

Image preview

Title: Venus as a boy
Credit to: This post.

baud and

vigils.
Base style: Tabula Rasa
Type: CSS
Best resolution: Any
Tested in: Firefox

( Instructions )

saga

Title: シノギ (Dead Pools)
Credit to:

tofuhouse
Base style: Tectonic
Type: CSS
Best resolution: 1024x768 onwards
Tested in: Firefox, Chrome (lightly in IE & Safari)
Features: Mobile responsive, multiple sidebars, navbar, hover, custom icon page, custom header pattern, fluid width, Material Icons ready.

[ click to see full size. ]
layout code @

tofuhouse

saga

Title: Free Your Mind 2019
Credit to:

tofuhouse
Base style: Five AM
Type: CSS
Best resolution: 1024x768 onwards
Tested in: Firefox, Chrome (lightly in IE & Safari)
Features: Mobile responsive, multiple sidebars, navbar, hover, custom icon page, custom header pattern, fluid width, Material Icons ready.

[ click to see full size. ]
layout code @

tofuhouse

baud

Image Preview

Title: Door to the river
Credit to: This post.

baud.
Base style: Tabula Rasa
Type: CSS
Best resolution: 1366x768
Tested in: Firefox

( Instructions )

baud

Image Preview

Title: Bluer Skies
Credit to: This post.

baud.
Base style: Tabula Rasa
Type: CSS
Best resolution: 1366x768
Tested in: Firefox

( Instructions )

tickletheory

Title: Summer Night
Credit to:

plainstyles
Base style: Tabula Rasa
Type: Full layout - CSS
Best resolution: Desktop (any), Tablet, Mobile
Tested in: Chrome, Firefox, Mobile Chrome, Mobile Safari
Features: Looks good on tablet and mobile. Works with any column setup.
Instructions and CSS here

Preview

Instructions and CSS here

carisma_sensei

Title: Humdrum and humble
Credit to:

inconformista
Base style: Brittle
Type: full layout in CSS

Click the thumbnail to preview the layout
Layout is here @

inconformista

S	M	T	W	T	F	S
						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	31

Dreamwidth Layouts

THE COMMONPLACE LAYOUT GENERATOR

Modern Narrow Light/Dark for Tabula Rasa

CSS code, instructions, larger previews, permissions, etc. on Github.

"I Already Decided" for Bases

106. Florence for DW's Transmogrified

118. I'll Be There for DW's Transmogrified

116. Revolumna Inspiree for Transmogrified

123. Gradient Sense Reversed

brittle: carousel

corinthian: morning star

tabula rasa: recessional

Tabula Rasa: paper planes

Brittle: Tree

Compartmentalize: Root

Tabula Rasa: Venus As A Boy

[ tectonic ] シノギ (dead pools)

[ five am ] free your mind 2019

Tabula Rasa: Door to the river

Tabula Rasa: Bluer Skies

Tabula Rasa: Summer Night

Humdrum and humble - Brittle

Profile

August 2026

Links

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags