Winter Song Layout
Well, ok, this is my second layout. Very basic again. Hope you'll like it.
Basic informations:Name of Style Sheet:Winter SongLayout:Tranquility IIStyle:S2 Sidebar: withoutTested on:Firefox 3.6, Opera 9.61, IE 7 in other browser it also looks good, but I can't tested it. (Safari and Chrome)Header:withoutHow to install?01.Choose a (style) layout. (here)02.
Set Ad Placement to: Between Entries.
03.Go to Customize Journal Theme. (here)04.In Display -> Navigation Strip select:
Light gray gradient05.In Display -> Presentation -> Basic Options type:
Date format: %%yyyy%%/%%mm%%/%%dd%%
06.In Display -> Presentation -> Additional Options type/select:
Userpic display style for comments: SMALL
Display your userpic with your entries: YES
Time format: %%HH%%:%%min%%
07.In Custom CSS -> Page select:
Use layout's stylesheet(s): NO
Leave "Custom External Stylesheet" empty.
Paste the CSS that I give you in the "Custom Stylesheet" box.
08.Remember to save changes!Used fonts: Palatino Linotype Courier New Verdana Georgia ArialUsed colors:
Used tiny icons set: Download from hereRules:01.Credit niewiadoma if you use.02.Comment. =)03.If you want to change something, it's ok, but don't change too much. But do it if you know how to do it. Seriously.
04.Better upload all images to your own account.
Live Preview | Image Preview
/* S2 Tranquility II - Winter song by niewiadoma.livejournal.com */ #menu h2.userpic {display:none;} body {background-color:#FFFFFF; color:#312B2B; margin:0 auto;} #container {width:600px; margin:0 auto; text-align:left;} #header {background-color:#F5F5F5; border:0 none; margin-bottom:150px; position:absolute; top:40px; width:600px; padding-bottom:20px;} #header h1 {font-family:Georgia,"Times New Roman",Times,serif; color:#FF5AA4; font-size:45px; text-align:center; text-transform:lowercase; letter-spacing:-3px;} .ind-entry, #menu, ul.ljtaglist, .entry-form, .ind-comment-one {border:0 none; background-color:#F5F5F5; max-width:600px;} .ind-entry, ul.ljtaglist, .entry-form, .ind-comment-one { border-top:1px dotted #D8D8D8; padding:16px 5px; margin-bottom:50px; text-align:justify;} #menu {position:absolute; top:115px important!; top:125px; width:600px; padding:20px 0; text-align:center;} #content {margin-left:0px; top:500px; margin-top:200px;} #entries {border:0 none;} ul#lj-links li{ list-style:none outside none; display: inline; } ul#lj-links { padding: 0; list-style-type: none; white-space: nowrap; margin: 0 0 0 150px; } ul#lj-links li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #FFFFFF; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; } #lj-links a, #lj-links a:link { margin: 0; padding: 5px 9px 4px 9px; color: #312B2B; border-right: 1px dashed #F1F1F1; border-left: 1px dashed #F1F1F1; text-decoration: none; } ul#lj-links li.active { color: #312B2B; padding: 5px 9px 4px 9px; background-color: #F5F5F5; } #lj-links a:hover { color: #312B2B; background-color: #FFDBFB; } #footer {color:#ffffff;} h4 {font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; font-size:10px; font-style:normal; text-transform:uppercase;} .userpic img {width:50px; height:50px; padding:15px; background-color:#FFFFFF; border: 1px dotted #D8D8D8; float:right; margin-right:5px; margin-left:5px;} h2 a {font-family:"Courier New",Courier,monospace; font-variant:small-caps; font-weight:100; letter-spacing:-1px; font-style:normal; color:#312B2B; text-decoration:none; line-height:65%;} .ind-entry h4 a, .ind-comment-one h4 a, .ind-comment-two h4 a, .ind-comment-screened h4 a , .ljtags a { border-bottom:1px dotted #D8D8D8; text-decoration:none; color:#D8D8D8; } .ind-entry h4 a:hover, .ind-comment-one h4 a:hover, .ind-comment-two h4 a:hover, .ind-comment-screened h4 a:hover , .ljtags a:hover { color:#FF5AA4; text-decoration:none; } .ind-entry h4 a.comments{border-bottom:2px dotted #D8D8D8; color:#999999; font-family:Georgia,"Times New Roman",Times,serif; font-size:13px; letter-spacing:-1px; font-weight:normal; text-transform:lowercase; } .ind-entry h4 a.comments:hover { border-bottom:3px solid #FDBBF6; } .entry-item { font-family:"Palatino Linotype","Book Antiqua",Palatino,serif; font-size:12px; color:#312B2B;} .entry-item a, a {text-decoration:none; color:#FDBBF6;} #footer {text-align:center;} #footer a {color:#D8D8D8; font-family:Georgia,"Times New Roman",Times,serif; font-size:20px; text-decoration:none; } blockquote {border-left: 2px #FF5AA4 solid; border-top: 1px dotted #D8D8D8; padding:5px;} .entry-item ul {list-style-type:circle;} .entry-item ol {list-style-type:upper-roman;} ul.ljtaglist {list-style-type:none; padding-left:10px;} .entry-form h2 {font-size:12px;} textarea.textbox {width:450px;} .ind-comment-one h2 {font-size:14px; font-style:italic; text-transform:lowercase; font-family:Georgia,"Times New Roman",Times,serif;} img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://pics.livejournal.com/hexniewiadoma/pic/000052bd) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://pics.livejournal.com/hexniewiadoma/pic/000043rk) no-repeat !important; padding: 16px 2px 0 16px !important; } img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://pics.livejournal.com/hexniewiadoma/pic/00003f46) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://pics.livejournal.com/hexniewiadoma/pic/00002zft) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://pics.livejournal.com/hexniewiadoma/pic/000013ep) no-repeat !important; padding: 16px 0 0 16px !important; } div.ContextualPopup div.Inner { background-color: #F5F5F5 !important; color: #312B2B !important; border: 1px solid #FDBBF6; padding: 10px; width: 200px; } ul#user-links, ul#lj-summary, #menu h2 {display:none;}
Basic informations:Name of Style Sheet:Winter SongLayout:Tranquility IIStyle:S2 Sidebar: withoutTested on:Firefox 3.6, Opera 9.61, IE 7 in other browser it also looks good, but I can't tested it. (Safari and Chrome)Header:withoutHow to install?01.Choose a (style) layout. (here)02.
Set Ad Placement to: Between Entries.
03.Go to Customize Journal Theme. (here)04.In Display -> Navigation Strip select:
Light gray gradient05.In Display -> Presentation -> Basic Options type:
Date format: %%yyyy%%/%%mm%%/%%dd%%
06.In Display -> Presentation -> Additional Options type/select:
Userpic display style for comments: SMALL
Display your userpic with your entries: YES
Time format: %%HH%%:%%min%%
07.In Custom CSS -> Page select:
Use layout's stylesheet(s): NO
Leave "Custom External Stylesheet" empty.
Paste the CSS that I give you in the "Custom Stylesheet" box.
08.Remember to save changes!Used fonts: Palatino Linotype Courier New Verdana Georgia ArialUsed colors:
Used tiny icons set: Download from hereRules:01.Credit niewiadoma if you use.02.Comment. =)03.If you want to change something, it's ok, but don't change too much. But do it if you know how to do it. Seriously.
04.Better upload all images to your own account.
Live Preview | Image Preview
/* S2 Tranquility II - Winter song by niewiadoma.livejournal.com */ #menu h2.userpic {display:none;} body {background-color:#FFFFFF; color:#312B2B; margin:0 auto;} #container {width:600px; margin:0 auto; text-align:left;} #header {background-color:#F5F5F5; border:0 none; margin-bottom:150px; position:absolute; top:40px; width:600px; padding-bottom:20px;} #header h1 {font-family:Georgia,"Times New Roman",Times,serif; color:#FF5AA4; font-size:45px; text-align:center; text-transform:lowercase; letter-spacing:-3px;} .ind-entry, #menu, ul.ljtaglist, .entry-form, .ind-comment-one {border:0 none; background-color:#F5F5F5; max-width:600px;} .ind-entry, ul.ljtaglist, .entry-form, .ind-comment-one { border-top:1px dotted #D8D8D8; padding:16px 5px; margin-bottom:50px; text-align:justify;} #menu {position:absolute; top:115px important!; top:125px; width:600px; padding:20px 0; text-align:center;} #content {margin-left:0px; top:500px; margin-top:200px;} #entries {border:0 none;} ul#lj-links li{ list-style:none outside none; display: inline; } ul#lj-links { padding: 0; list-style-type: none; white-space: nowrap; margin: 0 0 0 150px; } ul#lj-links li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #FFFFFF; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; } #lj-links a, #lj-links a:link { margin: 0; padding: 5px 9px 4px 9px; color: #312B2B; border-right: 1px dashed #F1F1F1; border-left: 1px dashed #F1F1F1; text-decoration: none; } ul#lj-links li.active { color: #312B2B; padding: 5px 9px 4px 9px; background-color: #F5F5F5; } #lj-links a:hover { color: #312B2B; background-color: #FFDBFB; } #footer {color:#ffffff;} h4 {font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; font-size:10px; font-style:normal; text-transform:uppercase;} .userpic img {width:50px; height:50px; padding:15px; background-color:#FFFFFF; border: 1px dotted #D8D8D8; float:right; margin-right:5px; margin-left:5px;} h2 a {font-family:"Courier New",Courier,monospace; font-variant:small-caps; font-weight:100; letter-spacing:-1px; font-style:normal; color:#312B2B; text-decoration:none; line-height:65%;} .ind-entry h4 a, .ind-comment-one h4 a, .ind-comment-two h4 a, .ind-comment-screened h4 a , .ljtags a { border-bottom:1px dotted #D8D8D8; text-decoration:none; color:#D8D8D8; } .ind-entry h4 a:hover, .ind-comment-one h4 a:hover, .ind-comment-two h4 a:hover, .ind-comment-screened h4 a:hover , .ljtags a:hover { color:#FF5AA4; text-decoration:none; } .ind-entry h4 a.comments{border-bottom:2px dotted #D8D8D8; color:#999999; font-family:Georgia,"Times New Roman",Times,serif; font-size:13px; letter-spacing:-1px; font-weight:normal; text-transform:lowercase; } .ind-entry h4 a.comments:hover { border-bottom:3px solid #FDBBF6; } .entry-item { font-family:"Palatino Linotype","Book Antiqua",Palatino,serif; font-size:12px; color:#312B2B;} .entry-item a, a {text-decoration:none; color:#FDBBF6;} #footer {text-align:center;} #footer a {color:#D8D8D8; font-family:Georgia,"Times New Roman",Times,serif; font-size:20px; text-decoration:none; } blockquote {border-left: 2px #FF5AA4 solid; border-top: 1px dotted #D8D8D8; padding:5px;} .entry-item ul {list-style-type:circle;} .entry-item ol {list-style-type:upper-roman;} ul.ljtaglist {list-style-type:none; padding-left:10px;} .entry-form h2 {font-size:12px;} textarea.textbox {width:450px;} .ind-comment-one h2 {font-size:14px; font-style:italic; text-transform:lowercase; font-family:Georgia,"Times New Roman",Times,serif;} img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://pics.livejournal.com/hexniewiadoma/pic/000052bd) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://pics.livejournal.com/hexniewiadoma/pic/000043rk) no-repeat !important; padding: 16px 2px 0 16px !important; } img[src*="img/syndicated.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://pics.livejournal.com/hexniewiadoma/pic/00003f46) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://pics.livejournal.com/hexniewiadoma/pic/00002zft) no-repeat !important; padding: 16px 0 0 16px !important; } img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://pics.livejournal.com/hexniewiadoma/pic/000013ep) no-repeat !important; padding: 16px 0 0 16px !important; } div.ContextualPopup div.Inner { background-color: #F5F5F5 !important; color: #312B2B !important; border: 1px solid #FDBBF6; padding: 10px; width: 200px; } ul#user-links, ul#lj-summary, #menu h2 {display:none;}