lucida: (shadow girl)
[personal profile] lucida
Title: Euphemia
Credit to: [community profile] vipernora
Base style: Tabula Rasa
Type: CSS
Best resolution: 1024x768 and higher
Tested in: Firefox, Safari, Google Chrome, Internet Explorer
Features: Five variations available, two columns, fixed sidebar, easy customization, custom comment pages



Live previews, more variations, and directions/coding here
.
cirque: (rainbow girl dance)
[personal profile] cirque
Title: Flora
Credit to: [community profile] dustier
Base style: Tabula Rasa
Type: Full layout in CSS
Best resolution: 800x600+
Tested in: Firefox, IE8+
Features: custom font, pretty metaicons, rounded userpics, girly colours.


Find it here
chimney: (pic#4913718)
[personal profile] chimney
Title: belladonna | two color variations
Credit to: [community profile] pastries/[personal profile] chimney
Base style: tabula rasa
Type: css layout
Best resolution: 900px+
Tested in: latest firefox, chrome, ie9, safari is weird on custom fonts. but i used adobe browserlabs so don't take my word for it.
Features: fixed widths, weird icon shapes, two column


Title: just desserts | 4 color variations
Credit to: [community profile] pastries/[personal profile] chimney
Base style: tabula rasa
Type: css layout
Best resolution: 800px and above, fixed to 650ish
Tested in: latest firefox, chrome, ie9, safari is funk with custom fonts again
Features: WEIRD ICON SHAPES, food, colors, fixed width, one column
cirque: (hat)
[personal profile] cirque
Title: Goldfish
Credit to: [personal profile] cirque @ [community profile] dustier
Base style: Crisped
Type: CSS Layout
Best resolution: 800+
Tested in: Firefox
Features: custom fonts, custom cursor, custom tiny icons, rounded userpics.


here @ [community profile] dustier
cirque: (sad)
[personal profile] cirque
Title: Stardust
Credit to: [personal profile] cirque @ [community profile] dustier
Base style: Crisped
Type: CSS Layout
Best resolution: 800+
Tested in: Firefox
Features: custom fonts, custom cursor, custom tiny icons, opacity/transparency.


here @ [community profile] dustier
chimney: (Default)
[personal profile] chimney
Title: by the beech
Credit to: [community profile] pastries/[personal profile] chimney
Base style:blanket
Type: css layout
Best resolution: fixed to ~900px. 800 is fine, just icons will be cut off.
Tested in: chrome, firefox, safari.
Features: one column, drop shadows, text shadows, spaced out.


+ other variations here @ [community profile] pastries
chimney: (Default)
[personal profile] chimney
Title: quite frankly
Credit to: [community profile] pastries/[personal profile] chimney
Base style: basic boxes
Type: css layout
Best resolution: fixed to ~960px
Tested in: chrome and firefox
Features: two column layout, accent colors, circles circles and more circles.


here @ [community profile] pastries
terra: fandom » ffvi, not an endorsement of dissidia (imperial witch)
[personal profile] terra
Central Layout Preview

Live Preview | Image Preview

Title: "Blackletter"
Credit to: [personal profile] terra/[community profile] vigils
Base style: Blanket
Type: Full CSS
Best resolution: 800x600+
Tested in: Chrome, Safari, Firefox
Features: Easy to tweak header image, look ma Google webfonts!!, fixed-width single column, ultra stark monochrome.

CSS/instructions here @ [community profile] vigils

chimney: (pic#3297470)
[personal profile] chimney
Title: margarita
Credit to: [community profile] pastries/[personal profile] chimney
Base style: crisped
Type: css layout
Best resolution: fixed to ~800px
Tested in: chrome and firefox
Features: two column layout, bright colors!!! 6 given color variations, but also easy modification since all the accents are the same.


here @ [community profile] pastries
chimney: (pic#668596)
[personal profile] chimney
Title: neopolitan rose
Credit to: [personal profile] chimney / [community profile] pastries
Base style: crisped
Type: css layout
Best resolution: fixed to roughly 900px i think, should work on any resolution
Tested in: latest firefox update, chrome, safari. FIREFOX does have issues with the text in the header/nav links, and there's padding issues at the top and bottom, but nothing serious. may be fixed at some point lkajsfd.
Features: two column, fixed header and navigation link list, 80% less modules! and with fail color!


here @ [community profile] pastries
chimney: (pic#668595)
[personal profile] chimney
Title: in space
Credit to: [personal profile] chimney / [community profile] pastries
Base style: brittle
Type: css layout
Best resolution: fixed to ~700px, should work on any resolution
Tested in: latest firefox update, chrome
Features: with or without header (title/subtitle), now with 90% less modules!


here @ [community profile] pastries
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

terra: (Default)
[personal profile] terra
Central Layout Preview

Live Preview | Image Preview

Title: Layout, "Tumblrina"
Credit to: [community profile] vigils
Base style: Brittle
Type: CSS layout
Best resolution: 960 grid, so should be fine in 1024+
Tested in: Chrome, Firefox, Safari
Features: Fixed-width, easily customizable sidebar image.

Instructions and CSS here @ [community profile] vigils

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

erinptah: (Default)
[personal profile] erinptah
preview

Original layout using this Creative-Commons-licensed Manhattan panorama. Screenshot is of the version with the old image; live preview has the new image. Thanks to [personal profile] facetofcathy for pointing me in the right direction!

Previews & Code

Title: New York Evening
Credit to: [personal profile] erinptah
Base style: Tabula Rasa
Type: Full layout in CSS
Best resolution: 1024x768+
Tested in: Firefox, Chrome
Features: customizable, fixed width, 2 columns
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 )
arobynsung: (esperanza)
[personal profile] arobynsung
Title: Tabbed
Credit to: [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)
NOTE: Works best with short navigation text and shorter titles otherwise they'll bleed into each other.



CODE: Tabbed Vintage


CODE: Tabbed Comfort


CODE: Tabbed Bright
arobynsung: (stock: at rest)
[personal profile] arobynsung
Title: Sands of Time
Credit to: [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)



CODE: Sands of Time @ [community profile] visualwit

Profile

Dreamwidth Layouts

June 2017

S M T W T F S
     123
45678910
11121314151617
181920 21222324
252627282930 

Syndicate

RSS Atom

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags