The Cat and the Fiddle

Not dead yet

heavyarms — Wed, 28 Dec 2011 14:09:37 GMT

But I hope everyone enjoyed the holiday season, and I apologize for my long, long absence. Rest assured that I'm not abandoning this community—I'll just be really, really slow since RL's been a bit unstable lately. But, you can expect some new designs soon!

But now for some announcements:

► Those of you who would rather migrate to Dreamwidth can still use my layouts! I'll probably be making DW layouts in the future alongside the LJ ones I'm working on now, but here's a handy tutorial for using Flexible Squares layouts on DW. Just remember that some layouts might not look right over there.
► I've deleted some of the older posts (defunct tutorials, some shoddy profile codes, etc.), so if you're wondering why some entries seemed to have disappeared, that's why. I won't be bringing those codes back, also. They're nothing to miss, anyhow.
► I've done a bit of housekeeping here and there. I've cleaned up and redesigned the profile, rules and FAQ page, suggestions page, and resource posts. Please do give them a look!

Happy New Year's!

Antique Finish: One Journal Layout

heavyarms — Fri, 29 Oct 2010 06:36:53 GMT

LIVE

Info:

Journal Style: Flexible Squares
Browsers: Firefox 3.6, Safari 5, Chrome 5
Resolution: 1024x768 & above
Ad Placement: Horizontal/Between Entries
Images?: Some background images & tiny icons

Instructions:

1. Go here, and type Flexible Squares in the search box. Apply any of the layouts.

2. Choose a Page Setup. (For Plus accounts: choose your preferred ad placement.) Apply any of them except the layout without the topbar.

3. Go to Custom CSS, select No on all the drop-down boxes. Leave the Custom External Stylesheet URL box blank, then copy and paste this code in the Custom stylesheet box:

/* Antique Finish ~Layout by enekoro-sama@LJ */ /* Tiny Icons from http://community.livejournal.com/street_of_mercy/ */ /* Background from http://www.dinpattern.com/ */ /* main */ body {background-color:#e8e4d3; background-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/haunted-two.gif"); background-attachment:fixed; background-repeat:repeat; font-family:"georgia",palatino,serif; font-size:10pt; color:#543b23;} a {text-decoration:none; color:#886644;} a:hover {color:#222222;} .ljcut-link {font-style:normal;} strong, em {color:#886644;} u, strike {color:#555544;} h1 {font-size:24pt;} h2 {font-size:22pt;} h3 {font-size:20pt;} h4 {font-size:18pt;} h5 {font-size:16pt;} h6 {font-size:14pt;} b {font-weight:normal; font-family:"garamond",book antiqua,serif; font-size:12pt; font-style:italic;} /* journal content */ #content {margin:0 auto; position:relative; width:900px; background-color:#e8e4d3; -moz-border-radius:20px; -webkit-border-radius:20px; padding:10px; border-width:5px; border-color:#886644; border-style:double;} #maincontent {position:relative; float:right; width:725px;} .entry {line-height:1.5;} .date {font-family:"garamond",book antiqua,serif; font-size:16pt; letter-spacing:-2px;} .subject {text-align:right; font-family:"garamond",book antiqua,serif; font-size:20pt; font-style:italic; font-weight:bold; font-variant:small-caps; letter-spacing:1px; padding-bottom:5px; border-bottom-style:double; border-bottom-color:#886644; border-bottom-width:3px;} .subject a {color:#555544;} .subject a:hover {color:#222222;} .userpic {float:right; padding:5px;} .userpic img {border-style:double; border-color:#886644; border-width:3px;} .userpicfriends {background:transparent !important; padding:5px; float:right; text-align:center;} .userpicfriends img {border-style:double; border-color:#886644; border-width:3px;} .userpicfriends a font {color:#886644; font-family:"garamond",book antiqua,serif; font-size:11pt; font-style:italic;} .skiplinks {color:transparent; text-align:center; padding-top:20px; font-size:12pt;} .skiplinks a {color:#555544; font-family:"garamond",book antiqua,serif; font-style:italic; text-transform:lowercase;} .skiplinks a:hover {color:#222222; text-decoration:underline;} /* sidebar */ #sidebar {position:relative; float:left; width:160px;} #sidebar a {color:#222222;} #sidebar a:hover {color:#886644; text-decoration:underline;} .sbaritem {list-style-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Scraps/af_bullet.png");} .sbartitle {list-style-type:none; margin-left:-40px; font-family:"garamond",book antiqua,serif; font-size:15pt; font-variant:small-caps; text-align:center; background-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/af_bgsmall.png"); background-position:center center; background-repeat:no-repeat; background-attachment:scroll; height:41px;} .sbarbody2 {font-size:8pt;} .calendar {margin-left:-40px;} .sbarcalendar {padding:2.5px; text-align:center;} .sbarcalendarposts {padding:2.5px; text-align:center; border-color:#886644; border-width:1px; border-style:solid; -moz-border-radius:5px; webkit-border-radius:5px;} .defaultuserpic {margin:0 auto; width:75px; height:75px; padding:5px;} .defaultuserpic img {width:75px; height:75px; border-style:double; border-color:#886644; border-width:3px;} /* header */ #header {position:relative; background-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/af_bgtitle.png"); background-attachment:scroll; background-repeat:no-repeat; background-position:center center; height:116px; padding-bottom:10px;} .view {cursor:default;} .title {font-size:24pt; font-weight:bold; font-family:"garamond",book antiqua,serif; text-transform:uppercase; text-align:center;} .subtitle {font-size:14pt; font-style:italic; letter-spacing:-1px; text-align:center; text-transform:lowercase; color:#222222;} .navheader {font-size:20pt; text-align:center;} .navheader li {display:inline; padding:10px; font-variant:small-caps;} /* footer */ #footer {position:relative;} .clearfoot {clear:both;} .navfooter {font-size:20pt; text-align:center;} .navfooter li {display:inline; padding:20px; font-variant:small-caps;} .viewing {cursor:default;} /* comments */ .comments {text-align:center; color:transparent; font-size:16pt; font-family:"garamond",book antiqua,serif; font-style:italic;} .commentbox {border-style:double; border-color:#886644; border-width:3px; padding:5px;} .datesubjectcomment{padding:5px; border-bottom-style:double; border-bottom-width:3px; border-bottom-color:#886644;} .datesubjectcomment strong {font-weight:normal; font-variant:small-caps;} /* The comments title. */ .userpiccomment {float:left; padding:5px;} .commentreply {padding:5px;} /* archive */ .year {font-size:20pt; text-align:center;} .year li {display:inline; padding:20px;} .yearmonth {text-transform:uppercase; font-family:"garamond",book antiqua,serif; font-size:12pt;} .yeardate {padding:5px; text-align:center; font-size:12pt; border-style:solid; border-color:#886644; border-width:1px;} .yearday {border-style:solid; border-color:#886644; border-width:1px; text-align:center; text-transform:uppercase; color:#886644; font-weight:bold;} /* tag list */ h2 {font-weight:normal; text-align:center;} .ljtaglist a:hover {text-decoration:underline;} .ljtaglist li {padding:3px;} /* metadata */ .currents {font-size:8pt;} .currentlocation strong, .currentgroups strong, .currentmood strong, .currentmusic strong {font-weight:normal; font-variant:small-caps; color:#555544;} .ljtags {color:#555544; font-variant:small-caps; font-size:8pt;} .currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding:1px 0 1px 18px; background-color:transparent; background-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Scraps/af_bullet.png"); background-repeat:no-repeat; background-attachment:scroll; background-position:0 50%;} /* misc. */ code {display:block; color:#222222; padding:5px; border-width:3px; border-color:#886644; border-style:double;} textarea {width:300px; height:75px; padding:5px; background-color:transparent; background-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/haunted-two.gif"); background-attachment:fixed; background-repeat:repeat; font-size:10pt; color:#e8e4d3; border-width:3px; border-style:double; border-color:#222222;} blockquote {background-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/af_bgsmall.png"); background-position:top center; background-attachment:scroll; background-repeat:no-repeat; padding:25px; color:#555544;} /* tiny icons */ img[src*="img/userinfo.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background-color:transparent; background-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/street%20of%20mercy/flower_darkgrey.png"); background-repeat:no-repeat; padding:16px 0 0 16px !important;} img[src*="img/community.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background-color:transparent; background-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/street%20of%20mercy/butterfly_darkgrey.png"); background-repeat:no-repeat; padding:16px 0 0 16px !important;} img[src*="img/icon_protected.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background-color:transparent; background-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/street%20of%20mercy/community_darkgrey.png"); background-repeat:no-repeat; padding:16px 0 0 16px !important;} img[src*="img/icon_groups.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background-color:transparent; background-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/street%20of%20mercy/community_lightgrey.png"); background-repeat:no-repeat; padding:16px 0 0 16px !important;} img[src*="img/icon_private.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background-color:transparent; background-image:url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/street%20of%20mercy/lock_darkgrey.png"); background-repeat:no-repeat; padding:16px 0 0 16px !important;} /* extra codes */

.headerimage {width:XXXpx;
 height:XXXpx;
 margin:auto;
 margin-bottom:XXpx;
 background-image:url("XXX");
 background-repeat:no-repeat;}

Notes:

Please be mindful of the rules.
Please let me know if my layout is too similar to a pre-established work, so that I can take this down immediately. I hate to plagiarize, even inadvertently.
The actual layout may vary slightly from the previews.
Watch this community?

Tiny Icons from street_of_mercy | Background from DinPattern

Sneak Peek: Antique Finish

heavyarms — Sun, 24 Oct 2010 16:38:01 GMT

I figured I made you guys wait too long since the last update, so have a sneak peek at the next one:

Live preview at little_harp.

It only needs a few more tweaks and it should be good to go. :D It should be available within the week.

Also, I'd like to let you guys know that I'm going to be branching out to other styles in the future, particularly Mixit/Expressive. I will still be posting Flexible Squares layouts from time to time, but we could use a bit of variety every now and again, right?

Lime Soda: Two Journal Layouts

heavyarms — Sat, 04 Sep 2010 09:25:44 GMT

Color by COLOURlovers

LIVE

LIVE

Info:

Journal Style: Flexible Squares
Browsers: Firefox 3.5, IE8, Safari 5, Google Chrome 5, Opera 10
Resolution: 1024x768 & above
Ad Placement: Horizontal/Between Entries
Images?: Some tiny icons

Light:
/* Lime Soda: Light ~Layout by enekoro-sama@LJ */ /* Tiny Icons by http://minty-peach.livejournal.com/ */ /* main */ body {background-color:#f0f0ff; font-family:"arial",helvetica,sans-serif; font-size:10pt; color:#111111;} a, a:active, a:link, a:visited {text-decoration:none; color:#86a16a;} a:hover {color:#d9f7bb;} strong, em {color:#86a16a;} u, strike {color:#d9f7bb;} b {font-weight:normal; font-family:"tahoma",verdana,sans-serif; font-size:12pt; color:#86a16a; letter-spacing:-1px;} .ljcut-link {letter-spacing:1px;} /* journal content */ #content {margin:0 auto; width:900px; position:relative;} #maincontent {position:relative; float:right; width:720px; background-color:#f0f0ff;} .subcontent {padding:5px; background-color:#111111;} .entry {line-height:1.5; background-color:#f0f0ff; padding:10px;} .date {font-family:"impact",trebuchet ms,sans-serif; font-size:14pt; color:#d9f7bb; text-transform:uppercase;} .subject {font-size:20pt; font-weight:bold; text-transform:uppercase; text-align:right; letter-spacing:-2px; color:#86a16a;} .subject a, .subject a:active, .subject a:link, .subject a:visited {color:#d9f7bb;} .subject a:hover {color:#e9f5c5;} .userpic {padding:10px; float:right;} .userpic img {border:10px solid #d9f7bb;} .userpic img:hover {border:10px solid #86a16a;} .userpicfriends {background-color:transparent !important; padding:10px; float:right; text-align:right;} .userpicfriends img {border:10px solid #d9f7bb;} .userpicfriends img:hover {border:10px solid #86a16a;} .userpicfriends a font, .userpicfriends a:link font, .userpicfriends a:active font, .userpicfriends a:visited font, .userpicfriends a:hover font {color:#111111; font-weight:bold;} .skiplinks {text-align:center; padding:3px; background-color:#111111;} .skiplinks a, .skiplinks a:active, .skiplinks a:link, .skiplinks a:visited {color:#d9f7bb;} .skiplinks a:hover {color:#e9f5c5;} /* sidebar */ #sidebar {float:left; width:160px; font-size:9pt; border:5px solid #111111; background-color:#f0f0ff;} #sidebar a, #sidebar a:active, #sidebar a:link, #sidebar a:visited {color:#a9e617;} #sidebar li:hover a {color:#86a16a;} .sbaritem {list-style-type:none; margin-left:-40px; background-color:#e9f5c5; padding:3px; border-bottom:1px solid #f0f0ff;} .sbaritem:hover {background-color:#d7f7a7;} .sbartitle {list-style-type:none; margin-left:-40px; text-align:center; text-transform:uppercase; color:#d7f7a7; font-family:"impact",trebuchet ms,sans-serif; font-size:12pt; background:#111111; padding:3px;} .sbarbody2 {padding:5px;} .calendar {margin-left:-40px;} .sbarcalendar {padding:3.75px; text-align:center; background-color:#e9f5c5;} .sbarcalendarposts {padding:3.75px; text-align:center; background-color:#e9f5c5;} .sbarcalendarposts:hover {background:#d7f7a7;} .defaultuserpic {width:75px; height:75px; margin:0 auto; padding:10px;} .defaultuserpic img {width:75px; height:75px; border:5px solid #d9f7bb;} .defaultuserpic img:hover {border:5px solid #86a16a;} /* header */ #header {position:relative; font-size:16pt; font-family:"impact",trebuchet ms,sans-serif; padding-bottom:5px;} #header a, #header a:active, #header a:link, #header a:visited {color:#111111;} #header a:hover {color:#a9e617;} .view {cursor:default; color:#111111;} .title {font-family:"arial",helvetica,sans-serif; font-size:30pt; letter-spacing:-4px; text-align:center; text-transform:uppercase; color:#86a16a; background-color:#111111; padding:3px;} .subtitle {text-align:center; color:#d7f7a7; background-color:#111111; padding:3px;} .navheader {font-family:"arial",helvetica,sans-serif; font-size:20pt; font-weight:bold; text-transform:uppercase; text-align:center; letter-spacing:-3px; margin-bottom:-7px;} .navheader li {display:inline; padding:10px;} /* footer */ #footer {text-transform:uppercase; font-weight:bold; font-size:20pt; letter-spacing:-3px; border-top:25px solid #111111;} .clearfoot {clear:both;} .navfooter {margin-top:-7px; text-align:center;} .navfooter li {display:inline; padding:25px;} .viewing {cursor:default; color:#111111;} /* comments */ .comments {background-color:#111111; padding:5px; text-align:center; font-size:16pt;} .commentbox {padding:5px;} .datesubjectcomment{color:#f0f0ff; background-color:#111111; padding:5px;} .datesubjectcomment strong {text-transform:uppercase;} /* The comments title. */ .userpiccomment {float:right; padding:5px;} .commentreply {padding:5px;} /* archive */ .year {font-family:"impact",trebuchet ms,sans-serif; font-size:20pt; padding:5px; background-color:#111111; text-align:center; color:#f0f0ff;} .year li {display:inline; padding:10px;} .yeartable {border:3px solid #111111; padding:10px;} .yeardate {text-align:center; padding:5px; font-size:12pt;} .yearday {font-family:"impact",trebuchet ms,sans-serif; font-size:12pt; text-align:center; text-transform:uppercase; padding:3px; color:#d9f7bb; background-color:#111111;} .yearmonth {font-size:12pt; text-transform:uppercase; letter-spacing:-1px;} /* tag list */ h2 {text-align:center; text-transform:uppercase; font-family:"impact",trebuchet ms,serif; font-weight:normal; color:#d9f7bb; padding:5px; background-color:#111111;} .ljtaglist li {text-transform:uppercase; padding:5px;} .ljtaglist {color:#111111;} /* metadata */ .currents {font-size:9pt;} .currentlocation strong, .currentgroups strong, .currentmood strong, .currentmusic strong {display:none;} .currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding:0 0 0 16px; background:transparent none no-repeat scroll 0 50%;} .ljtags {background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/tags.gif") no-repeat left center; font-size:9pt;} .currentlocation {background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/img.png") no-repeat left center;} .currentmood {background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/heart.gif") no-repeat left center;} .currentgroups {background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/unlocked.gif") no-repeat left center;} .currentmusic {background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/mnote.gif") no-repeat left center;} /* misc. */ code {display:block; font-family:"tahoma",verdana,sans-serif; padding:10px; border:1px solid #111111;} textarea {width:300px; height:75px; padding:5px; background-color:#e9f5c5; font-family:"tahoma",verdana,sans-serif; font-size:9pt; color:#86a16a; border:none;} blockquote {border-top:25px solid #111111; border-bottom:25px solid #111111; border-left:5px solid #111111; border-right:5px solid #111111; padding:5px; font-family:"tahoma",verdana,sans-serif;} ol, ul {color:#86a16a;} ul {list-style-type:circle;} /* tiny icons */ img[src*="img/userinfo.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/pars02.gif") no-repeat; padding:16px 0 0 10px !important;} img[src*="img/community.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/apple.gif") no-repeat; padding:17px 0 0 14px !important;} img[src*="img/icon_protected.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/locked2.gif") no-repeat; padding:18px 0 0 16px !important;} img[src*="img/icon_groups.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/locked.png") no-repeat; padding:16px 0 0 14px !important;} img[src*="img/icon_private.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/locked-1-1.gif") no-repeat; padding:14px 0 0 12px !important;} /* extra codes */

Dark:
/* Lime Soda: Dark ~Layout by enekoro-sama@LJ */ /* Tiny Icons by http://minty-peach.livejournal.com/ */ /* main */ body {background-color:#111111; font-family:"arial",helvetica,sans-serif; font-size:10pt; color:#f0f0ff;} a, a:active, a:link, a:visited {text-decoration:none; color:#86a16a;} a:hover {color:#d9f7bb;} strong, em {color:#e9f5c5;} u, strike {color:#d9f7bb;} b {font-weight:normal; font-family:"tahoma",verdana,sans-serif; font-size:12pt; color:#86a16a; letter-spacing:-1px;} .ljcut-link {letter-spacing:1px;} /* journal content */ #content {margin:0 auto; width:900px; position:relative;} #maincontent {position:relative; float:right; width:720px; background-color:#111111;} .subcontent {padding:5px; background-color:#f0f0ff;} .entry {line-height:1.5; background-color:#111111; padding:10px;} .date {font-family:"impact",trebuchet ms,sans-serif; font-size:14pt; color:#d9f7bb; text-transform:uppercase;} .subject {font-size:20pt; font-weight:bold; text-transform:uppercase; text-align:right; letter-spacing:-2px; color:#86a16a;} .subject a, .subject a:active, .subject a:link, .subject a:visited {color:#86a16a;} .subject a:hover {color:#e9f5c5;} .userpic {padding:10px; float:right;} .userpic img {border:10px solid #d9f7bb;} .userpic img:hover {border:10px solid #86a16a;} .userpicfriends {background-color:transparent !important; padding:10px; float:right; text-align:right;} .userpicfriends img {border:10px solid #d9f7bb;} .userpicfriends img:hover {border:10px solid #86a16a;} .userpicfriends a font, .userpicfriends a:link font, .userpicfriends a:active font, .userpicfriends a:visited font, .userpicfriends a:hover font {color:#f0f0ff; font-weight:bold;} .skiplinks {text-align:center; padding:3px; background-color:#f0f0ff;} .skiplinks a, .skiplinks a:active, .skiplinks a:link, .skiplinks a:visited {color:#86a16a;} .skiplinks a:hover {color:#e9f5c5;} /* sidebar */ #sidebar {float:left; width:160px; font-size:9pt; border:5px solid #f0f0ff; background-color:#111111;} #sidebar a, #sidebar a:active, #sidebar a:link, #sidebar a:visited {color:#a9e617;} #sidebar li:hover a {color:#86a16a;} .sbaritem {list-style-type:none; margin-left:-40px; background-color:#e9f5c5; padding:3px; border-bottom:1px solid #f0f0ff;} .sbaritem:hover {background-color:#d7f7a7;} .sbartitle {list-style-type:none; margin-left:-40px; text-align:center; text-transform:uppercase; color:#86a16a; font-family:"impact",trebuchet ms,sans-serif; font-size:12pt; background:#f0f0ff; padding:3px;} .sbarbody2 {padding:5px;} .calendar {margin-left:-40px;} .sbarcalendar {padding:3.75px; text-align:center; background-color:#e9f5c5;} .sbarcalendarposts {padding:3.75px; text-align:center; background-color:#e9f5c5;} .sbarcalendarposts:hover {background:#d7f7a7;} .defaultuserpic {width:75px; height:75px; margin:0 auto; padding:10px;} .defaultuserpic img {width:75px; height:75px; border:5px solid #d9f7bb;} .defaultuserpic img:hover {border:5px solid #86a16a;} /* header */ #header {position:relative; font-size:16pt; font-family:"impact",trebuchet ms,sans-serif; padding-bottom:5px;} #header a, #header a:active, #header a:link, #header a:visited {color:#f0f0ff;} #header a:hover {color:#a9e617;} .view {cursor:default; color:#f0f0ff;} .title {font-family:"arial",helvetica,sans-serif; font-size:30pt; letter-spacing:-4px; text-align:center; text-transform:uppercase; color:#86a16a; background-color:#f0f0ff; padding:3px;} .subtitle {text-align:center; color:#d7f7a7; background-color:#f0f0ff; padding:3px;} .navheader {font-family:"arial",helvetica,sans-serif; font-size:20pt; font-weight:bold; text-transform:uppercase; text-align:center; letter-spacing:-3px; margin-bottom:-7px;} .navheader li {display:inline; padding:10px;} /* footer */ #footer {text-transform:uppercase; font-weight:bold; font-size:20pt; letter-spacing:-3px; border-top:25px solid #f0f0ff;} .clearfoot {clear:both;} .navfooter {margin-top:-7px; text-align:center;} .navfooter li {display:inline; padding:25px;} .viewing {cursor:default; color:#f0f0ff;} /* comments */ .comments {background-color:#f0f0ff; padding:5px; text-align:center; font-size:16pt;} .commentbox {padding:5px;} .datesubjectcomment{color:#111111; background-color:#f0f0ff; padding:5px;} .datesubjectcomment strong {text-transform:uppercase; color:#86a16a;} /* The comments title. */ .userpiccomment {float:right; padding:5px;} .commentreply {padding:5px;} /* archive */ .year {font-family:"impact",trebuchet ms,sans-serif; font-size:20pt; padding:5px; background-color:#f0f0ff; text-align:center; color:#111111;} .year li {display:inline; padding:10px;} .yeartable {border:3px solid #f0f0ff; padding:10px;} .yeardate {text-align:center; padding:5px; font-size:12pt;} .yearday {font-family:"impact",trebuchet ms,sans-serif; font-size:12pt; text-align:center; text-transform:uppercase; padding:3px; color:#111111; background-color:#f0f0ff;} .yearmonth {font-size:12pt; text-transform:uppercase; letter-spacing:-1px;} /* tag list */ h2 {text-align:center; text-transform:uppercase; font-family:"impact",trebuchet ms,serif; font-weight:normal; color:#86a16a; padding:5px; background-color:#f0f0ff;} .ljtaglist li {text-transform:uppercase; padding:5px;} .ljtaglist {color:#f0f0ff;} /* metadata */ .currents {font-size:9pt;} .currentlocation strong, .currentgroups strong, .currentmood strong, .currentmusic strong {display:none;} .currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding:0 0 0 16px; background:transparent none no-repeat scroll 0 50%;} .ljtags {background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/tags.gif") no-repeat left center; font-size:9pt;} .currentlocation {background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/img.png") no-repeat left center;} .currentmood {background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/heart.gif") no-repeat left center;} .currentgroups {background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/unlocked.gif") no-repeat left center;} .currentmusic {background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/mnote.gif") no-repeat left center;} /* misc. */ code {display:block; font-family:"tahoma",verdana,sans-serif; padding:10px; border:1px solid #f0f0ff;} textarea {width:300px; height:75px; padding:5px; background-color:#e9f5c5; font-family:"tahoma",verdana,sans-serif; font-size:9pt; color:#86a16a; border:none;} blockquote {border-top:25px solid #f0f0ff; border-bottom:25px solid #f0f0ff; border-left:5px solid #f0f0ff; border-right:5px solid #f0f0ff; padding:5px; font-family:"tahoma",verdana,sans-serif;} ol, ul {color:#86a16a;} ul {list-style-type:circle;} /* tiny icons */ img[src*="img/userinfo.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/pars02.gif") no-repeat; padding:16px 0 0 10px !important;} img[src*="img/community.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/apple.gif") no-repeat; padding:17px 0 0 14px !important;} img[src*="img/icon_protected.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/locked2.gif") no-repeat; padding:18px 0 0 16px !important;} img[src*="img/icon_groups.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/locked.png") no-repeat; padding:16px 0 0 14px !important;} img[src*="img/icon_private.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url("http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/locked-1-1.gif") no-repeat; padding:14px 0 0 12px !important;} /* extra codes */

♪Please upload these into your own image host and replace the links accordingly. If I run out of bandwidth, you will be affected too: [download].

4. Save changes.

Customization:
Adding a header. Fill in the codes below, then copy and paste them at the end of your CSS. The ideal width is 900 pixels.
.headerimage {width:XXXpx; height:XXXpx; margin:auto; margin-bottom:XXpx; background-image:url("XXX"); background-repeat:no-repeat;}

Notes:

Please be mindful of the rules.
Please let me know if my layout is too similar to a pre-established work, so that I can take this down immediately. I hate to plagiarize, even inadvertently.
The actual layout may vary slightly from the previews.
Watch this community?

Tiny Icons from minty_peach.

Announcements + Notes in the Margins: One Journal Layout

heavyarms — Sun, 15 Aug 2010 06:46:18 GMT

I've finally cleaned up all the journal layouts in this community. Be sure to check them out for some improvements and more customizability.♥ Anyway, to celebrate, have a new layout!:

LIVE

Info:

Journal Style: Flexible Squares
Browsers: Firefox 3.5, Safari 4, Chrome, Opera 10
Resolution: 1024x768 & above
Ad Placement: Horizontal/Between Entries
Images?: Background images & tiny icons

( ♪ )

Basilisk: One Journal Layout

heavyarms — Sat, 07 Aug 2010 15:15:45 GMT

Inspired by:

Color by COLOURlovers

LIVE

Info:

Journal Style: Flexible Squares
Browsers: Firefox 3.5, IE8, Safari 4, Chrome, Opera 10
Resolution: 1024x768 & above
Ad Placement: Horizontal/Between Entries
Images?: Some tiny icons

/* Basilisk ~Layout by enekoro-sama@LJ */ /* Tiny Icons from http://community.livejournal.com/street_of_mercy/ */ /* main */ body {background:#111111; font-size:10pt; font-family:"tahoma",verdana,sans-serif; color:#5f6f67;} a, a:active, a:link, a:visited {text-decoration:none; color:#375446;} a:hover {color:#41675d; text-decoration:underline;} strong, strike {font-family:"arial",helvetica,sans-serif;} u, em {font-family:"georgia",palatino,serif;} b {font-weight:normal; color:#555555;} .ljcut-link {font-family:"georgia",palatino,serif; font-style:italic;} /* journal content */ #content {width:900px; margin:0 auto; padding:10px;} #maincontent {width:725px; float:right;} .subcontent {padding:20px;} .entry {padding:20px;} .date {font-family:"georgia",palatino,serif; font-style:italic; padding:5px; background:#555555; color:#111111;} .subject {color:#555555; font-size:16pt; font-family:"georgia",palatino,serif; font-weight:bold; text-align:center; text-transform:uppercase; margin-top:-5px;} .subject a, .subject a:active, .subject a:link, .subject a:visited {color:#555555; font-weight:bold;} .subject a:hover {color:#5f6f67; text-decoration:none;} .userpic {float:right;} .userpic img {width:60px; height:60px; border:5px solid #555555;} .userpic img:hover {border:5px solid #222222;} .userpicfriends {float:right; background:transparent !important; text-align:center;} .userpicfriends img {width:60px; height:60px; border:5px solid #555555;} .userpicfriends img:hover {border:5px solid #222222;} .userpicfriends a font {font-family:"georgia",palatino,serif; font-size:8pt; font-style:italic; color:#555555;} .skiplinks {text-align:center; text-transform:uppercase;} .skiplinks a, .skiplinks a:active, .skiplinks a:link, .skiplinks a:visited {color:#375452;} .skiplinks a:hover {color:#5f6f67;} /* sidebar */ #sidebar {width:150px; float:left; padding:10px; border-right:5px dashed #555555;} .sbartitle {list-style-type:none; font-family:"arial",helvetica,sans-serif; font-variant:small-caps; font-size:12pt; color:#555555; margin-left:-40px;} .sbartitle:first-letter {color:#375452;} .sbaritem {list-style-type:none; margin-left:-40px; text-align:right; padding:3px;} .sbaritem:hover {border-bottom:1px dashed #222222;} .sbarbody2 {text-align:right; padding:5px;} .calendar {text-align:center; padding:5px; margin-left:-35px;} .defaultuserpic {width:60px; height:60px; margin:0 auto;} .defaultuserpic img {width:60px; height:60px; border:5px solid #222222;} .defaultuserpic img:hover {border:5px solid #555555;} /* header */ #header {padding:20px; font-family:"arial",helvetica,sans-serif; font-size:12pt;} #header a, #header a:active, #header a:link, #header a:visited {color:#555555;} #header a:hover {color:#41675d; text-decoration:none;} .view {font-family:"georgia",palatino,serif; font-style:italic; cursor:default; letter-spacing:1px;} .title {font-size:15pt; text-transform:uppercase; text-align:center; letter-spacing:5px; color:#576261;} .subtitle {font-family:"tahoma",verdana,sans-serif; font-size:14pt; color:#375452; letter-spacing:-1px; text-align:center; text-transform:uppercase;} .navheader {text-align:center; letter-spacing:2px;} .navheader li {display:inline; padding:15px;} .navheader li a:hover {border-bottom:1px dashed #555555;} /* footer */ .clearfoot {clear:both;} .navfooter {text-align:center; font-family:"arial",helvetica,sans-serif; font-size:12pt; color:#555555; letter-spacing:2px;} .navfooter li {display:inline;} .navfooter li a:hover {border-bottom:1px dashed #555555;} .viewing {font-family:"georgia",palatino,serif; font-style:italic; cursor:default; letter-spacing:1px;} /* comments */ .comments {text-align:center; font-family:"georgia",palatino,serif; font-style:italic;} .box {padding:10px;} .commentbox {padding:10px; border-top:1px dashed #555555; border-left:1px dashed #555555;} .datesubjectcomment{padding:5px;} .userpiccomment {width:60px; height:60px; float:right; border:5px solid #222222;} .userpiccomment:hover {border:5px solid #555555;} .commentreply {padding:5px; font-family:"georgia",palatino,serif; color:#576261;} /* archive */ .year {list-style-type:none; font-size:14pt;} .yeartable {text-align:center; padding:5px;} .yeardate {padding:5px; font-size:11pt;} .yearday {background:#375446; color:#111111; font-family:"georgia",palatino,serif;} /* tag list */ h2 {font-weight:normal; font-family:"arial",helvetica,sans-serif; letter-spacing:2px; text-transform:uppercase; text-align:center;} .ljtaglist li {list-style-type:none; padding:5px;} .ljtaglist li:hover {border-bottom:1px dashed #555555;} .ljtaglist {font-family:"georgia",palatino,serif; font-style:italic;} /* metadata */ .currents {font-family:"georgia",palatino,serif; font-style:italic;} .currentlocation strong, .currentgroups strong, .currentmood strong, .currentmusic strong {display:none;} .ljtags {font-family:"georgia",palatino,serif; font-style:italic;} .currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding:0 0 0px 18px; background:transparent none no-repeat scroll 0 50%;} .ljtags, .currentlocation, .currentmood, .currentgroups, .currentmusic {background-image:url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/street%20of%20mercy/flame_darkgrey.png);} /* misc. */ code {display:block; border:1px dashed #555555; padding:5px; font-family:"arial",helvetica,sans-serif;} textarea {border:none; background:transparent; color:#41675d; font-family:"tahoma",verdana,sans-serif; font-size:9pt; width:300px; height:75px; padding:5px;} blockquote {border-top:5px dashed #555555; border-left:5px dashed #555555; padding-left:15px; font-family:"georgia",palatino,serif; color:#555555;} ul {list-style-type:circle;} /* tiny icons */ img[src*="img/userinfo.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background: transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/street%20of%20mercy/flower_darkgrey.png) no-repeat; padding:16px 0 0 16px !important;} img[src*="img/community.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/street%20of%20mercy/flower_darkgrey.png) no-repeat; padding:16px 0 0 16px !important;} img[src*="img/icon_protected.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/street%20of%20mercy/lock_darkgrey.png) no-repeat; padding:20px 0 0 20px !important;} img[src*="img/icon_groups.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/street%20of%20mercy/lock_darkgrey.png) no-repeat; padding:20px 0 0 20px !important;} img[src*="img/icon_private.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/street%20of%20mercy/lock_darkgrey.png) no-repeat; padding:20px 0 0 20px !important;} /* extra codes */

♪Please upload these into your own image host and replace the links accordingly. If I run out of bandwidth, you will be affected too: [download].

4. Save changes.

Customization:
Adding a header. Fill in the codes below, then copy and paste them at the end of your CSS. The ideal width is 900 pixels.

.headerimage {width:XXXpx; height:XXXpx; margin:auto; margin-bottom:XXpx; background-image:url(XXX); background-repeat:no-repeat;}

Notes:

Please be mindful of the rules.
Please let me know if my layout is too similar to a pre-established work, so that I can take this down immediately. I hate to plagiarize, even inadvertently.
The actual layout may vary slightly from the previews.
Watch this community?

Tiny Icons from street_of_mercy.

Some Announcements

heavyarms — Sat, 24 Jul 2010 15:10:04 GMT

Sorry I haven't been so active lately. Been doing some extra research on CSS, not to mention that I think it's high time I clean up some of the codes I posted here. ~~And then there's school.~~

Expect cleaner versions of the layouts already posted here, as well as a set of new ones, in the coming weeks. Till then, you might as well check all the awesome at mintyapple.♥

Tropical Hell: One Journal Layout

heavyarms — Thu, 27 May 2010 16:51:08 GMT

LIVE

Info:

Journal Style: Flexible Squares
Browser: Firefox 3.5, IE8, Opera 10, Safari 4, Chrome
Resolution: 1024x768 & above
Ad Placement: Horizontal/Between Entries
Images?: Some tiny icons

Instructions:

1. Go here, and type Flexible Squares in the search box. Apply any of the layouts.

2. Choose a Page Setup. (For Plus accounts: choose your preferred ad placement.) Apply any of them except the layout without the topbar. Go to Custom CSS, select No on all the drop-down boxes. Leave the Custom External Stylesheet URL box blank, then copy and paste this code in the Custom stylesheet box:

/* Tropical Hell ~Layout by enekoro-sama@LJ */
/* Tiny Icons from http://p.yusukekamiyamane.com/ */

/* main */
body {background:#000011;
font-family:"Georgia",Palatino,serif;
font-size:8pt;
color:#455227;}

a, a:active, a:link, a:visited {text-decoration:none;
color:#d78f31;}
a:hover {color:#715b3e;}

strong, u, em, strike {color:#222222;}

b {font-weight:normal;}

/* journal content */
#content {padding:10px;
margin:0 auto;
width:850px;}

#maincontent {width:600px;
float:right;}
.subcontent {padding:15px;
background:#333333;
border:3px solid #222222;}
.entry {background:#ffffff;
width:450px;
padding:10px;
border:3px solid #555555;
line-height:20px;}

.date {font-family:"Courier New",monospace;
font-size:10pt;
color:#555555;}

.subject {font-family:"Courier New",monospace;
font-size:14pt;
font-weight:bold;
color:#f9e8f1;
text-align:center;
text-transform:lowercase;
padding:10px;}
.subject a, .subject a:active, .subject a:link, .subject a:visited {color:#13abeb;}
.subject a:hover {color:#f4f4d3;}

.userpic {float:right;}
.userpic img {width:75px;
height:75px;
border:3px solid #222222;}
.userpicfriends {float:right;
text-align:center;
width:75px;
height:75px;}
.userpicfriends img {border:3px solid #555555;
width:75px;
height:75px;}
.userpicfriends a font {color:#ffffff;}

.skiplinks {font-family:"Courier New",monospace;
font-size:9pt;
text-align:center;}
.skiplinks a, .skiplinks a:active, .skiplinks a:link, .skiplinks a:visited {color:#13abeb;}
.skiplinks a:hover {color:#f4f4d3;}

/* sidebar */
#sidebar {float:left;
width:160px;
padding:20px;
background:#333333;
border:3px solid #222222;
color:#222222;}

#sidebar a, #sidebar a:active, #sidebar a:link, #sidebar a:visited {color:#13abeb;}
#sidebar a:hover {color:#f4f4d3;}

.sbartitle {font-family:"Courier New",monospace;
font-size:12pt;
list-style-type:none;
color:#d83361;
text-align:center;
margin-left:-40px;
background:#222222;
padding:3px;}

.sbaritem {padding:3px;
list-style-type:none;
margin-left:-40px;
text-align:right;
padding-right:10px;
background:#ffffff;
border-bottom:1px solid #333333;}
.sbaritem:hover {background:#555555;}

.sbarbody2 {background:#ffffff;
padding:5px;}

.calendar {padding:5px;
margin-left:-45px;}
.sbarcalendar {background:#ffffff;
padding:4.5px;
text-align:center;}
.sbarcalendar:hover {background:#555555;}
.sbarcalendarposts {text-align:center;
font-size:9pt;}
.sbarcalendarposts:hover {background:#555555;}

.defaultuserpic {width:75px;
height:75px;
margin:0 auto;
border:3px solid #555555;}
.defaultuserpic img {width:75px;
height:75px;}

/* header */
#header {margin:0 auto;
width:850px;
padding-bottom:10px;
background:transparent;
font-size:12pt;
color:#d83361;}

.title {font-size:20pt;
font-weight:bold;
margin-top:-85px;}
.subtitle {font-family:"Courier New",monospace;
font-size:14pt;
color:#ffffff;
float:bottom;
text-align:right;
margin-top:35px;}

.view {color:#d78f31;
cursor:default;}

.navheader {background:#222222;
padding:10px;
text-align:center;
border:3px solid #333333;
margin-top:20px;
max-width:850px;}
.navheader li {display:inline;
padding:10px;}
.navheader li:hover {background:#555555;}
.navheader li a, .navheader li a:active, .navheader li a:link, .navheader li a:visited {color:#13abeb;}
.navheader li a:hover {color:#f4f4d3;}

/* footer */
.clearfoot {clear:both;}

.navfooter {background:#222222;
padding:10px;
text-align:center;
border:3px solid #333333;
width:850px;
font-family:"Arial",Helvetica,sans-serif;
font-size:12pt;
color:#d83361;}
.navfooter li {display:inline;
padding:10px;}
.navfooter li:hover {background:#555555;}
.navfooter li a, .navfooter li a:active, .navfooter li a:link, .navfooter li a:visited {color:#13abeb;}
.navfooter li a:hover {color:#f4f4d3;}

.viewing {cursor:default;}

/* comments */
.comments {text-align:center;
padding:5px;}

.box {padding:10px;}

.commentbox {font-size:9pt;}

.datesubjectcomment{color:#555555;
font-family:"Courier New",monospace;
border:3px solid #222222;
background:#333333;
padding:10px;}
.userpiccomment {float:right;
padding:5px;}
.commentreply {background:#ffffff;
padding:10px;}

/* archive */
.year {font-size:12pt;}

.yeartable {padding:10px;
font-size:10pt;
background:#ffffff;
border:3px solid #333333;}

.yeardate {border:1px solid #222222;
padding:5px;}

.yearday {text-align:center;
background:#555555;
color:#f4f4d3;}

.yearmonth {font-family:"Arial",Helvetica,sans-serif;}

/* tag list */
h2 {text-align:center;}

.ljtaglist li {padding:5px;}

/* metadata */
.currents {font-family:"Arial",Helvetica,sans-serif;}

.currentlocation strong, .currentgroups strong, .currentmood strong, .currentmusic strong {display:none;}

.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding:1px 0 3px 20px;
background:transparent none no-repeat scroll 0 50%;}

.ljtags {padding-top:10px;
font-family:"Arial",Helvetica,sans-serif;
background-image:url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/spectacle-sunglass.png);}
.currentlocation {background-image:url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/car-red.png);}
.currentmood{background-image:url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/rainbow.png);}
.currentgroups {background-image:url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/lifebuoy.png);}
.currentmusic {background-image:url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/guitar.png);}

/* misc. */
code {display:block;
font-family:"Arial",Helvetica,sans-serif;
font-size:8pt;
background:#333333;
padding:10px;
color:#f4f4d3;}

textarea {width:300px;
height:75px;
border:none;
background:#333333;
padding:10px;
color:#f4f4d3;
font-family:"Arial",Helvetica,sans-serif;
font-size:8pt;}

blockquote {font-family:"Arial",Helvetica,sans-serif;
font-size:8pt;
background:#333333;
padding:10px;
color:#f4f4d3;}

ol, ul {font-family:"Arial",Helvetica,sans-serif;
color:#555555;}
ul {list-style-type:circle;}

/* tiny icons */
img[src*="img/userinfo.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background: transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/fruit-orange.png) no-repeat;
padding:16px 0 0 17px !important;}
img[src*="img/community.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/fruit-lime.png) no-repeat;
padding:16px 0 0 17px !important;}
img[src*="img/icon_protected.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/weather-cloudy.png) no-repeat;
padding:14px 0 0 20px !important;}
img[src*="img/icon_groups.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/weather-cloudy.png) no-repeat;
padding:14px 0 0 20px !important;}
img[src*="img/icon_private.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/weather-cloudy.png) no-repeat;
padding:14px 0 0 20px !important;}

/* extra codes */

♪Please upload these into your own image host and replace the links accordingly. If I run out of bandwidth, you will be affected too: [download].

4. Save changes.

Customization:
Adding a header. Fill in the codes below, then copy and paste them at the end of your CSS. The ideal width is 850 pixels. If you don't want the header to touch the title, then put at least 45px in the bottom margin.


.headerimage {width:XXXpx;
height:XXXpx;
margin:auto;
margin-bottom:XXpx;
background-image:url(XXX);
background-repeat:no-repeat;}

Notes:

Please be mindful of the rules.
Please let me know if my layout is too similar to a pre-established work, so that I can take this down immediately. I hate to plagiarize, even inadvertently.
The actual layout may vary slightly from the previews.
Watch this community?

Tiny Icons from Pinvoke.

Austerity: One Journal Layout

heavyarms — Wed, 19 May 2010 13:27:22 GMT

Another high-contrast layout. This time I'm trying to be classy.

LIVE

Info:

Journal Style: Flexible Squares
Browser: Firefox 3.5, Opera 10, Safari 4, Chrome
Resolution: 1024x768 & above
Ad Placement: Horizontal/Between Entries
Images?: Some tiny icons

Instructions:

/* Austerity ~Layout by enekoro-sama@LJ */
/* Tiny Icons by http://p.yusukekamiyamane.com/ */

/* main */
body {background:#000000;
font-family:"Georgia",Palatino,serif;
font-size:8pt;
color:#178feb;}

/* journal content */
#content {max-width:850px;
padding:20px;
margin:0 auto;}
#maincontent {width:650px;
padding:5px;
float:right;}
.subcontent {padding:5px;}
.entry {width:475px;
padding:20px;
background:#111111;}

.date {color:#aee8fb;
text-transform:uppercase;
text-align:left;
padding-top:10px;}
.subject {font-size:16pt;
text-align:center;
text-transform:uppercase;
color:#a5f8c4;
padding:10px;}
.subject a, .subject a:link, .subject a:visited, .subject a:active {color:#c3f8da;}
.subject a:hover {color:#189671;}

.userpic {float:right;
background:transparent !important;
border:5px solid #222222;}

.userpicfriends {text-align:center;
background:transparent !important;
float:right;}
.userpicfriends img {border:5px solid #222222;}
.userpicfriends a font {color:#b7d9ff;}

.skiplinks {text-transform:uppercase;
text-align:center;}
.skiplinks a, .skiplinks a:link, .skiplinks a:visited, .skiplinks a:active {color:#c3f8da;}
.skiplinks a:hover {color:#189671;}

/* sidebar */
#sidebar {width:160px;
padding:15px;
float:left;
background:#111111;
color:#e3e8ab;}

#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active {color:#b7d9ff}
#sidebar a:hover {color:#0bf99d;}

.sbartitle {list-style-type:none;
color:#738c50;
text-align:center;
background:#222222;
padding:5px;
width:160px;
margin-left:-20px;}

.sbaritem {list-style-type:none;
background:#222222;
padding:5px;
border:1px solid #111111;
width:160px;
margin-left:-20px;}
.sbaritem:hover {background:transparent;}

.calendar {margin-left:-25px;}
.sbarcalendar {border:1px solid #222222;
text-align:center;
padding:3px;}
.sbarcalendarposts {padding:3px;
background:#222222;
text-align:center;}
.sbarcalendarposts:hover {background:transparent;}

.sbarlist {margin-left:-25px;}

#sidebar_linklist, #sidebar_summary, #sidebar_tags {padding:5px;}

.sbarbody2 {padding:10px;}

.defaultuserpic {margin:0 auto;
width:60px;
border:5px solid #222222;}
.defaultuserpic img {width:60px;
height:60px;}
.defaultuserpic img:hover {opacity:0.6;}

/* header */
#header {text-align:center;
margin:0 auto;
padding:10px;
background:#111111;
max-width:850px;}

.title {padding:15px;
font-size:16pt;
text-transform:uppercase;
color:#f8f6b0;}
.subtitle {font-size:12pt;
font-style:italic;
font-family:"Trebuchet MS",Arial,sans-serif;
color:#8d8e4e;}

.view {cursor:default;}

.navheader {margin:0 auto;
padding:10px;}
.navheader li {display:inline;
padding:15px;
text-align:center;
text-transform:uppercase;
background:#333333;}
.navheader li a, .navheader li a:link, .navheader li a:visited, .navheader li a:active {color:#b7d9ff;}
.navheader li:hover {background:#222222;}
.navheader li a:hover {color:#0bf99d;}

/* footer */
.clearfoot {clear:both;}

.navfooter {padding:15px;
text-transform:uppercase;}
.navfooter li {display:inline;
background:#111111;
padding:15px;}
.navfooter li a, .navfooter li a:link, .navfooter li a:visited, .navfooter li a:active {color:#b7d9ff;}
.navfooter li a:hover {color:#0bf99d;}
.navfooter li:hover {background:#222222;}

.viewing {cursor:default;}

/* comments */
.comments {text-align:center;
text-transform:uppercase;
background:#111111;
padding:10px;}

.commentbox {padding:20px;}

.datesubjectcomment{padding:10px;
background:#111111;
color:#aee8fb;
text-transform:uppercase;}
.userpiccomment {float:right;
border:5px solid #111111;}
.commentreply {padding:10px;
color:#e3e8ab;}

.box {padding:20px;}

/* archive */
.year {list-style-type:none;
text-align:right;
font-size:12pt;}

.yeartable {padding:10px;
text-align:center;
color:#e3e8ab;
font-size:10pt;}

.yeardate {text-align:center;}

.yearday {background:#111111;
padding:10px;}

.yearmonth {padding:10px;
font-size:12pt;}

/* tag list */
h2 {font-weight:normal;
font-style:italic;
text-align:center;
color:#78c985}

.ljtaglist li {padding:10px;
background:#111111;
border:1px solid #000000;}
.ljtaglist li:hover {background:transparent;}
.ljtaglist {list-style-type:none;}

/* metadata */
.currentlocation strong, .currentgroups strong, .currentmood strong, .currentmusic strong {display:none;}
.ljtags {text-transform:uppercase;}
.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding:1px 0 2px 20px;
background:transparent none no-repeat scroll 0 50%;}
.ljtags {background-image:url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/cup-tea.png);}
.currentlocation {background-image:url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/direction.png);}
.currentmood{background-image:url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/yin-yang.png);}
.currentgroups {background-image:url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/leaf-wormhole.png);}
.currentmusic {background-image:url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/piano.png);}

/* misc. */
a, a:link, a:visited, a:active {text-decoration:none;
color:#ae9e35;}
a:hover {color:#fff18f;}

strong, strike, u, em {color:#fffbe3;}

code {display:block;
font-size:9pt;
color:#07fa1b;
padding:10px;
background:#333333;}

textarea {width:300px;
height:75px;
border:none;
padding:5px;
background:#333333;
font-size:8pt;
font-family:"Trebuchet MS",Arial,sans-serif;
color:#aef1da;}

blockquote {background:#222222;
padding:10px;
border:3px double #000000;
font-family:"Trebuchet MS",Arial,sans-serif;}

b {font-weight:normal;
font-size:9pt;}

ol, ul {color:#f5f8c3;
font-size:9pt;}
ul {list-style-type:circle;}

/* tiny icons */
img[src*="img/userinfo.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background: transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/bamboo.png) no-repeat;
padding:16px 0 0 13px !important;}
img[src*="img/community.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/bamboos.png) no-repeat;
padding:16px 0 0 16px !important;}
img[src*="img/icon_protected.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/leaf.png) no-repeat;
padding:16px 0 0 20px !important;}
img[src*="img/icon_groups.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/leaf.png) no-repeat;
padding:16px 0 0 20px !important;}
img[src*="img/icon_private.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Pinvoke/Fugue/leaf.png) no-repeat;
padding:16px 0 0 20px !important;}

/* extra codes */

♪Please upload these into your own image host and replace the links accordingly. If I run out of bandwidth, you will be affected too: [download].

4. Save changes.

Customization:
Adding a header. Fill in the codes below, then copy and paste them at the end of your CSS. The ideal width is 850 pixels.
.headerimage {width:XXXpx; height:XXXpx; margin:auto; margin-bottom:XXpx; background-image:url(XXX); background-repeat:no-repeat;}

Notes:

Please be mindful of the rules.
Please let me know if my layout is too similar to a pre-established work, so that I can take this down immediately. I hate to plagiarize, even inadvertently.
The actual layout may vary slightly from the previews.
Watch this community?

Tiny Icons from Pinvoke.

A Flotilla of Ships: One Journal Layout

heavyarms — Tue, 11 May 2010 08:13:55 GMT

A really simple design based on the layout I made for my personal website. It has nothing to do with seafaring.

LIVE

Info:

Journal Style: Flexible Squares
Browser: Firefox 3.5, Safari 4, Opera 10, Chrome
Resolution: 800x600 & above
Ad Placement: Horizontal/Between Entries
Images?: Some tiny icons

Instructions:

1. Go here, and type Flexible Squares in the search box. Apply any of the layouts.

2. (For Plus accounts: choose your preferred ad placement.) Go to Custom CSS, select No on all the drop-down boxes. Leave the Custom External Stylesheet URL box blank, then copy and paste this code in the Custom stylesheet box:

/* A Flotilla of Ships ~Layout by enekoro-sama@LJ */
/* Tiny Icons by http://minty-peach.livejournal.com */
/* main */
body {background:#ffffff;
color:#bbbbaa;
font-size:8pt;
font-family:"Georgia",Palatino,serif;}

/* journal content */
#content {width:600px;
margin:0 auto;
position:relative;}
#maincontent {float:bottom;
padding-top:25px;}
.subcontent {margin:0 auto;
border-top:1px dotted #dddddd;}
.entry {padding:5px;
color:#666666;
margin:0 auto;
width:550px;
line-height:20px;}

.date {padding:5px;
text-align:center;
color:#ccccbb;}
.subject {font-size:16pt;
text-align:center;
letter-spacing:-1px;
color:#ccccbb;}
.subject a, .subject a:link, .subject a:visited {color:#ccbbaa;}
.subject a:hover {color:#ffeeee;}

.userpic {float:right;
padding:5px;
width:70px;
height:70px;}
.userpic img {width:70px;
height:70px;
border:5px solid #dddddd;}
.userpicfriends {float:right;
width:70px;
height:70px;
padding:5px;
background:transparent !important;}
.userpicfriends img {width:70px;
height:70px;}
.userpicfriends a font {color:#dddddd;
font-size:8pt;
padding:3px;}

.skiplinks {text-align:center;
text-transform:lowercase;}
.skiplinks a, .skiplinks a:link, .skiplinks a:visited {color:#dddddd;}
.skiplinks a:hover {color:#eeeeee;}

/* sidebar */
#sidebar {float:top;
width:600px;
height:90px;
padding:5px;}
#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited {border-bottom:1px dotted #dddddd;}
#sidebar a:hover {border-bottom:1px dotted #666666;
color:#666666;}

.sbaritem {display:inline;
float:bottom;
padding-left:15px;}
.sbarlist {width:600px;}

.sbarbody {width:10px;}
.sbarbody2 {float:right;
width:475px;
padding-bottom:5px;}

.sbartitle, #sidebar_summary, #sidebar_tags, #sidebar_calendar {display:none;}

.defaultuserpic {width:100px;
height:100px;
float:left;
margin:0 auto;
padding:5px;}
.defaultuserpic img {width:100px;
height:100px;
border:5px solid #dddddd;}

/* header */
#header {font-family:"Times",Palatino,serif;}
padding:10px;
margin:0 auto;}
#header a, #header a:link, #header a:visited {color:#dddddd;
text-decoration:none;}
#header a:hover {color:#eeeeee;}

.view {color:#aaaa77;
cursor:default;}

.title {text-align:center;
font-style:italic;
font-size:20pt;
letter-spacing:-2px;}

.subtitle {font-family:"Georgia",Palatino,serif;
font-size:14pt;
color:#bbbbaa;
text-align:center;
letter-spacing:-2px;
padding-bottom:15px;}

.navheader {text-align:center;
font-family:"Georgia",Palatino,serif;
font-size:10pt;
padding:10px;}

.navheader li {display:inline;
border-top:1px dotted #dddddd;
padding:10px;
margin:0 auto;}

/* footer */
.clearfoot {clear:both;}

.navfooter {margin:0 auto;}
.navfooter li {display:inline;
text-align:center;
padding:10px;
font-size:18px;}

.viewing {cursor:default;
color:#aaaa77;}

/* comments */
.commentbox {border-top:1px dotted #dddddd;
padding:10px;}

.datesubjectcomment{padding:5px;
color:#aaaa77;}
.userpiccomment {float:left;
padding:5px;}
.commentreply {padding:5px;}

.comments {text-align:center;}

/* archives */
.year {list-style-type:none;
font-size:12pt;
border-top:1px dotted #dddddd;
padding:10px;}

.yeartable {padding:10px;
text-align:center;
font-size:10pt;
border-top:1px dotted #dddddd;
margin:0 auto;}

.yeardate {padding:5px;}

.yearday {padding:5px;
color:#ffffff;
background:#dddddd;}

.yearmonth {padding:5px;
font-size:10pt;}

/* tag list */
h2 {font-weight:normal;
text-transform:lowercase;}

.ljtaglist {list-style-type:none;
padding:10px;
width:525px;
float:left;
border-top:1px dotted #dddddd;}

/* metadata */
.currentlocation strong, .currentgroups strong, .currentmood strong, .currentmusic strong {display:none;}
.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding: 3px 0 1px 14px;
background: transparent none no-repeat scroll 0 50%;}
.ljtags {padding-top:10px;
background-image: url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%203/LM15.png);}
.currentlocation {background-image: url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%203/LM16.png);}
.currentmood{background-image: url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%203/LM19.png);}
.currentgroups {background-image: url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%203/telly.png);}
.currentmusic {background-image: url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%203/music-1.png);}

/* misc. */
a, a:link, a:visited {text-decoration:none;
color:#ccbbaa;}
a:hover {cursor:help;
color:#ffeeee;}

strong, strike {color:#ccccbb;}
u, em {color:#dddddd;}

code {display:block;
padding:5px;
color:#ddddaa;
font-size:8pt;}

textarea {width:300px;
height:75px;
padding:5px;
background:#transparent;
border:none;
font-size:8pt;
color:#ddddaa;}

blockquote {border-left:20px solid #ffeeee;
padding-left:10px;
color:#aaaa77;}

b {font-weight:normal;}

ol, ul {font-family:"Times",serif;
font-size:10pt;
color:#bbbbaa;}
ul {list-style-type:circle;}

/* tiny icons */
img[src*="img/userinfo.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%203/LM13.png) no-repeat;
padding:14px 0 0 13px !important;}
img[src*="img/community.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%203/LM14.png) no-repeat; padding: 15px 0 0 14px !important;}
img[src*="img/icon_protected.gif"] {width:0 !important;
vertical-align:middle !important;
margin: 0 auto;
height: 0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%203/LM17.png) no-repeat; padding: 16px 0 0 16px !important;}
img[src*="img/icon_groups.gif"] {width:0 !important;
vertical-align:middle !important;
margin: 0 auto;
height: 0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%203/LM17.png) no-repeat; padding: 16px 0 0 16px !important;}
img[src*="img/icon_private.gif"] {width:0 !important;
vertical-align:middle !important;
margin: 0 auto;
height: 0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%203/LM17.png) no-repeat; padding: 16px 0 0 16px !important;}

/* extra codes */


.headerimage {position:relative;
width:XXXpx;
height:XXXpx;
margin:auto;
margin-bottom:XXpx;
background-image:url(XXX);
background-repeat:no-repeat;}

Notes:

Please be mindful of the rules.
Please let me know if my layout is too similar to a pre-established work, so that I can take this down immediately. I hate to plagiarize, even inadvertently.
The actual layout may vary slightly from the previews.
Watch this community?

Tiny Icons from minty_peach

Suggestion Box

heavyarms — Tue, 11 May 2010 06:38:37 GMT

Comments? Critiques? Complaints? Suggestions?
Please tell me here (or through a PM, if you're shy). All comments are screened, anonymous posting is enabled, and IP logging is off.

Those Two Guys: One Journal Layout

heavyarms — Mon, 10 May 2010 17:06:26 GMT

A little layout for my inner fangirl: the header image is a scene with Rude and Reno in the Final Fantasy: Advent Children movie.

LIVE

Info:

Journal Style: Flexible Squares
Browser: Firefox 3.5. May also work with Opera 10, Chrome, and Safari 4, but without the rounded corner in the blockquote. And everything's just screwed up in IE. =\
Resolution: 1024x768 & above
Ad Placement: Horizontal
Images?: Header image & some tiny icons

Instructions:

/* Those Two Guys ~Layout by enekoro-sama@LJ */
/* Screencaps from http://click.proxyhour.net */
/* Tiny Icons from http://p.yusukekamiyamane.com/ */

/* main */
body {background:#222222;
color:#dddddd;
font-size:9pt;
font-family:"Arial",Helvetica,sans-serif;}

/* journal content */
#content {margin:0 auto;
width:850px;
position:relative;
background:#333322;}
#maincontent {margin:0 auto;
width:600px;
float:right;}
.subcontent {margin:15px auto;
background:#554444;}
.entry {padding:10px;
margin:0 auto;
line-height:20px;}

.date {padding:5px;
text-align:right;
color:#aaaaaa;}
.subject {font-size:20pt;
text-align:right;
font-family:"Palatino",serif;
font-variant:small-caps;
letter-spacing:-3px;
color:#dddddd;}
.subject a, .subject a:link, .subject a:visited, .subject a:active {color:#dd9977;
font-size:20pt;}
.subject a:hover {color:#aa7766;}

.userpic {float:right;
padding:5px;
background:transparent !important;}

.userpicfriends {float:right;
background:transparent !important;
text-align:center;
padding:10px;}
.userpicfriends a font {color:#dddddd;}

.skiplinks {text-align:center;
font-variant:small-caps;
font-family:"Palatino",serif;
padding:20px;}
.skiplinks a, .skiplinks a:link, .skiplinks a:visited, .skiplinks a:active {color:#dd9977;}
.skiplinks a:hover {color:#aa7766;}

/* sidebar */
#sidebar {background:#554444;
max-width:180px;
float:left;
color:#ccbbbb;
padding:10px;
font-family:"Arial",Helvetica,sans-serif;
font-size:9pt;
margin:15px auto;}

#sidebar a, #sidebar a:link, #sidebar a:active, #sidebar a:visited {color:#dd9977;}
#sidebar a:hover {color:#aa7766;}

.sbartitle {font-family:"Palatino",serif;
font-variant:small-caps;
font-size:9pt;
color:#aaaaaa;
text-align:center;
text-decoration:underline;
list-style-type:none;}

.sbaritem {border-bottom:1px solid #aaaaaa;
padding:5px;
font-size:8pt;}
.sbaritem:hover {border-bottom:1px solid #aa7766;}

#sidebar_calendar {padding:5px;}
.sbarlist {margin-left:-25%;
list-style-type:none;}

#sidebar_linklist, #sidebar_summary, #sidebar_tags {padding:10px;}

.sbarbody2 {padding:5px;
height:150px;}

.defaultuserpic {margin:0 auto;
border:1px solid #dddddd;
padding:5px;
width:100px;
height:100px;}

/* header */
.headerimage {position:relative;
width:850px;
height:478px;
margin-bottom:20px;
margin:0 auto;
background:url(http://i438.photobucket.com/albums/qq107/Enekoro/Large%20Images/RudeReno.jpg) no-repeat;}

#header {padding:30px;
font-family:"Palatino",serif;
text-transform:uppercase;
max-width:850px;
max-height:125px;
margin:0 auto;}
#header a, #header a:link, #header a:visited {color:#885544;}
#header a:hover {color:#dddddd;}

.view {color:#ddccaa;
font-family:"Arial",Helvetica,sans-serif;
font-size:14pt;}

.title {text-align:center;
text-decoration:underline;
font-size:20pt;
font-weight:bold;
margin:-150px;}
.subtitle {margin-top:-400px;
color:#000000;
font-style:italic;
font-size:12pt;}

.navheader {text-align:center;}
.navheader li {font-size:13pt;
display:inline;
text-align:right;
padding:15px;
width:200px;
background:#554444;}
.navheader li a, .navheader li a:active, .navheader li a:link, .navheader li a:visited {font-family:"Palatino",serif;}

/* footer */
.clearfoot {clear:both;}

.navfooter {margin:0 auto;}
.navfooter li {display:inline;
text-align:center;
text-transform:uppercase;
padding:10px;
background:#554444;}
.navfooter li a, .navfooter li a:link, .navfooter li a:visited, .viewing {font-family:"Palatino",serif;}

/* comments */
.comments {text-align:center;
text-decoration:underline;}

.commentbox {background:#664444;
padding:10px;
max-width:700px;
float:bottom;}

.datesubjectcomment{padding:5px;
color:#aaaaaa;}
.userpiccomment {float:right;
padding:10px;}
.commentreply {padding:10px;}

/* archive */
.year {list-style-type:none;
font-size:15pt;
background:#664444;
padding:5px;
text-align:right;}

.yeartable {padding:20px;
text-align:center;
font-size:12pt;
background:#664444;}

.yeardate {padding:5px;}

.yearday {padding:5px;
background:#885544;
color:#dddddd;}

.yearmonth {padding:5px;
font-size:13pt;}

/* tag list */
h2 {color:#ddccaa;
font-weight:normal;
padding:20px;
text-align:center;}

.ljtaglist li {border-bottom:1px solid #aaaaaa;
padding:5px;}
.ljtaglist {list-style-type:none;
margin:0 auto;
padding:20px;
width:525px;
float:left;
background:#664444;}

/* metadata */
.currentlocation strong, .currentgroups strong, .currentmood strong, .currentmusic strong {display:none;}
.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding: 1px 0 2px 18px; background: transparent none no-repeat scroll 0 50%}
.ljtags {padding-top:10px;
font-variant:small-caps;
font-family:"Palatino",serif;
background-image:url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/price-tag.png);}
.currentlocation {background-image:url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/binocular.png);}
.currentmood{background-image:url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/camcorder-image.png);}
.currentgroups {background-image:url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/card-address.png);}
.currentmusic {background-image:url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/media-player-medium-black.png);}

/* misc. */
a, a:link, a:visited, a:active {text-decoration:none;
color:#ffffff;
font-family:"Lucida Console",monospace;}
a:hover {cursor:crosshair;
color:#ccbbbb;}

strong, strike {color:#aaaaaa;}
u, em {color:#ccbbbb;}

code {display:block;
padding:10px;
color:#dddddd;
font-size:9pt;
font-family:"Lucida Console",monospace;
background:#333322;}

textarea {width:300px;
height:75px;
padding:5px;
background:#333322;
font-family:"Lucida Console",monospace;
font-size:8pt;
color:#dddddd;
border:1px solid #885544;}

blockquote {padding-left:30px;
padding-top:30px;
padding-bottom:10px;
padding-right:10px;
border-left:10px solid #885544;
border-top:10px solid #885544;
border-right:5px solid #885544;
border-bottom:5px solid #885544;
-moz-border-radius-topleft:20%;
-webkit-border-radius-topleft:20%;
background:#aa7766;
color:#ffffff;
font-family:"Lucida Console",monospace;}

b {font-weight:normal;}

ol, ul {font-family:"Lucida Console",monospace;
font-size:8pt;
color:#ffffff;}
ul {list-style-type:square;}

/* tiny icons */
img[src*="img/userinfo.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/burn-small.png) no-repeat;
padding:14px 0 0 13px !important;}
img[src*="img/community.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/burn.png) no-repeat;
padding:14px 0 0 16px !important;}
img[src*="img/icon_protected.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/exclamation--frame.png) no-repeat;
padding:16px 0 0 20px !important;}
img[src*="img/icon_groups.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/exclamation--frame.png) no-repeat;
padding:16px 0 0 20px !important;}
img[src*="img/icon_private.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/exclamation--frame.png) no-repeat;
padding:16px 0 0 20px !important;}

/* extra codes */


 .headerimage {position:relative;
 width:XXXpx;
 height:XXXpx;
 margin:auto;
 margin-bottom:XXpx;
 background-image:url(XXX);
 background-repeat:no-repeat;}

The title. If you change your header, and the title disappears into the picture, add this code (with your colour of choice) to the end of the stylesheet:

.title {color:#XXXXXX;}

Notes:

Please be mindful of the rules.
Please let me know if my layout is too similar to a pre-established work, so that I can take this down immediately. I hate to plagiarize, even inadvertently.
The actual layout may vary slightly from the previews.
Watch this community?

Screencaps from Clickity Click | Tiny Icons from Pinvoke

Phantom Clad in Tartan: One Journal Layout

heavyarms — Mon, 10 May 2010 11:58:05 GMT

LIVE

Info:

Journal Style: Flexible Squares
Browser: Firefox 3.5, Opera 10, Safari 4, Chrome
Resolution: 1024x768 & above.
Ad Placement: Horizontal
Images?: Background images & some tiny icons

Instructions:

/* Phantom Clad in Tartan ~Layout by enekoro-sama@LJ */
/* Tiny Icons by http://minty-peach.livejournal.com/*/
/* main */
body {background:url(http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/tartan.png) fixed;
color:#ffffff;
font-size:9pt;
font-family:"lucida sans",lucida console,monospace;}

/* journal content */
#content {margin:0 auto;
max-width:850px;
padding:20px;
position:relative;
background:url(http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/pcit_bg.png);}
#maincontent {padding:10px;}
.subcontent {margin:0 auto;
padding:10px;
max-width:800px;
background:url(http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/pcit_bg.png);
float:bottom;}
.entry {padding:15px;
margin:0 auto 0 0;
width:650px;}

.date {padding:5px;
text-align:center;
color:#aa8844;}
.subject {font-size:20pt;
text-align:center;
font-family:"Palatino",serif;
font-style:italic;
text-transform:lowercase;
letter-spacing:-1px;
color:#ddccaa;}
.subject a, .subject a:link, .subject a:visited, .subject a:active {color:#eebb44;
font-size:20pt;}
.subject a:hover {color:#aa8844;}

.userpic {float:right;
padding:5px;}
.userpic img {width:80px;
height:80px;}

.userpicfriends {float:right;
background:transparent !important;
text-align:center;
padding:5px;}
.userpicfriends a font {color:#ffffff;}

.skiplinks {text-align:center;
text-transform:uppercase;
font-family:"Palatino",serif;}
.skiplinks a, .skiplinks a:link, .skiplinks a:visited, .skiplinks a:active {color:#ddaa99;}
.skiplinks a:hover {color:#aa8844;}

/* sidebar */
#sidebar {background:url(http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/pcit_bg.png);
max-width:800px;
height:125px;
float:top;
color:#eeeedd;
padding:10px;
font-family:"Palatino",serif;
font-size:10pt;
margin:0 auto;}

#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active {color:#eebb44;}
#sidebar a:hover {color:#aa8844;}

.sbarbody {width:10px;}
.sbartitle {display:none;}
li.sbaritem {list-style-type:none;
padding-left:15px;
display:inline;
margin:0 auto;}
li.sbaritem a:hover {padding:5px;}
.sbarlist {margin:0 auto;
width:650px;
margin-left:50px;}

#sidebar_tags, #sidebar_calendar, #sidebar_summary {display:none;}
.sbarbody2 {padding:5px;
float:right;
width:675px;
height:100px;}

.defaultuserpic img {border:1px solid #eebb44;
padding:5px;
width:80px;
height:80px;
margin:0 auto;
float:left;}

/* header */
#header {font-family:"lucida sans",lucida console,monospace;
padding:10px;
font-size:18pt;
max-width:800px;
margin:0 auto;}
#header a, #header a:link, #header a:visited, #header a:active {color:#eebb44;}
#header a:hover {color:#aa8844;}

.view {color:#ddccaa;
font-size:25pt;}

.title {text-align:center;
font-size:30pt;}

.subtitle {text-align:right;
max-width:800px;
margin:0 auto;
font-size:18pt;
font-family:"Palatino",serif;
color:#eeeedd;
letter-spacing:-1px;}

.navheader {padding:20px;
text-align:center;}
.navheader li {font-size:16pt;
display:inline;
text-align:center;
padding:15px;
background:url(http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/pcit_bg.png);}

/* footer */
.clearfoot {clear:both;}

.navfooter {margin:0 auto;}
.navfooter li {display:inline;
text-align:center;
padding:20px;
font-family:"lucida sans",lucida console,monospace;
font-weight:bold;
background:url(http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/pcit_bg.png);}

/* comments */
.comments {text-align:center;}

.commentbox {background:url(http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/pcit_bg.png);
padding:10px;}

.datesubjectcomment{padding:5px;
color:#aa8899;}
.userpiccomment {float:left;
padding:15px;}
.commentreply {margin-left:110px;
padding:5px;}

/* archive */
.year {list-style-type:none;
font-size:15pt;
background:url(http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/pcit_bg.png);
padding:5px;
text-align:right;}

.yeartable {padding:20px;
text-align:center;
font-size:12pt;
background:url(http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/pcit_bg.png);}

.yeardate {padding:5px;}

.yearday {padding:5px;
background:#332200;
color:#ddccaa;}

.yearmonth {padding:5px;
font-size:13pt;}

/* tag list */
h2 {color:#ddccaa;
font-weight:normal;}

.ljtaglist li {border-bottom:1px dotted #554422;
padding:5px;}
.ljtaglist {list-style-type:none;
margin:0 auto;
padding:20px;
width:525px;
float:left;
background:url(http://i438.photobucket.com/albums/qq107/Enekoro/Backgrounds/pcit_bg.png);}

/* metadata */
.currentlocation strong, .currentgroups strong, .currentmood strong, .currentmusic strong {font-weight:normal;
text-transform:uppercase;
font-family:"Palatino",serif;}
.ljtags {text-transform:uppercase;
font-family:"Palatino",serif;}

/* misc. */
a, a:link, a:visited, a:active {text-decoration:none;
color:#ffffee;
font-family:"Palatino",serif;
font-size:10pt;}
a:hover {cursor:help;
color:#ddccaa;}

strong, strike {color:#eeeedd;}
u, em {color:#ddccaa;
font-family:"Palatino",serif;
font-size:11pt;}

code {display:block;
padding:10px;
color:#997700;
font-size:10pt;
font-family:"Palatino",serif;}

textarea {width:300px;
height:75px;
padding:5px;
background:transparent;
font-family:"Palatino",serif;
font-size:10pt;
color:#ffffee;
border:none;}

blockquote {padding:10px;
border-left:10px solid #554422;
background:#997700;
color:#554422;}

b {font-weight:normal;}

ol, ul {font-family:"Palatino",serif;
font-size:10pt;
color:#997700;}
ul {list-style-type:square;}

/* tiny icons */
img[src*="img/userinfo.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%202/GRAY1.png) no-repeat;
padding:15px 0 0 10px !important;}
img[src*="img/community.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%202/GRAY2.png) no-repeat;
padding:15px 0 0 10px !important;}
img[src*="img/icon_protected.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%202/GRAY3.png) no-repeat;
padding:16px 0 0 16px !important;}
img[src*="img/icon_groups.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%202/GRAY3.png) no-repeat;
padding:16px 0 0 16px !important;}
img[src*="img/icon_private.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%202/GRAY3.png) no-repeat;
padding:16px 0 0 16px !important;}

/* extra codes */


 .headerimage {position:relative;
 width:XXXpx;
 height:XXXpx;
 margin:auto;
 margin-bottom:XXpx;
 background-image:url(HEADER IMAGE HERE);
 background-repeat:no-repeat;}

Notes:

Please be mindful of the rules.
Please let me know if my layout is too similar to a pre-established work, so that I can take this down immediately. I hate to plagiarize, even inadvertently.
The actual layout may vary slightly from the previews.
Watch this community?

Pattern from Tartan Designer | Tiny Icons from minty_peach

Hearts & Flowers: One Journal Layout

heavyarms — Mon, 10 May 2010 08:08:09 GMT

First time I did a low-contrast LJ layout. Hopefully I didn't do too bad.

LIVE

Info:

Journal Style: Flexible Squares
Browser: Firefox 3.5 (The rounded corners don't work in other browsers. =\)
Resolution: 1024x768 & above
Ad Placement: Horizontal
Images?: Small backgrounds & tiny icons

( ♪ )

Steampunk: One Layout

heavyarms — Fri, 07 May 2010 12:37:59 GMT

LIVE

Info:

Journal Style: Flexible Squares
Browser: Firefox 3.5, IE8, Chrome, Safari 4, Opera 10
Resolution: 1024x768 & above.
Ad Placement: Horizontal/Between Entries
Images?: Only some tiny icons.

Instructions:

/* Steampunk ~by enekoro-sama@LJ */
/* Tiny Icons from http://p.yusukekamiyamane.com */

/* main */
body {background:#220000;
color:#ccaa55;
font-size:10pt;
font-family:"Book Antiqua",palatino,serif;}

/* journal content */
#content {width:800px;
margin:0 auto;
padding:20px;
position:relative;}
#maincontent {width:600px;
float:left;}
.subcontent {padding:5px;}
.entry {width:585px;
line-height:20px;}

.date {padding:5px;}
.subject {font-size:18pt;
text-align:center;
font-weight:bold;
letter-spacing:-2px;
color:#aa7722;}
.subject a, .subject a:link, .subject a:visited, .subject a:active {color:#aa6622;}
.subject a:hover {color:#ff7700;}
.date {text-align:right;}

.userpic {float:left;
background:transparent !important;
padding:5px;}
.userpic img {border:3px double #ccaa55;
padding:3px;}

.userpicfriends {float:left;
background:transparent !important;
padding:5px;
text-align:center;
border:3px double #ccaa55;}
.userpicfriends img {float:left;}
.userpicfriends a font {font-size:8pt;
color:#ccaa55;}

.skiplinks {text-align:center;}
.skiplinks a, .skiplinks a:link, .skiplinks a:visited, .skiplinks a:active {color:#999977;}
.skiplinks a:hover {color:#ccbb99;}

/* sidebar */
#sidebar {background:#transparent;
border:5px double #ccaa55;
width:160px;
float:right;
color:#bbaa99;
padding:5px;
font-family:"garamond",georgia,serif;
font-size:9pt;}
#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active {color:#999977;
text-decoration:none;
font-variant:normal;}
#sidebar a:hover {color:#ccbb99;}

.calendar {margin-left:-35px;
padding:5px;
width:150px;
text-align:center;}
.sbarcalendarposts {border:1px solid #eeddaa;
font-family:"Times",serif;
font-weight:bold;}

.sbartitle {list-style-type:none;
margin-left:-35px;
text-transform:lowercase;
text-align:center;
font-style:italic;
font-family:"garamond",georgia,serif;
font-size:14pt;}
.sbaritem {list-style-type:none;
padding:3px;
margin-left:-30px;}

.sbarbody {margin-left:-5px;}
.sbarbody2 {padding:5px;
font-size:10pt;}

.defaultuserpic {padding:5px;
width:50px;
height:50px;
margin:0 auto;}
.defaultuserpic img {border:1px solid #eeddaa;
padding:5px;
width:50px;
height:50px;}

/* header */
#header {font-family:"garamond",georgia,serif;}
#header a, #header a:link, #header a:visited {color:#999977;
text-decoration:none;
font-variant:normal;}
#header a:hover {color:#ccbb99;}

.title {text-align:center;
text-transform:uppercase;
font-size:20pt;
padding-top:15px;}
.title:first-letter {font-family:"Monotype Corsiva",serif;
font-size:45pt;}

.subtitle {text-align:center;
font-style:italic;
font-size:18pt;
color:#999977;
letter-spacing:-1px;}

.navheader {text-align:center;
margin:0 auto;
padding:10px;}
.navheader li {font-size:14pt;
display:inline;
text-align:center;
padding:15px;
border:5px double #ccaa55;}

.view {cursor:default;}

/* footer */
.clearfoot {clear:both;}

.navfooter {margin:0 auto;}
.navfooter li {list-style-type:none;
display:inline;
text-align:center;
padding:20px;}

/* comments */
.comments {text-align:center;}

.datesubjectcomment{padding:5px;
color:#bbaa99;
border:1px solid #ccaa55;}

.userpiccomment {float:left;
border:1px solid #ccaa55;}

.commentreply {margin-left:120px;
padding:5px;}

/* archives */
.year {list-style-type:none;
font-size:12pt;}

.yeartable {padding:20px;
text-align:center;
font-size:12pt;}

.yeardate {padding:5px;}
.yeardate a, .yeardate a:link, .yeardate a:visited {color:#aa6622;}
.yeardate a:hover {color:#110000;}

.yearday {padding:3px;
background:#ccaa55;
color:#220000;}

.yearmonth {padding:5px;
font-size:13pt;}

/* tag list */
.ljtaglist {list-style-type:none;
border:3px double #ccaa55;
padding:20px;
width:525px;
float:left;}

/* metadata */
.currentlocation strong, .currentgroups strong, .currentmood strong, .currentmusic strong {display:none;}
.currentlocation, .ljtags, .currentmood, .currentgroups, .currentmusic {padding: 3px 0 3px 17px;
background: transparent none no-repeat scroll 0 50%;
font-variant:small-caps;}
.ljtags {padding-top:5px;
background-image: url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/quill.png)}
.currentlocation {background-image: url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/home.png)}
.currentmood{background-image: url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/light-bulb.png)}
.currentgroups {background-image: url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/metronome.png)}
.currentmusic {background-image: url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/speaker.png)}

/* misc. */
a, a:link, a:visited, a:active {text-decoration:none;
color:#ffcc66;
font-variant:small-caps;}
a:hover {color:#dd9944;}

strong, em {color:#eeddcc;}
u, strike {color:#ffcc66;}

code {display:block;
border:1px solid #ffcc66;
padding:10px;
color:#ffffff;
font-size:12pt;
font-family:"garamond",georgia,serif;}

textarea {width:300px;
height:75px;
border:1px solid #ffcc66;
padding:5px;
background:transparent;
font-family:"Georgia",serif;
font-size:8pt;
color:#eeddcc;}

blockquote {border:10px double #aa6622;
padding:10px;
background:#eeddaa;
color:#222200;}

ol, ul {font-family:"Georgia",serif;
color:#eeddcc;}

/* tiny icons */
/* Generated by Malionette's Tiny Icon Generator */
img[src*="img/userinfo.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background:transparent url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/gear-small.png) no-repeat;
padding:16px 0 0 12px !important;}
img[src*="img/community.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background: transparent url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/gear.png) no-repeat;
padding:16px 0 0 14px !important;}
img[src*="img/icon_protected.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background: transparent url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/lock.png) no-repeat;
padding:16px 0 0 16px !important;}
img[src*="img/icon_private.gif"] {width:0 !important;
vertical-align:middle !important;
margin:0 auto;
height:0 !important;
background: transparent url(http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/key.png) no-repeat;
padding:16px 0 0 16px !important;}

/* extra codes */

♪Please upload these into your own image host and replace the links accordingly. If I run out of bandwidth, you will be affected too: [download .rar file].

4. Save changes.

Customization:
Adding a header. Fill in the codes below, then copy and paste them at the end of your CSS. The ideal width for the header is 800px.


 .headerimage {
     position: relative;
     width: XXXpx;
     height: XXXpx;
     margin: auto;
     margin-bottom: 20px;
     background-image: url(HEADER IMAGE HERE);
     background-repeat: no-repeat;
 }

Notes:

Please be mindful of the rules.
Please let me know if my layout is too similar to a pre-established work, so that I can take this down immediately. I hate to plagiarize, even inadvertently.
The actual layout may vary slightly from the previews.
Watch this community?

Tiny Icon Generator from fruitstyle | Tiny Icons from Pinvoke

Let's Save Energy!: One Journal Layout

heavyarms — Thu, 06 May 2010 13:53:35 GMT

My first (successful) set, based on an earlier set of profile codes. Constructive criticism is welcome, since I'm still new to this.:)

LIVE

Info:

Journal Style: Flexible Squares
Browser: Firefox 3.5. Opera 10, Chrome, and Safari 4 are also plausible if you don't mind the lack of rounded corners in the blockquotes.
Resolution: 1024x768 & above.
Ad Placement: Horizontal/Between Entries
Images?: Only some tiny icons.

Instructions:

/* Let's Save Energy!: Gold ~Layout by enekoro-sama@LJ */ /* Tiny Icons from http://minty-peach.livejournal.com/ */ /* main */ #content {margin:0 auto; width:800px;} body {background:#111111; color:#ffffcc; font-family:"Georgia",serif; font-size:10pt;} a, a:link, a:visited, a:active {color:#ccbb66; text-decoration:none;} a:hover {color:#777766; cursor:help;} strong, em {color:#ffee88;} u, strike {color:#777766;} b {font-family:"Trebuchet MS",sans-serif;} textarea {font-family:"Georgia",serif; font-size:9pt; color:#555555; background:transparent; padding:5px; width:400px; height:100px; border:none;} code {color:#ffee88; display:block; border:3px dotted #555555; padding:10px;} blockquote {border-right:5px solid #555555; border-top:5px solid #555555; border-left:5px solid #555555; border-bottom:1px solid #555555; -moz-border-radius-topleft:5%; -webkit-border-radius-topleft:5%; -moz-border-radius-topright:5%; -webkit-border-radius-topright:5%; padding:10px; font-size:11pt;} /* headers */ .navheader {text-align:left; font-size:18pt; color:#ddcc88; text-transform:uppercase;} .navheader li {list-style-type:none; letter-spacing:-1.5px; line-height:25px;} .view {color:#555555;} .title {font-family:"Trebuchet MS",sans-serif; font-size:16pt; text-align:right; color:#ddbb33; font-variant:small-caps; padding-right:10px; margin-top:-100px; background:#000000;} .subtitle {text-align:right; color:#887744; font-size:14pt; font-style:italic; padding-right:10px; margin-top:-10px; background:#000000;} #header {width:800px; height:150px; background:#000000; padding:5px;} /* sidebar */ #sidebar {width:160px; padding:10px; float:left; background:#000000;} #sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:active {color:#777766;} #sidebar a:hover {color:#ccbb66;} .sbaritem {list-style-type:none; margin-left:-40px; padding-left:5px; letter-spacing:-1px;} .sbarbody {background:#000000;} .sbarbody2 {text-align:right; background:#000000; font-size:8pt; padding:10px;} .defaultuserpic {border:1px solid #555555; width:100px; height:100px; padding:5px; margin:0 auto;} .sbartitle {list-style-type:none; font-variant:small-caps; font-size:12pt; text-decoration:underline; text-align:center; margin-left:-45px;} .calendar {text-align:center; margin-left:-40px;} .sbarcalendar {padding:2px;} .sbarcalendarposts {font-family:"Trebuchet MS", sans-serif; font-size:11pt;} /* entry proper */ #maincontent {float:right; width:600px;} .userpic {float:right; background:transparent !important; padding:5px;} .userpicfriends {float:right; background:transparent !important; padding:10px; font-size:8pt; text-align:right;} .userpicfriends a font {color:#ccbb66;} .entry {background:#000000; padding:20px; width:550px; line-height:20px;} .subject {font-size:14pt; font-family:"Trebuchet MS",sans-serif; font-variant:small-caps; margin-left:20px;} .date {font-variant:small-caps; color:#887744; margin-left:20px;} .skiplinks {text-align:center; text-transform:uppercase; font-size:8pt;} .skiplinks a, .skiplinks a:link, .skiplinks a:active, .skiplinks a:visited {color:#777766;} .skiplinks a:hover {color:#ccbb66;} /* metadata */ .currents {font-variant:small-caps;} .currents strong {font-weight:normal; color:#887744;} .ljtags {font-variant:small-caps; color:#887744; padding-top:10px;} /* comments */ .comments {text-align:center; text-transform:uppercase;} .datesubjectcomment {background:#555555; padding:5px;} .userpiccomment {padding:10px; float:left; width:80px; height:80px;} .textbox {background:#555555; border:1px solid #111111; padding:3px; color:#111111;} .datesubjectcomment {text-transform:uppercase; font-size:8pt; color:#777766;} .commentbox {background:#111111; padding:10px; margin-top:20px;} /* archives */ .yeartable {padding:5px; text-align:center;} .yearday {background:#887744;} .active {font-size:14pt;} /* footer */ .clearfoot {clear:both;} .navfooter li {text-align:center; font-size:13pt; text-transform:uppercase; width:800px; background:#000000; display:inline; padding:20px;} /* tiny icons */ img[src*="img/userinfo.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/pars.gif) no-repeat; padding:12px 0 0 8px !important;} img[src*="img/community.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background: transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/12x12music.gif) no-repeat; padding:12px 0 0 12px !important;} img[src*="img/icon_protected.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/locked2.gif) no-repeat; padding:14px 0 0 15px !important;} img[src*="img/icon_groups.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/locked2.gif) no-repeat; padding:14px 0 0 15px !important;} img[src*="img/icon_private.gif"] {width:0 !important; vertical-align:middle !important; margin:0 auto; height:0 !important; background:transparent url(http://i438.photobucket.com/albums/qq107/Enekoro/Icons/Minty-Peach/Tiny%20Icons%20Set%204/locked-1-1.gif) no-repeat; padding:12px 0 0 10px !important;} /* extra codes */

3. Save changes.

Customization
1. Adding a header. Fill in the codes below, then copy and paste them at the end of your CSS. The ideal width for the header is 800px.


 .headerimage {
     position: relative;
     width: XXXpx;
     height: XXXpx;
     margin: auto;
     margin-bottom: 20px;
     background-image: url(HEADER IMAGE HERE);
     background-repeat: no-repeat;
 }

2. Enabling the mood theme images. Find this in the CSS and delete it:

.meta-mood-img {display:none;}

3. Showing your userpics in the entries. Find this code and delete it:

.userpicfriends {display:none;}

Notes:

Please be mindful of the rules.
Please let me know if my layouts are too similar to a pre-established work, so that I can take this down immediately. I hate to plagiarize, even inadvertently.
The actual layouts may vary slightly from the previews.
Watch this community?

Tiny Icons from minty_peach

Let's Save Energy!: Four Profile Layouts

heavyarms — Tue, 20 Apr 2010 14:16:45 GMT

Live Previews (Temporary).

Gold:

<center> <table border="0" cellspacing="10" cellpadding="10" bgcolor="#000000"> <tr> <td bgcolor="#C8B560" width="200"><center>Title 1</center></td> <td width="200"><center>Title 2</center></td> </tr> <tr> <td>Lorem ipsum dolor sit amet, id ullamcorper lobortis magna, dignissim lectus venenatis turpis ipsum, cras arcu proin, arcu eget ridiculus non. In sed commodo adipiscing tempor sapien convallis, turpis dictum dignissim aliquet a, et purus ipsum egestas. Ut pretium, curabitur duis sed ac amet posuere, est vulputate lectus nonummy mauris. Sed nec, interdum ullamcorper luctus sapien quam nec, erat arcu ut, ut sed in sed tempor vitae. Non aliquam id wisi odio mauris, quis sed magna feugiat massa quis.</td> <td bgcolor="#C8B560">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</td> </tr> <tr> <td colspan="2"><center><a href="URL">LINK1</a> <a href="URL">LINK2</a> <a href="URL">LINK3</a> <a href="http://community.livejournal.com/catsfiddle/profile/">CODES</a></center></td> </tr> </table> </center>

Brick:

<center> <table border="0" cellspacing="10" cellpadding="10" bgcolor="#000000"> <tr> <td bgcolor="#800517" width="200"><center>Title 1</center></td> <td width="200"><center>Title 2</center></td> </tr> <tr> <td>Lorem ipsum dolor sit amet, id ullamcorper lobortis magna, dignissim lectus venenatis turpis ipsum, cras arcu proin, arcu eget ridiculus non. In sed commodo adipiscing tempor sapien convallis, turpis dictum dignissim aliquet a, et purus ipsum egestas. Ut pretium, curabitur duis sed ac amet posuere, est vulputate lectus nonummy mauris. Sed nec, interdum ullamcorper luctus sapien quam nec, erat arcu ut, ut sed in sed tempor vitae. Non aliquam id wisi odio mauris, quis sed magna feugiat massa quis.</td> <td bgcolor="#800517">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</td> </tr> <tr> <td colspan="2"><center><a href="URL">LINK1</a> <a href="URL">LINK2</a> <a href="URL">LINK3</a> <a href="http://community.livejournal.com/catsfiddle/profile/">CODES</a></center></td> </tr> </table> </center>

Salmon:

<center> <table border="0" cellspacing="10" cellpadding="10" bgcolor="#000000"> <tr> <td bgcolor="#C36241" width="200"><center>Title 1</center></td> <td width="200"><center>Title 2</center></td> </tr> <tr> <td>Lorem ipsum dolor sit amet, id ullamcorper lobortis magna, dignissim lectus venenatis turpis ipsum, cras arcu proin, arcu eget ridiculus non. In sed commodo adipiscing tempor sapien convallis, turpis dictum dignissim aliquet a, et purus ipsum egestas. Ut pretium, curabitur duis sed ac amet posuere, est vulputate lectus nonummy mauris. Sed nec, interdum ullamcorper luctus sapien quam nec, erat arcu ut, ut sed in sed tempor vitae. Non aliquam id wisi odio mauris, quis sed magna feugiat massa quis.</td> <td bgcolor="#C36241">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</td> </tr> <tr> <td colspan="2"><center><a href="URL">LINK1</a> <a href="URL">LINK2</a> <a href="URL">LINK3</a> <a href="http://community.livejournal.com/catsfiddle/profile/">CODES</a></center></td> </tr> </table> </center>

Violet:

<center> <table border="0" cellspacing="10" cellpadding="10" bgcolor="#000000"> <tr> <td bgcolor="#8D38C9" width="200"><center>Title 1</center></td> <td width="200"><center>Title 2</center></td> </tr> <tr> <td>Lorem ipsum dolor sit amet, id ullamcorper lobortis magna, dignissim lectus venenatis turpis ipsum, cras arcu proin, arcu eget ridiculus non. In sed commodo adipiscing tempor sapien convallis, turpis dictum dignissim aliquet a, et purus ipsum egestas. Ut pretium, curabitur duis sed ac amet posuere, est vulputate lectus nonummy mauris. Sed nec, interdum ullamcorper luctus sapien quam nec, erat arcu ut, ut sed in sed tempor vitae. Non aliquam id wisi odio mauris, quis sed magna feugiat massa quis.</td> <td bgcolor="#8D38C9">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</td> </tr> <tr> <td colspan="2"><center><a href="URL">LINK1</a> <a href="URL">LINK2</a> <a href="URL">LINK3</a> <a href="http://community.livejournal.com/catsfiddle/profile/">CODES</a></center></td> </tr> </table> </center>

Please be mindful of the rules.
The actual profiles may vary slightly from the previews.
Watch this community?

Leisurely Weekend: Four Profile Layouts

heavyarms — Mon, 22 Feb 2010 09:00:03 GMT

A Night Out:
<center> <table cellspacing="0" cellpadding="5" border="0"> <tr> <td width="200"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td width="20"> <center> <a href="LINK1"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/playing-card.png" align="absmiddle" border="0" /></a> <a href="LINK2"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/diamond.png" align="absmiddle" border="0" /></a> <a href="LINK3"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/money-coin.png" align="absmiddle" border="0" /></a> <a href="http://community.livejournal.com/catsfiddle/profile/"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/service-bell.png" align="absmiddle" border="0" /></a> </center> </td> </tr> </table> </center>

My Homework:
<center> <table border="0" cellpadding="3" cellspacing="0"> <tr> <td width="200"> Much madness is divinest sense To a discerning eye; Much sense the starkest madness. ’T is the majority In this, as all, prevails. Assent, and you are sane; Demur,—you ’re straightway dangerous, And handled with a chain. ~Emily Dickinson <center> <a href="LINK1"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/pencil.png" align="absmiddle" border="0" /></a> <a href="LINK2"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/eraser.png" align="absmiddle" border="0" /></a> <a href="LINK3"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/scissors.png" align="absmiddle" border="0" /></a> <a href="http://community.livejournal.com/catsfiddle/profile/"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/paper-plane.png" align="absmiddle" border="0" /></a> </center> </td> </tr> </table> </center> 

Coffee Shop:
<center> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/direction.png" border="0" align="absmiddle" /></center></td> <td width="10"></td> <td><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/present.png" border="0" align="absmiddle" /></center></td> </tr> <tr> <td width="200"> There is no frigate like a book To take us lands away, Nor any coursers like a page Of prancing poetry. This traverse may the poorest take Without oppress of toll; How frugal is the chariot That bears a human soul! ~Emily Dickinson </td> <td></td> <td width="200"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> </tr> </table> <a href="LINK1"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/store.png" border="0" align="absmiddle" /></a> <a href="LINK2"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/cup.png" border="0" align="absmiddle" /></a> <a href="http://community.livejournal.com/catsfiddle/profile/"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/cake.png" border="0" align="absmiddle" /></a> </center>

Lovely Day:

<center> <table border="0" cellpadding="0" cellspacing="10"> <tr> <td width="150"> Quinquireme of Nineveh from distant Ophir, Rowing home to haven in sunny Palestine, With a cargo of ivory, And apes and peacocks, Sandalwood, cedarwood, and sweet white wine. ~John Masefield, Cargoes <a href="LINK1"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/rainbow.png" border="0" align="absmiddle" /></a> <a href="LINK2"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/weather.png" border="0" align="absmiddle" /></a> <a href="LINK3"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/umbrella.png" border="0" align="absmiddle" /></a> <a href="http://community.livejournal.com/catsfiddle/profile/"><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Tiny%20Icons/Fugue/leaf.png" border="0" align="absmiddle" /></a> </td> <td width="260"> Title Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> </tr> </table> </center>

Tiny Icons by Pinvoke.

Please upload the images into your own image host and replace the links accordingly. If I run out of bandwidth, you will be affected too.
Please be mindful of the rules.
The actual profiles may vary slightly from the previews.
Watch this community?

Obligatory Resource Post II

heavyarms — Tue, 02 Feb 2010 15:38:51 GMT

Graphics (LJ) _excentric_ \| 77words \| animescreencaps \| appletooth \| cap_it \| colorfilter \| damnicons \| disneycaps \| dodoki \| gamecandy \| ghost_factory \| graphicsbyjulz \| grrliz_icons \| icon_textures \| impending_dawn \| joyfulsong \| layering \| layouttesst \| lj_nifty \| loveicon \| mentahelada \| mintyapple \| minty_peach \| pixelpeach \| resourcelove \| ruthenia_alba \| screencapping \| shalowater \| stills_anime \| stock_bases \| street_of_mercy \| toybirds \| velvetb0x \| zinzibar
Tutorials/Help (LJ) boxer_help \| coloring_help \| everything_lj \| gimp_tutorial \| icon_tutorial \| milou_en_avril \| mintyhelp \| opal_help \| noveltybox \| s2minimalism \| s2_tranquility \| s2expressive \| s2flexisquares \| s2lickable \| s2tranquility2 \| tutorialayouts
deviantART brsev \| chambertin \| crazykira-resources \| Cuberto-ru \| FidgetResources \| flowersong \| mathilde \| mentahelada \| Miniartx \| night-fate-stock \| Polstar-Stock \| Project-GimpBC \| Raindropmemory \| Ruthenia-Alba \| Sanami276 \| SummerAIR

Mediterranean: Four Profile Layouts

heavyarms — Sat, 02 Jan 2010 16:42:47 GMT

*The headers show their national mottos.

Greece, Single Row

<center><table bgcolor="#eeeeee" border="0" cellspacing="0" cellpadding="10"><tr colspan="2"><td rowspan="4"><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/M_g.png"></center></td><td bgcolor="#776677" colspan="2"><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/M_gheader.png"></center></td></tr><tr colspan="2"><td width="400">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td><tr colspan="2"><td><center><a href="URL">LINK 1</a> <a href="URL" >LINK 2</a> <a href="URL" >LINK 3</a> <a href="http://community.livejournal.com/catsfiddle/profile/" >Codes</a></center></td></tr></table></center>

Greece, Double Rows

<center><table bgcolor="#eeeeee" border="0" cellspacing="0" cellpadding="5"><tr colspan="2"><td rowspan="4"><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/M_g.png"></center></td><td bgcolor="#776677" colspan="2"><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/M_gheader.png" ></center></td></tr><tr colspan="2"><td width="400">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr><tr colspan="2"><td bgcolor="#776677"><center>{ Freedom or death. }</center></td></tr><tr colspan="2"><td>Caress the one, the Never-Fading/ Rain in your heart - the tears of snow-white sorrow/ Caress the one, the hiding amaranth/ In a land of the daybreak~"Amaranth," Nightwish<center><a href="URL" >LINK 1</a> <a href="URL" >LINK 2</a> <a href="URL" >LINK 3</a> <a href="http://community.livejournal.com/catsfiddle/profile/" >Codes</a></center></td></tr></table></center>

Turkey, Single Row

<center><table bgcolor="#ccbbaa" border="0" cellspacing="0" cellpadding="10"><tr colspan="2"><td rowspan="4"><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/M_t.png"></center></td><td bgcolor="#cc3311" colspan="2"><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/M_theader.png" ></center></td></tr><tr colspan="2"><td width="400">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td><tr colspan="2"><td><center><a href="URL" >LINK 1</a> <a href="URL" >LINK 2</a> <a href="URL" >LINK 3</a> <a href="http://community.livejournal.com/catsfiddle/profile/" >Codes</a></center></td></tr></table></center>

Turkey, Double Row

<center><table bgcolor="#ccbbaa" border="0" cellspacing="0" cellpadding="5"><tr colspan="2"><td rowspan="4"><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/M_t.png"></center></td><td bgcolor="#cc3311" colspan="2"><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/M_theader.png" ></center></td></tr><tr colspan="2"><td width="400">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr><tr colspan="2"><td bgcolor="#cc3311"><center>{ Peace at home, peace in the world. }</center></td></tr><tr colspan="2"><td>Caress the one, the Never-Fading/ Rain in your heart - the tears of snow-white sorrow/ Caress the one, the hiding amaranth/ In a land of the daybreak~"Amaranth," Nightwish<center><a href="URL" >LINK 1</a> <a href="URL" >LINK 2</a> <a href="URL" >LINK 3</a> <a href="http://community.livejournal.com/catsfiddle/profile/" >Codes</a></center></td></tr></table></center>

† Please upload the following images into your own image host and replace the links accordingly. If I run out of bandwidth, you will be affected too.

Greece	Header
Turkey	Header

† Please be mindful of the rules.
† The actual profiles may vary slightly from the previews.
† Watch this community?

Obligatory Resource Post I

heavyarms — Sat, 02 Jan 2010 13:31:25 GMT

Image Hosts Photobucket \| Imgur \| TinyPic
Images, Illustrations, Artwork, Screencaps, &c. A Clipart History \| All Free Vintage Stuff \| Clickity Click \| From Old Books \| Image * After \| Karen's Whimsy \| Old Book Illustrations \| Photl \| Public Domain Photos \| toybirds \| Wikimedia Commons \| Wikipedia: Public domain image resources
Textures, Patterns, Brushes, Bases, Backgrounds, &c. brushlovers \| Citrus Moon \| COLOURlovers \| DinPattern \| FAKE REFLECTION \| Gawariel \| Squidfingers \| The Inspiration Gallery \| toybirds \| Ultimate Collection of Photoshop Brushes, Actions and Styles \| Vintage Retro Grunge \| Web Treats
Generators CSS3 Gradient Generator \| GRSites \| lixlpixel \| Real-time HTML Editor \| Tiny Icon Generator	Color Generators Color Palette Generator \| Color Picker \| Color Scheme Designer \| Color Schemer \| colr.org \| COLOURlovers \| SwatchSpot
Tiny Icons 25 Free Pictogram and Symbols Sign Icon Sets \| 96 of the Best Ever Free Icon Sets \| Artdesigner.lv \| Brand Spanking New \| brsev \| Circular Icons \| DryIcons \| FAMFAMFAM \| Iconfinder \| Glyphish \| HONGKIAT.COM \| iconSweets \| IconSweets 2 \| Iconza \| p.yusukekamiyamane \| Some Random Dude \| Splashy Icons \| SweetieLegacy \| We ♥ Icons \| WebTreats
Tutorials, References, &c.CSS: An Interactive Tutorial for Beginners HTML: An Interactive Tutorial for Beginners Impressive Webs Introduction to The Web Standards Curriculum maxdesign Mozilla Developer Network SitePoint
Fonts 1000 Fonts \| 1001 Fonts \| 25 New Free High-Quality Fonts \| Abstract Fonts \| Awesome Fontstacks \| Blambot Comic Fonts & Lettering \| dafont \| Fontfabric \| Font Squirrel \| London's Letters \| p.yusukekamiyamane \| The League of Moveable Type
Misc. Resources Browser Sandbox \| COLOURlovers \| CSS Zen Garden \| Firebug \| HTML Color Codes \| Pearl Crescent Page Saver \| Smashing Magazine \| TinEye \| Webs

Patriotism: Six Profile Layouts

heavyarms — Tue, 29 Dec 2009 15:14:56 GMT

Axis Powers

<div align="center"> <table border="0" cellpadding="3" cellspacing="0" bgcolor="#F1F1F1"> <tr bgcolor="#B66D4D"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td bgcolor="#B66D4D"></td> <td><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/Feliciano.png"></td> <td bgcolor="#B66D4D"></td> <td width="500"> TITLE 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td bgcolor="#B66D4D"></td> </tr> <tr bgcolor="#B66D4D"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr bgcolor="#DED7C7"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td bgcolor="#DED7C7"></td> <td><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/Ludwig.png"></td> <td bgcolor="#DED7C7"></td> <td width="500"> TITLE 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td bgcolor="#DED7C7"></td> </tr> <tr bgcolor="#DED7C7"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr bgcolor="#453832"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td bgcolor="#453832"></td> <td><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/Kiku.png"></td> <td bgcolor="#453832"></td> <td width="500"> TITLE 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td bgcolor="#453832"></td> </tr> <tr bgcolor="#453832"> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td> <center><a href="http://himaruya.blog61.fc2.com/">Images</a> o <a href="http://www.famfamfam.com/lab/icons/flags/">Icons</a> o <a href="http://community.livejournal.com/catsfiddle/profile/">Codes</a></center> </td> <td></td> <td> <center><a href="URL">LINK 1</a> <img src="http://pics.livejournal.com/enekoro_sama/pic/0007eb0z" size="16"> <a href="URL">LINK 2</a> <img src="http://pics.livejournal.com/enekoro_sama/pic/0007fz59" size="16"> <a href="URL">LINK 3</a> <img src="http://pics.livejournal.com/enekoro_sama/pic/0007d47t" size="16"> <a href="URL">LINK 4</a></center> </td> </tr> </table> </div>

Main Cast

<div align="center"> <table border="0" cellpadding="3" cellspacing="1"> <tr> <td><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/doitalia.png"></td> <td bgcolor="#DDCCAA"></td> <td width="500"> <center><img src="http://pics.livejournal.com/enekoro_sama/pic/0007fz59"> TITLE 1 <img src="http://pics.livejournal.com/enekoro_sama/pic/0007eb0z"></center> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td bgcolor="#FFEEAA"></td> </tr> <tr> <td><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/igipan.png"></td> <td bgcolor="#BBCC44"></td> <td width="500"> <center><img src="http://pics.livejournal.com/enekoro_sama/pic/0007d47t"> TITLE 2 <img src="http://pics.livejournal.com/enekoro_sama/pic/0007yg94"></center> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td bgcolor="#CCBBAA"></td> </tr> <tr> <td><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/ruschi.png"></td> <td bgcolor="#DDDDEE"></td> <td width="500"> <center><img src="http://pics.livejournal.com/enekoro_sama/pic/0007xz8z"> TITLE 3 <img src="http://pics.livejournal.com/enekoro_sama/pic/0007w1pc"></center> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td bgcolor="#DDEEFF"></td> </tr> <tr> <td><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/frame.png"></td> <td bgcolor="#EEDDDD"></td> <td width="500"> <center><img src="http://pics.livejournal.com/enekoro_sama/pic/0007spg1"> TITLE 4 <img src="http://pics.livejournal.com/enekoro_sama/pic/0007tbc4"></center> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td bgcolor="#FFBBBB"></td> </tr> <tr> <td> <center> <a href="http://himaruya.blog61.fc2.com/">Images</a> o <a href="http://www.famfamfam.com/lab/icons/flags/">Icons</a> o <a href="http://community.livejournal.com/catsfiddle/profile/">Codes</a> </center> </td> <td></td> <td> <center> <a href="URL">LINK 1</a> o <a href="URL">LINK 2</a> o <a href="URL">LINK 3</a> o <a href="URL">LINK 4</a> </center> </td> <td></td> </tr> </table> </div>

Germany & Italy

<div align="center"> <table border="0" cellpadding="3" cellspacing="1"> <tr> <td><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/doitalia.png"></td> <td bgcolor="#DDCCAA"></td> <td width="500"> <center><img src="http://pics.livejournal.com/enekoro_sama/pic/0007fz59"> TITLE 1 <img src="http://pics.livejournal.com/enekoro_sama/pic/0007eb0z"></center> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td bgcolor="#FFEEAA"></td> </tr> <tr> <td> <center> <a href="http://himaruya.blog61.fc2.com/">Images</a> o <a href="http://www.famfamfam.com/lab/icons/flags/">Icons</a> o <a href="http://community.livejournal.com/catsfiddle/profile/">Codes</a> </center> </td> <td></td> <td> <center> <a href="URL">LINK 1</a> o <a href="URL">LINK 2</a> o <a href="URL">LINK 3</a> o <a href="URL">LINK 4</a> </center> </td> <td></td> </tr> </table> </div>

Japan & England

<div align="center"> <table border="0" cellpadding="3" cellspacing="1"> <tr> <td><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/igipan.png"></td> <td bgcolor="#BBCC44"></td> <td width="500"> <center><img src="http://pics.livejournal.com/enekoro_sama/pic/0007d47t"> TITLE 2 <img src="http://pics.livejournal.com/enekoro_sama/pic/0007yg94"></center> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td bgcolor="#CCBBAA"></td> </tr> <tr> <td> <center> <a href="http://himaruya.blog61.fc2.com/">Images</a> o <a href="http://www.famfamfam.com/lab/icons/flags/">Icons</a> o <a href="http://community.livejournal.com/catsfiddle/profile/">Codes</a> </center> </td> <td></td> <td> <center> <a href="URL">LINK 1</a> o <a href="URL">LINK 2</a> o <a href="URL">LINK 3</a> o <a href="URL">LINK 4</a> </center> </td> <td></td> </tr> </table> </div>

Russia & China

<div align="center"> <table border="0" cellpadding="3" cellspacing="1"> <tr> <td><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/ruschi.png"></td> <td bgcolor="#DDDDEE"></td> <td width="500"> <center><img src="http://pics.livejournal.com/enekoro_sama/pic/0007xz8z"> TITLE 3 <img src="http://pics.livejournal.com/enekoro_sama/pic/0007w1pc"></center> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td bgcolor="#DDEEFF"></td> </tr> <tr> <td> <center> <a href="http://himaruya.blog61.fc2.com/">Images</a> o <a href="http://www.famfamfam.com/lab/icons/flags/">Icons</a> o <a href="http://community.livejournal.com/catsfiddle/profile/">Codes</a> </center> </td> <td></td> <td> <center> <a href="URL">LINK 1</a> o <a href="URL">LINK 2</a> o <a href="URL">LINK 3</a> o <a href="URL">LINK 4</a> </center> </td> <td></td> </tr> </table> </div>

France & America

<div align="center"> <table border="0" cellpadding="3" cellspacing="1"> <tr> <td><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/frame.png"></td> <td bgcolor="#EEDDDD"></td> <td width="500"> <center><img src="http://pics.livejournal.com/enekoro_sama/pic/0007spg1"> TITLE 4 <img src="http://pics.livejournal.com/enekoro_sama/pic/0007tbc4"></center> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td> <td bgcolor="#FFBBBB"></td> </tr> <tr> <td> <center> <a href="http://himaruya.blog61.fc2.com/">Images</a> o <a href="http://www.famfamfam.com/lab/icons/flags/">Icons</a> o <a href="http://community.livejournal.com/catsfiddle/profile/">Codes</a> </center> </td> <td></td> <td> <center> <a href="URL">LINK 1</a> o <a href="URL">LINK 2</a> o <a href="URL">LINK 3</a> o <a href="URL">LINK 4</a> </center> </td> <td></td> </tr> </table> </div>

† Please upload the following images into your own image host and replace the links accordingly. If I run out of bandwidth, you will be affected too.

Characters	Italy	Germany	Japan	G&I	J&E	R&C	F&A
Flags	Italy	Germany	Japan	England	Russia	China	France	America

† Please be mindful of the rules.
† The actual profiles may vary slightly from the previews.
† Watch this community?

Pieces of Nature: Two Profile Layouts

heavyarms — Tue, 29 Dec 2009 08:47:53 GMT

Bird:

<center><table border="0" cellpadding="0" cellspacing="0" width="400"><tr><td colspan="5"><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/Bird.gif" ></center></td></tr><tr background="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Borders/Woodblock.jpg" height="25"><td colspan="5"><center><a href="URL">LINK 1</a> † <a href="URL">LINK 2</a> † <a href="URL">LINK 3</a> † <a href="URL">LINK 4</a></center></td></tr><tr bgcolor="#FFEE99"><td background="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Borders/Woodblock.jpg" width="20"></td><td width="10"></td><td><center>TITLE</center>Lorem ipsum dolor sit amet, blandit magnis amet mus sed sit at, viverra et vitae erat urna hac amet, posuere nullam massa ut rhoncus sollicitudin, ante dui accumsan magna curabitur, diam dolore lacus suscipit eros pede id. Nunc amet volutpat hendrerit nulla id, vestibulum non, consequat imperdiet auctor, quis duis rutrum neque wisi, risus metus rhoncus vestibulum feugiat lacinia. Viverra dui interdum neque vivamus, id condimentum pellentesque scelerisque sagittis, sodales nec, donec ridiculus cursus, odio consequat. Purus fringilla tempus sit habitant sapien. Pharetra vitae, fringilla tortor, urna ante praesent vel inceptos, egestas litora quisque dictum in, libero iaculis morbi commodo gravida.Vestibulum tincidunt suscipit, molestie in lobortis mauris augue odio congue, ut at velit urna. Blandit nunc vivamus, sem odio tellus tempor bibendum. Amet pede pretium congue facilisis, ac sunt ad. Nonummy facilisis euismod sed vel rutrum, ultrices natoque congue ultrices reprehenderit, accumsan quisque sollicitudin ea magna. Tristique mauris condimentum, in ultrices vehicula pede in, venenatis viverra non dolor, tortor ipsum in class, pellentesque et in posuere quam. Sapien ac arcu, mauris ornare leo morbi non sit, nec felis consequat augue dolore ultricies. Mi mollis quis tempora tincidunt. Habitasse leo et nunc dictum, ut felis pharetra ante ut, nec vivamus quisque. Ante lacus sollicitudin amet wisi optio, justo lectus placerat ac tristique in vestibulum. Arcu amet etiam, nunc arcu vestibulum amet et etiam. Arcu sollicitudin vulputate eget sed, condimentum nec odio, sit dictum. Sodales urna mollis in tempus odio, lobortis elementum scelerisque lorem neque tortor, id lacinia et fringilla at consequat quis, neque mollis.</td><td width="10"></td><td background="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Borders/Woodblock.jpg" width="20"></td></tr><tr background="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Borders/Woodblock.jpg" height="25"><td colspan="5"><center><a href="http://www.flickr.com/photos/chrysti/119802671/in/set-72057594064002193/">Images</a> † <a href="http://community.livejournal.com/catsfiddle/profile/">Codes</a></center></td></tr></table></center>

Flowers:

<center><table border="0" cellpadding="0" cellspacing="0" width="400"><tr><td colspan="5"><center><img src="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Large%20Images/Embroidered.gif"></center></td></tr><tr background="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Borders/Eblock.gif" height="25"><td colspan="5"><center><a href="URL">LINK 1</a> † <a href="URL">LINK 2</a> † <a href="URL">LINK 3</a> † <a href="URL">LINK 4</a></center></td></tr><tr bgcolor="#DDDDDD"><td background="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Borders/Eblock.gif" width="20"></td><td width="10"></td><td><center>TITLE</center>Lorem ipsum dolor sit amet, blandit magnis amet mus sed sit at, viverra et vitae erat urna hac amet, posuere nullam massa ut rhoncus sollicitudin, ante dui accumsan magna curabitur, diam dolore lacus suscipit eros pede id. Nunc amet volutpat hendrerit nulla id, vestibulum non, consequat imperdiet auctor, quis duis rutrum neque wisi, risus metus rhoncus vestibulum feugiat lacinia. Viverra dui interdum neque vivamus, id condimentum pellentesque scelerisque sagittis, sodales nec, donec ridiculus cursus, odio consequat. Purus fringilla tempus sit habitant sapien. Pharetra vitae, fringilla tortor, urna ante praesent vel inceptos, egestas litora quisque dictum in, libero iaculis morbi commodo gravida.Vestibulum tincidunt suscipit, molestie in lobortis mauris augue odio congue, ut at velit urna. Blandit nunc vivamus, sem odio tellus tempor bibendum. Amet pede pretium congue facilisis, ac sunt ad. Nonummy facilisis euismod sed vel rutrum, ultrices natoque congue ultrices reprehenderit, accumsan quisque sollicitudin ea magna. Tristique mauris condimentum, in ultrices vehicula pede in, venenatis viverra non dolor, tortor ipsum in class, pellentesque et in posuere quam. Sapien ac arcu, mauris ornare leo morbi non sit, nec felis consequat augue dolore ultricies. Mi mollis quis tempora tincidunt. Habitasse leo et nunc dictum, ut felis pharetra ante ut, nec vivamus quisque. Ante lacus sollicitudin amet wisi optio, justo lectus placerat ac tristique in vestibulum. Arcu amet etiam, nunc arcu vestibulum amet et etiam. Arcu sollicitudin vulputate eget sed, condimentum nec odio, sit dictum. Sodales urna mollis in tempus odio, lobortis elementum scelerisque lorem neque tortor, id lacinia et fringilla at consequat quis, neque mollis.</td><td width=10"></td><td background="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Borders/Eblock.gif" width="20"></td></tr><tr background="http://i745.photobucket.com/albums/xx94/Enekoro-sama/Borders/Eblock.gif" height="25"><td colspan="5"><center><a href="http://www.flickr.com/photos/chrysti/2505457937/in/set-72057594064002193/">Images</a> † <a href="http://community.livejournal.com/catsfiddle/profile/">Codes</a></center></td></tr></table></center>

† Please upload the following images into your own image host and replace the links accordingly. If I run out of bandwidth, you will be affected too.

Bird	Bird	Woodblock
Flowers	Embroidered	Eblock

† Please be mindful of the rules.
† The actual profiles may vary slightly from the previews.
† Watch this community?

Welcome!

heavyarms — Mon, 28 Dec 2009 06:53:41 GMT

Affiliates
handmade_icons, cirqueled, inconformista
Rules
01.	Please don't remove the credits in the code. You can move them around or edit them or put them somewhere else, so long as people can see them. I won't hunt you down if you don't, of course, but it'll be convenient for people to find what they're looking for, right?
02.	Do not edit and redistribute anything in here as your own. It's fine if you edit the layouts here for your own use, but don't go about sharing altered designs as yours. If you want to share my layouts, pointing people in this direction is much appreciated.
03.	Please upload the images to your own image hosts. You can find some recommendations here. This is to make sure that I won't run out of bandwidth, so I can make more layouts for you guys! And in that vein…
04.	No hotlinking. I left those image links in the code so you can try out the stylesheets on your own journals, but please do remember to replace the image links when you do decide to use them!
FAQ
01.	What's this comm about? Cat's Fiddle is a layout community, specifically for LiveJournal stylesheets (S2 styles only!) and the occasional profile layouts. Everything here is absolutely free. I mainly work with Basic and Plus accounts—no Sponsored accounts, sorry!—though they should work well with Paid accounts too. The stuff here's best viewed in the latest versions of Firefox, but I try to make them as compatible with as many browsers as I can.
02.	Will you customize my layouts for me? Only for small changes: changing color schemes, adding headers, etc. I can help you troubleshoot the designs only to a certain degree, ergo I won't do anything that would completely redesign the layout like moving large elements around or changing the entire theme of a layout to suit your needs. But if you have trouble with the layouts or if you're just not sure, you can ask here! mintyhelp, everything_lj, and tutorialayouts are also very helpful communities for this sort of thing. As well, these places might help you customize your layouts further.
03.	Do you take requests/commissions? As of now, no. Like I said above, everything in here is free. I might be willing to take layout commissions in the future, but that's for when I'm good enough for this sort of thing. If you need commissions, I personally recommend our affiliate, inconformista, where they're currently accepting commissions. As for requests, I might be able to open up something like that in the near future, so watch out for it! In the meantime, the suggestions post here will work just as well.
04.	Do you take affiliates? Yes! But only for graphics comms, please. That means tutorial comms, layout comms, icon comms, etc. geared specifically for LiveJournal (though if your layout comms feature Dreamwidth-exclusive layouts along with your regular LJ layouts or whatever then that's okay too!). Affiliates will be posted at this page and at this comm's profile page, and I go out of my way to pimp them out when I can. Please comment below or PM me and I'll gladly add you to the list!
Was there something else you needed to ask? Please comment below if you have any other concerns!

Image Hosts Photobucket \| Imgur \| TinyPic
Images, Illustrations, Artwork, Screencaps, &c. A Clipart History \| All Free Vintage Stuff \| Clickity Click \| From Old Books \| Image * After \| Karen's Whimsy \| Old Book Illustrations \| Photl \| Public Domain Photos \| toybirds \| Wikimedia Commons \| Wikipedia: Public domain image resources
Textures, Patterns, Brushes, Bases, Backgrounds, &c. brushlovers \| Citrus Moon \| COLOURlovers \| DinPattern \| FAKE REFLECTION \| Gawariel \| Squidfingers \| The Inspiration Gallery \| toybirds \| Ultimate Collection of Photoshop Brushes, Actions and Styles \| Vintage Retro Grunge \| Web Treats
Generators CSS3 Gradient Generator \| GRSites \| lixlpixel \| Real-time HTML Editor \| Tiny Icon Generator	Color Generators Color Palette Generator \| Color Picker \| Color Scheme Designer \| Color Schemer \| colr.org \| COLOURlovers \| SwatchSpot
Tiny Icons 25 Free Pictogram and Symbols Sign Icon Sets \| 96 of the Best Ever Free Icon Sets \| Artdesigner.lv \| Brand Spanking New \| brsev \| Circular Icons \| DryIcons \| FAMFAMFAM \| Iconfinder \| Glyphish \| HONGKIAT.COM \| iconSweets \| IconSweets 2 \| Iconza \| p.yusukekamiyamane \| Some Random Dude \| Splashy Icons \| SweetieLegacy \| We ♥ Icons \| WebTreats
Tutorials, References, &c.CSS: An Interactive Tutorial for Beginners HTML: An Interactive Tutorial for Beginners Impressive Webs Introduction to The Web Standards Curriculum maxdesign Mozilla Developer Network SitePoint
Fonts 1000 Fonts \| 1001 Fonts \| 25 New Free High-Quality Fonts \| Abstract Fonts \| Awesome Fontstacks \| Blambot Comic Fonts & Lettering \| dafont \| Fontfabric \| Font Squirrel \| London's Letters \| p.yusukekamiyamane \| The League of Moveable Type
Misc. Resources Browser Sandbox \| COLOURlovers \| CSS Zen Garden \| Firebug \| HTML Color Codes \| Pearl Crescent Page Saver \| Smashing Magazine \| TinEye \| Webs