(LAYOUT 011 →) color on a canvas.

Apr 02, 2011 19:56


WOO WOO WOO JGL DANCE PARTY


In celebration of 400+ Watchers!



This one is special. And the colors particularly excite me. Not to mention I worked like a dog on the presentation, so this is probably my favorite layout thus far! Woo! Do like? Do use. Abuse. Please feel free. Most likely this will be the last update until May, if not later, because of school. But who knows, I might sneak something else in. ;)

...............................



entitled: color on a canvas.
TESTED IN: FIREFOX, GOOGLE CHROME, SAFARI, IE
VERSIONS: (2) BRIGHT NEON, BERRY PLUM
LIVE PREVIEW | STATIC PREVIEW

...............................



ALTERNATE VERSION: BERRY PLUM
LIVE PREVIEW | STATIC PREVIEW

...............................

( basic settings )

Account Types: All (Paid, Basic, Plus)
Ad Placement: Vertical
Comment Pages: Yes, but I recommend they be disabled
Sidebar Positioning: Left
Enabled: Blurb, Tags list, Calendar, Page Summary, Search bar
Disabled: Links list, Title, Subtitle

( how to install )

Go to Customize Your Journal Style. Make sure you have a Smooth Sailing stylesheet selected, such as "Blue Days." If not, type Smooth Sailing into the search bar and select one.
Page setup -> 2 Column (sidebar on left) option selected.
Display tab -> Presentation -> Additional options -> user picture position should be set to right.
Custom CSS tab -> All dropdown menus should be set to NO.

Input the following CSS:

BRIGHT NEON //

/* entitled: color on a canvas */
/* stylesheet: smooth sailing */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */

body {
font-family: Arial, sans-serif;
font-size: 12px;
color: #A3A3A3;
background-color: #FFF;
background-attachment: fixed;
background-image: url("http://i51.tinypic.com/t5k9cj.png");

}

textarea, input, select {
background:none repeat scroll 0 0 #FFFFFF;
border:1px dotted #BFBFBF;
font-size:11px;
color: #B5B5B5;
line-height:15px;
padding:1px;
margin: 3px;
}

blockquote {
font-family: courier new;
color: #919191;
background-attachment: fixed;
background-image: url("http://i51.tinypic.com/2j5nga8.png");
padding: 7px;

}

blockquote i, blockquote em, blockquote b {
font-family: courier new;
font-size: 11px;
color: #919191;
}

.pageblock {
width: 1000px;
background-color: #E6F7F7;
margin: auto;
padding: 0;
color: #E6F7F7;
font-size: 9px;
}

a {
color: #EB9C4D;
text-decoration: none;
letter-spacing: 0px;
}

b, strong {
color: #A8D367;

}

i, em {
color: #EB9C4D;
font-family: Times, serif;
font-size: 12px;
}

a:hover {
color: #CCCCCC;
}

.entryHeaderDate a {
color: #A3A3A3;
text-decoration: none;
}

.entryHeaderDate a:hover {
color: #A3A3A3;
text-decoration: none;
}

.header-title {
display: none;
}

/* FOR NAVIGATION */
.header-menu a {
font-size:11px;
padding: 10px 10px 10px 10px;
color: #A3A3A3;
letter-spacing: 0px;
text-transform: lowercase;
text-align: center;

}

.header-menu a:link, .header-menu a:active, .header-menu a:visited {
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
margin-top: 10px;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 3px;
background: white;

}

.header-menu a:hover {
color: #EB9C4D;
}

.header-subtitle {
display: none;
}

.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 2;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

.pageheaderblock {
border-top:30px solid #9EE5E5;
text-align: center;
}

.pagefooterblock {
border-bottom:30px solid #9EE5E5;
font-size: 11px;
text-align: right;
padding: .5em;
letter-spacing: none;
}

.pagefooterblock a, .pagefooterblock a:visited {
color: #CEE2E2;
}

/* ENRTY BODY */
.bodyblock {
padding: 12px 42px;
}

.bodyheaderblock {
margin: 0 auto;
padding-top: 10px;
}

.bodynavblock {
text-align: right;
}

.bodynavblock a, .bodynavblock a:visited {
color: #BCBCBC;
}

/* PAGE VIEW */
.body-title {
display: none;
}

.body-midtitle {
font-family:Arial, sans-serif;
font-size: 18px;
color: #AFAFAF;
text-align: center;
padding-left: 8px;
background-color: white;
}

/* JOURNAL ENTRIES */
.entryHolder {
color: #919191;
background: #F3FFCF;
font-family:Arial, sans-serif;
font-size: 11px;
border-top: 1px solid #EFEFEF;
text-align: justify;
z-index:1;
}

.entryUserinfo {
position:relative;
margin-top: -55px;
margin-left: -120px;
border-top: 21px solid #EB9C4D;
text-align: center;
z-index:6;

}

.entryUserinfo-usericon img {
position:relative;
background-color: #F2D680;
padding: 20px;
border: 5px solid #F2D680;

}

.entryText {
padding: 15px;
background: white;
line-height: 1.5em;
width: 516px;
min-height:170px;
}

/* DATE AND SUBJECT */
.entryHeaderDate {
background: none;
color: #828282;
font-family:courier new;
font-size: 10px;
letter-spacing: 1px;
margin: 5px;
text-transform: uppercase;
z-index:0;
}

.entryHeader {
background: white;
color:#828282;
font-family:Arial, sans-serif;
font-size:20px;
padding: 10px;
margin: 0;
z-index:0;
}

.entryHeader a {
color: #e0e0e0;
font-family:Times, serif;
font-size: 25px;
line-height: 22px;
letter-spacing: -1px;
font-weight:bold;
font-style:italic;
text-transform: lowercase;

.entryHeader a:hover { }

}

/* SUBJECT LINE */
.entryHeaderSubject {
display: block;
background: white;
font-size: 0px;

}

.entryMetadata {
border-left: 15px solid #F2D680;
margin-left: 25px;
padding:5px 0px 7px 7px;
text-align: left;
background: white;
z-index: -1;
width:499px;
}

.entryMetadata ul {
margin: 0px;
padding: 0px;
z-index: -1;
}

.entryMetadata li {
list-style: none;
background:none repeat scroll 0 0 transparent;
display:block;
list-style:none outside none;
padding-right: 12px;
padding-top: 2px;
padding-bottom: 2px;
z-index: -1;
}

.entryMetadata-label {
font-weight: bold;
color: #919191;
padding-right: 4px;
z-index: -1;
}

/* ENTRY COMMENT LINKS */
.entryLinkbar {
font-family:courier new;
background:none repeat scroll 0 0 white;
font-size: 10px;
text-align: right;
align: right;
padding: 4px 0px 4px 0px;
margin-bottom:0;
text-transform: uppercase;
width: 547px;
}

.entryLinkbar a {
background:none repeat scroll 0 0 transparent;
color:#919191;
letter-spacing:0;
text-transform:uppercase;

}

.entryLinkbar a:hover {
color:#76CCCC;

}

.entryLinkbar ul {
margin: 0px;
padding: 0px;
}

.entryLinkbar li {
padding: 0px 5px 0px 2px;
margin: 0px;
display: inline;
}

.commentHolder {
color: #A3A3A3;
background-color: #F3FFCF;
border-top: 10px solid #9EE5E5;
font-family: ;
font-size: 11px;
margin: 4px 0px 4px 0px;
}

.commentUserinfo {
text-align: center;
border-top: 12px solid #EB9C4D;
margin: 0;
}

.commentUserinfo-usericon img {
text-align: center;
padding: 22px;
border: none;
background-color: #F2D680;
}

.commentText {
padding: 6px;
background-color: white;
min-height:144px;
}

.commentHeader {
background-color: #E6F7F7;
color: #939393;
font-family:Arial, sans-serif;
font-size: 11px;
padding: 4px 0px 4px 8px;
}

.commentHeader a {
color: #A3A3A3;
}

.commentHeaderScreened {
font-family:Arial, sans-serif;
font-size: 11px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}

.commentHeaderSubject {
font-weight: bold;
font-size: 12px;
font-style: Arial, sans-serif;
}

.commentLinkbar {
font-family:Arial, sans-serif;
font-size: 11px;
color: #A3A3A3;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}

.commentLinkbar ul {
margin: 0px;
padding: 0px;
}

.commentLinkbar li {
padding: 5px 5px 5px 5px;
margin-bottom: 3px;
background-color: white;
display: inline;
}

#commenttext {
width: 100%;
}

.replyform {
padding-left: 10px;
}

.yearlinks {
text-align: right;
}

.yearlink {
padding-left: 4px;
padding-right: 4px;
}

.month {
width: 100%;
background: white;
border: 1px solid #dddddd;
margin: 4px 4px 4px 4px;
}

.daysubjects {
color: #000000;
background: white;
padding: 4px 4px 4px 4px;
}

.daytitles {
text-align: center;
border: 0px solid #dddddd;
background: #A8D367;
color: white;
}

.day-blank {
border: 0px solid #dddddd;
}

.day {
border: 1px solid #dddddd;
}

.day-date {
color: #76CCCC;
width: 50%;
text-align: center;
}

.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 14px;
font-weight: bold;
}

.day-count a {
text-decoration: none;
}

/* GENERAL SIDEBAR */
.sidebar {
color: #828282;
font-size: 11px;
line-height: 1.5em;
width: 220px;
}

/* WITHIN SIDEBAR */
.sidebox {
border-top: 1px solid #EFEFEF;
color: #AFAFAF;
margin-right: 10px;
background-color: white;
}

/* SIDEBOX TITLE */
.sideboxTitle {
display: none;
}

.sideboxContent {
text-align: justify;
border-top: 20px solid white;
border-bottom: 10px solid white;
padding: 2px 4px 2px 4px;
}

.sidebox #profile, sidebox #latestmonth, .sidebox #search {
text-align: justify;
}

.sidebox #tags_sidebox {
padding-left: 5px;
line-height: .75em;
text-align: left;
color: white;

}

.sidebox #tags_sidebox a {
display: block;
padding-left: 5px;
border-bottom: 1px solid #F2F2F2;
padding-bottom: 7px;
padding-top: 7px;

}

.sidebox #tags_sidebox a:hover {
color: #6ED3D3;
border-bottom: 1px solid #C9C9C9;
background-image: url("http://i51.tinypic.com/2j5nga8.png");
background-color: #f2f2f2;
}

.sidebox #systemlinks {
text-align: left;
}

.sidebox #latestmonth table {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

.latestmonth-active{
border-top: 4px solid #A8D367;
background:#F3FFCF;
margin:1px;
padding:3px;
}
.latestmonth-inactive{
background:#F3FFCF;
border:1px dotted #EFEFEF;
margin:1px;
padding:3px;
}
.latestmonth-active a, .latestmonth-active a:link, .latestmonth-active a:active {
color:#EB9C4D;
text-decoration:none;
}

.latestmonth-active:hover {
border-top: 4px solid #9EE5E5;
background:#E6F7F7;
text-decoration:none;
}

.latestmonth-active a:hover
{
color: #76CCCC;
}

.listtitle {
font-weight: none;
}

.profile-label {
font-weight: none;
}

#footer-menu {
padding: 3px;
font-size: 11px;
}

#footer-menu a {
display: none;
}

.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}

.header-menu li, #footer-menu li {
display: inline;
}

.tagstable, .tagstable td {
border: 1px solid #dddddd;
}

.tagstable {
width: 500px;
}

/* FOR TINY ICONS */
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img[src*="userinfo-support.gif"], img[src*="openid-profile.gif"] {
background-image:url("http://i47.tinypic.com/wi7k3m.png");
background-repeat:no-repeat !important;
height:0;
padding:10px 11px 4px 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url("http://i46.tinypic.com/2i6jmnn.gif");
background-repeat:no-repeat !important;
height:0;
padding:17px 17px 0 0 !important;
width:0;
}
img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-image:url("http://i50.tinypic.com/25tun2a.jpg") !important;
background-repeat:no-repeat !important;
height:0;
padding:20px 17px 0 0px !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i47.tinypic.com/2rh8cwm.gif");
background-repeat:no-repeat !important;
height:0;
padding:20px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg");
background-repeat:no-repeat !important;
height:0;
padding:20px 18px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url("http://i48.tinypic.com/2a9nwwl.gif") !important;
background-repeat:no-repeat !important;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg") !important;
background-repeat:no-repeat;
height:0;
padding:20px 18px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url("http://i47.tinypic.com/2i6gvac.gif") !important;
background-repeat:no-repeat;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}

BERRY PLUM //

/* entitled: color on a canvas (plum) */
/* stylesheet: smooth sailing */
/* maker: silentevocation @ fleeting_days */
/* for use at livejournal.com */

body {
font-family: Arial, sans-serif;
font-size: 12px;
color: #A3A3A3;
background-color: #FFF;
background-attachment: fixed;
background-image: url("http://i51.tinypic.com/t5k9cj.png");

}

textarea, input, select {
background:none repeat scroll 0 0 #FFFFFF;
border:1px dotted #BFBFBF;
font-size:11px;
color: #B5B5B5;
line-height:15px;
padding:1px;
margin: 3px;
}

blockquote {
font-family: courier new;
color: #919191;
background-attachment: fixed;
background-image: url("http://i51.tinypic.com/2j5nga8.png");
padding: 7px;

}

blockquote i, blockquote em, blockquote b {
font-family: courier new;
font-size: 11px;
color: #919191;
}

.pageblock {
width: 1000px;
background-color: #E5D7E1;
margin: auto;
padding: 0;
color: #E5D7E1;
font-size: 9px;
}

a {
color: #B38184;
text-decoration: none;
letter-spacing: 0px;
}

b, strong {
color: #73626E;

}

i, em {
color: #B38184;
font-family: Times, serif;
font-size: 12px;
}

a:hover {
color: #CCCCCC;
}

.entryHeaderDate a {
color: #A3A3A3;
text-decoration: none;
}

.entryHeaderDate a:hover {
color: #A3A3A3;
text-decoration: none;
}

.header-title {
display: none;
}

/* FOR NAVIGATION */
.header-menu a {
font-size:11px;
padding: 10px 10px 10px 10px;
color: #A3A3A3;
letter-spacing: 0px;
text-transform: lowercase;
text-align: center;

}

.header-menu a:link, .header-menu a:active, .header-menu a:visited {
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
margin-top: 10px;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 3px;
background: white;

}

.header-menu a:hover {
color: #B38184;
}

.header-subtitle {
display: none;
}

.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 2;
border-left: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

.pageheaderblock {
border-top:30px solid #AF83A1;
text-align: center;
}

.pagefooterblock {
border-bottom:30px solid #AF83A1;
font-size: 11px;
text-align: right;
padding: .5em;
letter-spacing: none;
}

.pagefooterblock a, .pagefooterblock a:visited {
color: #CEE2E2;
}

/* ENRTY BODY */
.bodyblock {
padding: 12px 42px;
}

.bodyheaderblock {
margin: 0 auto;
padding-top: 10px;
}

.bodynavblock {
text-align: right;
}

.bodynavblock a, .bodynavblock a:visited {
color: #BCBCBC;
}

/* PAGE VIEW */
.body-title {
display: none;
}

.body-midtitle {
font-family:Arial, sans-serif;
font-size: 18px;
color: #AFAFAF;
text-align: center;
padding-left: 8px;
background-color: white;
}

/* JOURNAL ENTRIES */
.entryHolder {
color: #919191;
background: #F4EAD4;
font-family:Arial, sans-serif;
font-size: 11px;
border-top: 1px solid #EFEFEF;
text-align: justify;
z-index:1;
}

.entryUserinfo {
position:relative;
margin-top: -55px;
margin-left: -120px;
border-top: 21px solid #B38184;
text-align: center;
z-index:6;

}

.entryUserinfo-usericon img {
position:relative;
background-color: #F0B49E;
padding: 20px;
border: 5px solid #F0B49E;

}

.entryText {
padding: 15px;
background: white;
line-height: 1.5em;
width: 516px;
min-height:170px;
}

/* DATE AND SUBJECT */
.entryHeaderDate {
background: none;
color: #828282;
font-family:courier new;
font-size: 10px;
letter-spacing: 1px;
margin: 5px;
text-transform: uppercase;
z-index:0;
}

.entryHeader {
background: white;
color:#828282;
font-family:Arial, sans-serif;
font-size:20px;
padding: 10px;
margin: 0;
z-index:0;
}

.entryHeader a {
color: #e0e0e0;
font-family:Times, serif;
font-size: 25px;
line-height: 22px;
letter-spacing: -1px;
font-weight:bold;
font-style:italic;
text-transform: lowercase;

.entryHeader a:hover { }

}

/* SUBJECT LINE */
.entryHeaderSubject {
display: block;
background: white;
font-size: 0px;

}

.entryMetadata {
border-left: 15px solid #F0B49E;
margin-left: 25px;
padding:5px 0px 7px 7px;
text-align: left;
background: white;
z-index: -1;
width:499px;
}

.entryMetadata ul {
margin: 0px;
padding: 0px;
z-index: -1;
}

.entryMetadata li {
list-style: none;
background:none repeat scroll 0 0 transparent;
display:block;
list-style:none outside none;
padding-right: 12px;
padding-top: 2px;
padding-bottom: 2px;
z-index: -1;
}

.entryMetadata-label {
font-weight: bold;
color: #919191;
padding-right: 4px;
z-index: -1;
}

/* ENTRY COMMENT LINKS */
.entryLinkbar {
font-family:courier new;
background:none repeat scroll 0 0 white;
font-size: 10px;
text-align: right;
align: right;
padding: 4px 0px 4px 0px;
margin-bottom:0;
text-transform: uppercase;
width: 546px;
}

.entryLinkbar a {
background:none repeat scroll 0 0 transparent;
color:#919191;
letter-spacing:0;
text-transform:uppercase;

}

.entryLinkbar a:hover {
color:#AF83A1;

}

.entryLinkbar ul {
margin: 0px;
padding: 0px;
}

.entryLinkbar li {
padding: 0px 5px 0px 2px;
margin: 0px;
display: inline;
}

.commentHolder {
color: #A3A3A3;
background-color: #F4EAD4;
border-top: 10px solid #AF83A1;
font-family: ;
font-size: 11px;
margin: 4px 0px 4px 0px;
}

.commentUserinfo {
text-align: center;
border-top: 12px solid #B38184;
margin: 0;
}

.commentUserinfo-usericon img {
text-align: center;
padding: 22px;
border: none;
background-color: #F0B49E;
}

.commentText {
padding: 6px;
background-color: white;
min-height:144px;
}

.commentHeader {
background-color: #E5D7E1;
color: #939393;
font-family:Arial, sans-serif;
font-size: 11px;
padding: 4px 0px 4px 8px;
}

.commentHeader a {
color: #A3A3A3;
}

.commentHeaderScreened {
font-family:Arial, sans-serif;
font-size: 11px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}

.commentHeaderSubject {
font-weight: bold;
font-size: 12px;
font-style: Arial, sans-serif;
}

.commentLinkbar {
font-family:Arial, sans-serif;
font-size: 11px;
color: #A3A3A3;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}

.commentLinkbar ul {
margin: 0px;
padding: 0px;
}

.commentLinkbar li {
padding: 5px 5px 5px 5px;
margin-bottom: 3px;
background-color: white;
display: inline;
}

#commenttext {
width: 100%;
}

.replyform {
padding-left: 10px;
}

.yearlinks {
text-align: right;
}

.yearlink {
padding-left: 4px;
padding-right: 4px;
}

.month {
width: 100%;
background: white;
border: 1px solid #dddddd;
margin: 4px 4px 4px 4px;
}

.daysubjects {
color: #000000;
background: white;
padding: 4px 4px 4px 4px;
}

.daytitles {
text-align: center;
border: 0px solid #dddddd;
background: #F0B49E;
color: white;
}

.day-blank {
border: 0px solid #dddddd;
}

.day {
border: 1px solid #dddddd;
}

.day-date {
color: #73626E;
width: 50%;
text-align: center;
}

.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 14px;
font-weight: bold;
}

.day-count a {
text-decoration: none;
}

/* GENERAL SIDEBAR */
.sidebar {
color: #828282;
font-size: 11px;
line-height: 1.5em;
width: 220px;
}

/* WITHIN SIDEBAR */
.sidebox {
border-top: 1px solid #EFEFEF;
color: #AFAFAF;
margin-right: 10px;
background-color: white;
}

/* SIDEBOX TITLE */
.sideboxTitle {
display: none;
}

.sideboxContent {
text-align: justify;
border-top: 20px solid white;
border-bottom: 10px solid white;
padding: 2px 4px 2px 4px;
}

.sidebox #profile, sidebox #latestmonth, .sidebox #search {
text-align: justify;
}

.sidebox #tags_sidebox {
padding-left: 5px;
line-height: .75em;
text-align: left;
color: white;

}

.sidebox #tags_sidebox a {
display: block;
padding-left: 5px;
border-bottom: 1px solid #F2F2F2;
padding-bottom: 7px;
padding-top: 7px;

}

.sidebox #tags_sidebox a:hover {
color: #AD6993;
border-bottom: 1px solid #C9C9C9;
background-image: url("http://i51.tinypic.com/2j5nga8.png");
background-color: #f2f2f2;
}

.sidebox #systemlinks {
text-align: left;
}

.sidebox #latestmonth table {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

.latestmonth-active{
border-top: 4px solid #B5779D;
background:#F4EAD4;
margin:1px;
padding:3px;
}
.latestmonth-inactive{
background:#F2F2F2;
border:1px solid #DDDDDD;
color: #B38184;
margin:1px;
padding:3px;
}
.latestmonth-active a, .latestmonth-active a:link, .latestmonth-active

a:active {
color:#B38184;
text-decoration:none;
}

.latestmonth-active:hover {
border-top: 4px solid #AF83A1;
background:#E5D7E1;
text-decoration:none;
}

.latestmonth-active a:hover
{
color: #AF83A1;
}

.listtitle {
font-weight: none;
}

.profile-label {
font-weight: none;
}

#footer-menu {
padding: 3px;
font-size: 11px;
}

#footer-menu a {
display: none;
}

.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}

.header-menu li, #footer-menu li {
display: inline;
}

.tagstable, .tagstable td {
border: 1px solid #dddddd;
}

.tagstable {
width: 500px;
}

/* FOR TINY ICONS */
img[src*="userinfo.gif"], img[src*="user_ontd.gif"], img

[src*="userinfo-support.gif"], img[src*="openid-profile.gif"] {
background-image:url("http://i47.tinypic.com/wi7k3m.png");
background-repeat:no-repeat !important;
height:0;
padding:10px 11px 4px 0 !important;
width:0;
}
img[src*="anonymous.gif"] {
background-image:url("http://i46.tinypic.com/2i6jmnn.gif");
background-repeat:no-repeat !important;
height:0;
padding:17px 17px 0 0 !important;
width:0;
}
img[src*="community.gif"], img[src*="partnercomm.gif"] {
background-image:url("http://i50.tinypic.com/25tun2a.jpg") !important;
background-repeat:no-repeat !important;
height:0;
padding:20px 17px 0 0px !important;
width:0;
}
img[src*="newsinfo.gif"] {
background-image:url("http://i47.tinypic.com/2rh8cwm.gif");
background-repeat:no-repeat !important;
height:0;
padding:20px 18px 0 0 !important;
width:0;
}
img[src*="syndicated.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg");
background-repeat:no-repeat !important;
height:0;
padding:20px 18px 0 0 !important;
width:0;
}
img[src*="icon_protected.gif"] {
background-image:url("http://i48.tinypic.com/2a9nwwl.gif") !important;
background-repeat:no-repeat !important;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}
img[src*="icon_groups.gif"] {
background-image:url("http://i45.tinypic.com/2zpic05.jpg") !important;
background-repeat:no-repeat;
height:0;
padding:20px 18px 0 0 !important;
width:0;
}
img[src*="icon_private.gif"] {
background-image:url("http://i47.tinypic.com/2i6gvac.gif") !important;
background-repeat:no-repeat;
height:0;
padding:17px 18px 0 0 !important;
width:0;
}

Sidebar setup:
Sidebar tab -> Page -> Profile position "hide", Summary position "2", Latest month positon "3" -> Tags Sidebox -> Tags Sidebox position "5" -> Multisearch Sidebox -> Multisearch Sidebox position "6" -> Free Text Sidebox -> Free Text sidebox position "1"

additional:

Saving/Hosting: All tiny icons should be saved to your own hardrive and reuploaded onto an image hosting site, in case mine go out. This is not required, obviously, just suggested.
Editing: Feel free to change/edit the backgrounds, color scheme, etc.
Just don't change the framework CSS and be sure to have a link back to this community or my journal as credit somewhere, anywhere on your livejournal.
Questions: Check out the FAQ and see if your question is answered. If not, leave a comment, and I'll do my best to help with any problems.

WATCH // AFFILIATION

theme: bright palette, theme: colorful and saturated, !stylesheet: smooth sailing, #livejournal layouts, (thank you) ありがとう。

Previous post Next post
Up