Dreamwidth Layouts

Modern Narrow Light/Dark for Tabula Rasa

2026-03-31T21:04:31Z

Posted by: 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!

comments

Copic Marker Layout for Practicality

2026-02-11T18:39:52Z

Posted by: bread

Title: Copic Marker Layout
Credit to: vuvuzela
Base style: Practicality
Type: CSS
Best resolution: Built in 1912x1074 – Mobile responsive
Tested in: Built in Firefox. Tested in Chrome & Opera on Windows OS. Tested in Android OS with Firefox.
Features: Mobile Responsive! Stylized home page, reading page, entry/comments page, icons page, and "more options" reply page.



Click for image previews

( Layout Instructions, Live Preview, & CSS )

comments

"I Already Decided" for Bases

2025-06-30T19:45:04Z

Posted by: 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)

comments

106. Florence for DW's Transmogrified

2025-04-29T21:35:30Z

Posted by: 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

comments

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

2025-04-29T21:31:36Z

Posted by: 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

comments

[Tabula Rasa] No Style Please

2025-04-19T12:41:50Z

Posted by: speperteristico

Code here speperteristico

Title: No-Style-Please
Base style: Tabula Rasa
Type: CSS
Tested in: Firefox, Firefox mobile
Features: Minimalistic, mobile friendly, automatic light/dark palette switch to match the browser's preferred color scheme

comments

116. Revolumna Inspiree for Transmogrified

2025-04-16T23:10:47Z

Posted by: 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

comments

124. Gradient Sense Dark

2025-04-07T18:02:26Z

Posted by: sireesanwar

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

FIND LAYOUT HERE @ layoutlounge

Title: Gradient Sense Dark
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, dark and contrast

comments

123. Gradient Sense Reversed

2025-04-02T19:06:01Z

Posted by: 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

comments

layout: terminal.

2025-03-06T22:38:24Z

Posted by: efficio

click for live preview | code

Title: Terminal
Credit to: efficio
Base style: Neutral Good
Type: CSS
Best resolution: 1920x1080
Tested in: Chrome, Firefox, Safari, mobile

comments

tabula rasa: ditto

2023-05-30T12:50:20Z

Posted by: luckyzukky

Title: ditto
Credit to: shinemagic or luckyzukky
Base style: Tabula Rasa
Type: CSS
Best resolution: 1920x1080
Tested in: firefox
Features: simple, 1 column, header

here @ shinemagic

comments

old lj layout "Tabular Indent"

2022-12-17T05:52:44Z

Posted by: shellz

I wanted to install some of the other older LiveJournal styles. This one is Tabular Indent!

download the Tabular Indent raw code here

Go to Advanced Customization.
Click on Your Layers
Under "Create top-level layer", select "Layout" for Type and "Core 1" for Core Version. Hit create.
You'll be taken back to your layers page. You should see a layer titled "Livejournal S2 Core V1". Click edit. Paste the code and click save & compile.
If you want to fix your reading page to show the usernames, follow the tutorial listed on this page.
Now you need to use the layout. Go to Customize Journal Style page. Click on "Your Custom Layers" and apply your new theme
To edit the theme colors and fonts further, click "Customize".

( Preview of the Tabular Indent layout )

comments

old lj layout "Disjointed"

2022-12-17T05:51:44Z

Posted by: shellz

I wanted to install some of the other older LiveJournal styles. This one is Disjointed. I rememeber it being a favorite of the alternative kids and the boys/men on the website, especially in those early days.

download the Disjointed raw code here

Go to Advanced Customization.
Click on Your Layers
Under "Create top-level layer", select "Layout" for Type and "Core 1" for Core Version. Hit create.
You'll be taken back to your layers page. You should see a layer titled "Livejournal S2 Core V1". Click edit. Paste the code and click save & compile.
If you want to fix your reading page to show the usernames, follow the tutorial listed on this page.
Now you need to use the layout. Go to Customize Journal Style page. Click on "Your Custom Layers" and apply your new theme
To edit the theme colors and fonts further, click "Customize".

( Preview of the Disjointed layout )

comments

question (kind of a request maybe?)

2022-10-04T15:11:24Z

Posted by: sa1nt

i love layouts with multiple columns for posts, like this, this, this....
however, i don't find any of these on DW, except a single one made by killthecake, which i tried to edit but don't manage to make it fit my likes. so any tips or suggestions? i'd also be happy if someone actually made layouts that looked similar to the above ones since i enjoy minimalist style and tiny fonts.

edit: please don't reply with suggestions anymore, i have found solutions! i think this can stay open anyway, though, since other people might look for similar stuff and the suggestions here might be helpful for them.

comments

brittle: carousel

2022-01-24T04:15:55Z

Posted by: 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

comments

corinthian: morning star

2022-01-18T13:54:15Z

Posted by: 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

comments

transmogrified: mirrors

2021-12-12T07:18:20Z

Posted by: luckyzukky

Title: mirrors
Credit to: shinemagic or luckyzukky
Base style: Transmogrified
Type: CSS
Best resolution: 1920x1080
Tested in: firefox
Features: muted/simple/pastel, one column

here @ shinemagic

comments

tabula rasa: recessional

2021-11-29T02:03:05Z

Posted by: 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

comments

Blanket: thursday

2021-07-27T11:28:26Z

Posted by: luckyzukky

Title: thursday
Credit to: shinemagic or luckyzukky
Base style: Blanket
Type: CSS
Best resolution: 1920x1080
Tested in: firefox
Features: one column, variants, black/white

here @ shinemagic

comments

Tabula Rasa: paper planes

2021-04-08T00:40:07Z

Posted by: 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

comments

Brittle: Tree

2020-09-21T22:13:54Z

Posted by: cirque

Title: Tree
Credit to: dustier
Base style: Brittle
Type: CSS
Best resolution: any
Tested in: Chrome

Find it here @ dustier.

comments

Compartmentalize: Root

2020-08-10T21:24:21Z

Posted by: cirque

Title: Root
Credit to: dustier
Base style: Compartmentalize
Type: CSS
Best resolution: 1920x1080
Tested in: Chrome

Find it here @ dustier.

comments

Tabula Rasa: This is yesterday

2020-02-22T17:23:27Z

Posted by: baud

full page preview

Title: This is yesterday
Credit to: This post. baud; Control strip by vigils.
Base style: Tabula Rasa
Type: CSS
Best resolution: 1920x1080
Tested in: Firefox, Chrome

( Instructions )

comments

dreamwidthlayouts @ 2020-02-02T03:35:00

2020-02-01T19:45:34Z

Posted by: manual

Title: Kida v1 & v2
Credit to: manual
Base style: Practicality
Tested in: Chrome

codes over here at pagans

comments

dreamwidthlayouts @ 2019-12-02T17:50:00

2019-12-03T01:52:06Z

Posted by: shellz

Title: S1 Generator Layout
Credit to: dovewood
Type: full layout in layers
Tested in: google chrome

I first began blogging on the website LiveJournal in the summer of 2002. My favorite layout style was "Generator". It's always been a constant in my life. When I joined Dreamwidth in 2009, I was able to import the layout. I came back to a few messages in my DW inbox asking me for this code. I figured out how to share it with you guys. I hope you enjoy it.

here is the code @ dovewood

comments