erinptah: (Default)
[personal profile] erinptah
preview

Original layout using this Creative-Commons-licensed Manhattan panorama.

Live preview | Screenshot

Title: New York Evening (Fluid)
Credit to: [personal profile] erinptah
Base style: Tabula Rasa
Type: Full layout in CSS
Best resolution: 1024x768+
Tested in: Firefox, Chrome
Features: customizable, variable-width, 2 columns


Click thru for code & instructions.
ex_aroceu318: (Default)
[personal profile] ex_aroceu318
Title: Kinkmeme Redux
Credit to: [personal profile] ssc (moved/edited)
Base style: Plain (Tabula Rasa)
Type: CSS
Best resolution: 1200x800 is my default but it should look fine on any modern desktop (hopefully)
Tested in: Google Chrome, Safari, Firefox
Features: Single column, fluid width, no modules except for navigation, adapted from [livejournal.com profile] firstkinkmod's CSS override of LJ's Minimalism/Georgia but not intended for custom comment pages and is simply cosmetic


live preview/usage at [personal profile] memekink
also, if you have or know of a kinkmeme not listed where the live preview is, feel free to let me know so I can add it the aforementioned journal

(click through this fake cut for the instructions and code!)
vorador: (Default)
[personal profile] vorador
Title: Minimal
Credit: [community profile] coorhagen
Base style: Five AM
Type: CSS
Resolution: any; best viewed at 1024x768 and upwards
Tested in: Chrome
Features: fluid width, custom pop-up, custom icons, no modules


( full size / temporary live / code )
saga: (Default)
[personal profile] saga
Title: Perfect Strangers
Credit to: [community profile] tofuhouse
Base style: Tectonic
Type: CSS
Best resolution: 1024x768 onwards (but any)
Tested in: Firefox, Chrome (lightly in IE & Safari)
Features: One column, navbar, hover, custom icon page, fluid width. Customisable pattern colours using only hex codes, no need to upload.


[ click to see full size. ]
layout code @ [community profile] tofuhouse
bakesale: img © 52 Kitchen Adventures (Default)
[personal profile] bakesale
Title: Calling Card
Credit to: [personal profile] bakesale
Base style: Tabula Rasa (Plain)
Type: Full layout in CSS
Best resolution: Any
Tested in: Optimized for Chrome; also tested in Firefox and Edge.
Features: Styled comment and icon pages, nav bar hidden until hover, fluid width, responsive header text, 8 color schemes


PREVIEWS & INSTALLATION INFO
saga: (Default)
[personal profile] saga
Title: Crystal Ball
Credit to: [community profile] tofuhouse
Base style: Tabula Rasa
Type: CSS
Best resolution: 1024x768 onwards (but any)
Tested in: Firefox, Chrome (lightly in IE & Safari)
Features: One column, navbar, hover, custom icon page, fluid width, mostly mobile responsive.


[ click to see full size of one example. ]
layout code @ [community profile] tofuhouse
saga: (Default)
[personal profile] saga
Title: Blame it on me
Credit to: [community profile] tofuhouse
Base style: Tectonic
Type: CSS
Best resolution: 1024x768 onwards (but any)
Tested in: Firefox, Chrome (lightly in IE & Safari)
Features: Multiple columns, navbar, hover, custom icon page, fluid width. Customisable pattern colours using only hex codes, no need to upload.


[ click to see full size of one example. ]
layout code @ [community profile] tofuhouse
saga: (Default)
[personal profile] saga
Title: Pull Me Deep
Credit to: [community profile] tofuhouse
Base style: Brittle
Type: CSS
Best resolution: 1024x768 onwards
Tested in: Firefox, Chrome (lightly in IE & Safari)
Features: 2 column, navbar, hover, custom icon page, semi-fluid width (though fluid on phone).


[ click to see full size. ]
layout code @ [community profile] tofuhouse
saga: (Default)
[personal profile] saga
Title: Echo
Credit to: [community profile] tofuhouse
Base style: Patsy
Type: CSS
Best resolution: All, but 1024x768 onwards
Tested in: Firefox, Chrome (lightly in IE & Safari)
Features: 2 columns, navbar, hover, custom icon page, fluid width.


[ click to see full size. ]
layout code @ [community profile] tofuhouse
saga: (Default)
[personal profile] saga
Title: Free Your Mind
Credit to: [community profile] tofuhouse
Base style: Five AM
Type: CSS
Best resolution: 1024x768 onwards
Tested in: Firefox, Chrome (lightly in IE & Safari)
Features: Multiple sidebars, navbar, hover, custom icon page, custom header pattern, fluid width.


[ click to see full size. ]
layout code @ [community profile] tofuhouse
bakesale: img © 52 Kitchen Adventures (Default)
[personal profile] bakesale
Title: Wry
Credit to: [personal profile] bakesale
Base style: Five AM
Type: Full layout in CSS
Best resolution: 800x600+
Tested in: Chrome, Firefox, IE
Features: Clean and minimal design for maximum readability, styled comment pages, fluid width, optional modules in footer, nav bars hidden until hover, web fonts, tested for community use



PREVIEWS & INSTALLATION INFO
sarken: "i need a room" sign ([misc] i need a room)
[personal profile] sarken
Title: Lefty
Theme Titles/Live Preview Links: Green Party and Pinko
Credit to: [personal profile] sarken or [community profile] rentals
Base style: Transmogrified
Type: Full layout in CSS
Best resolution: Variable width
Tested in: Internet Explorer 8, Chrome 17, Firefox 3.6, Opera 11.6, Safari 5.0
Features: Comment pages, fixed width sidebar, fluid width entries, custom control strip, variety of page set-ups
Link: CSS & Instructions

itsanooray: (Default)
[personal profile] itsanooray

Click images above for Image Previews - Live Preview


Title: Joyride
Credit to: [community profile] betterdolphin
Base style: Tabula Rasa
Type: CSS
Best resolution: Made on 1280 x 1024, should work at a minimum of 1024 x 600 (netbook)
Tested in: IE7-9, latest Firefox and Chrome (see post for notes on IE)
Features: 6 different colors (though you're free to edit) and fixed side menu

EDIT There was an issue with the profile userpic being distorted on phones/some browsers, I have fixed it, so please grab again if you want!

Find it all here!
arobynsung: (merlin: gwen/morgana lips)
[personal profile] arobynsung
Title: Seamless
Credit: [community profile] visualwit
Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Width is fluid (%)
Tested in: Firefox
Features: 2 columns, header navigation


CODE: Garden Seamless


CODE: Cloudy Seamless
arobynsung: (undercovers: sam smiles)
[personal profile] arobynsung
Title: Sensibility
Credit: [community profile] visualwit 
Base style: Tabula Rasa
Type: Full Layout (CSS)
Best resolution: Width is fluid (%)
Tested in: Firefox
Features: 2 columns, fluid text (em so tweaking text size is as simple as editing the body font-size); header navigation



CODE: Moded Sensibility


CODE: Clear Sensibility


CODE: Given Sensibility

facetofcathy: four equal blocks of purple and orange shades with a rusty orange block centred on top (Default)
[personal profile] facetofcathy
Title: Fluid Navstrip
Credit to: n/a
Base style: All
Type: Code Snippet
Best resolution: Display widths of 20em and up
Tested in: Firefox, Chrome, Opera
Features: Cells and contents of the navstrip table wrap as required by the user's display.

This is a code snippet that will work on any layout/style (barring any conflicts with other styles applied to the navstrip). The purpose is to make the navstrip wrap at larger font sizes or smaller screen widths rather than triggering a scrollbar as it does normally.

Screencaps of the code in action under the cut )

The content of each cell in the navstrip table wraps as well, and you can get below a 20em display width without any scrollbars. There is padding added, a font size in ems, and a generous line-height. The result has a little more space around the log out button, which may help with accidental log outs for some users.

There is a 1px bit of visible body background colour at the right, left and bottom edges some of the time in all tested browsers, but I see that with my background image as well.

This code should work correctly in all browsers except IE7 and lower.

Padding, font-size and line-height can be customized at will.

code under the cut )
itsanooray: (Default)
[personal profile] itsanooray

Click images above for Image Previews - Live Preview with Bottombar - Live Preview with Sidebar


Title: Presser
Credit to: [community profile] betterdolphin
Base style: Blanket (specifically "Peach")
Type: CSS
Best resolution: Made on 1280 x 1024
Tested in: IE7-9, latest Firefox and Chrome (see post for notes on IE)
Features: One with a bottombar, one with a side bar, both with 4 color variations. All pages styled. (Should be at least, tell me if I missed something, still not 100% familiar with the innerworkings of DW haha.)

Find it all here!

Profile

Dreamwidth Layouts

August 2017

S M T W T F S
  12345
6789101112
13141516 171819
20212223242526
2728293031  

Syndicate

RSS Atom

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags