Layouts#1
Layouts featuring :
- Kato Shige
- Nishikido Ryo
*You can request the headers from me. (If you wish to use your own layout)
1. If you are using S1, switch to S2.
2. Under "Select a New Theme", type "Flexible Squares" in the Search box.
3. Click "Apply Theme" directly underneath the first search result.
4. Scroll down to "Choose a Page Setup", and click "Apply Layout" under "2 Column (sidebar on right)".
5. Click the button that says "Customize Selected Theme".
6. Click "Sidebar" on the left.
7. Click "Custom CSS" on the left. Change "Use layout's stylesheet(s)" to Yes.
8. Paste the following code into the Custom stylesheet box
/* BY: refuted -- (http://refuted.livejournal.com) Header: sushimiz -- (http://sushimiz.livejournal.com) DO NOT REMOVE THIS SECTION */ body { background-color: #EAFAED; color: #585858; margin-top: 0px; } a, a:link, a:visited, a:active { color: #6EC078; text-decoration: none; } a:hover, a:hover b, a:hover strong { color: #000000; text-decoration: none; border-bottom: 1px #A8E4B5 solid; } strong, b { color: #6EC078; font-weight: bold; } blockquote { margin: 8px; padding: 8px; background: #F6F7F8; color: #808080; line-height: 15px; font-family: "Trebuchet ms", arial, verdana, sans-serif; font-size: 7.5pt; text-align: justify; border: 1px solid #EAEAEA; } code, kbd, pre, tt { font-family: monospace; } #content { width: 750px; background-color: #ffffff; padding: 0px; border-width: 0px; margin-top: 0px; } #sidebar { float: right; width: 170px; background-color: transparent; margin-right: 7px; margin-top: 1px; border-width: 0px; } #maincontent { float: left; width: 560px; margin: 0; padding: 0px; border: none; background-color: transparent; } .headerimage {height: 300px; background-image: url("http://i466.photobucket.com/albums/rr29/sushimiz/ShigeDefyGravityHeader.jpg") !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center !important; margin-bottom: 0px} #footer { clear: both; width: auto; padding: 3px; text-align: center; background-color: transparent; border: none; } .entry { padding-top: 4px; padding-left: 0px; background-color: transparent; color: #585858; line-height: 12pt; font-family: tahoma, arial; font-size: 7pt; text-align: justify; border-width: 0px; } .defaultuserpic img { display: none; } .userpic { padding: 5px; background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #E5E5E5; margin-right: 10px; } .userpicfriends { margin-right: 10px; padding: 5px; background-color: #ffffff !important; border-style: solid; border-width: 1px; border-color: #E5E5E5; } .userpiccomment { padding: 5px; background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #E5E5E5; } .date { color: #6EC078; background-color: transparent; border-width: 0px; font-family: "trebuchet ms", verdana, sans-serif; font-size: 7pt; margin-left: 10px; } .datesubjectcomment { color: #6EC078; background-color: transparent; border-width: 0px; font-family: "trebuchet ms", tahoma, verdana, sans-serif; font-size: 7.5pt; margin-left: 10px; border-bottom: 1px #e5e5e5 solid; border-right: 0px; border-left: 0px; border-top: 0px; } .subject { color: #C0C0C0; font-weight: normal; background-color: transparent; border: none; font-family: "courier new", tahoma, sans-serif; font-size: 22px; font-weight: normal; text-transform: uppercase; } .datesubject { background-color: transparent; border-width: 0px; } span.ljuser { background:url(http://img.photobucket.com/albums/v72/panthersgem/ref/pp2r.gif) no-repeat; width: 7px; height: 5px; margin: 0px; } span.ljuser img { visibility: hidden; width: 7px; height: 5px; } span.ljuser a b{ padding-left: 3px; } div#header a, div#header a:link, div#header a:visited, div#header a:active { padding: 9px; font-family: "century gothic", arial, sans-serif; font-size: 24px; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; color: #ffffff; text-align: center; background-color: #6EC078; } div#header a:hover { padding: 9px; color: #ffffff; background-color: #A8E4B5; border-bottom: 0px dotted; } div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active { color: #6EC078; font-weight: normal; } div#footer a:hover { color: #000000; font-weight: normal; } .title, .subtitle{ display: none; } ul.navheader { padding: 9px; background-color: #6EC078; border-width: 0px; } ul.navheader li { padding: 0px; background-color: #6EC078; border-width: 0px; } .ljtags { margin-top: 10px; font-family: tahoma, "trebuchet ms", tahoma, verdana, sans-serif; font-size: 6pt; color: #6EC078; font-weight: bold; text-transform: uppercase; } .ljtags a:link, .ljtags a:visited, .ljtags a:active { color: #c0c0c0; font-weight: normal; text-transform: uppercase; } .ljtags a:hover { color: #000000; text-decoration: none; border-bottom: 1px #6EC078 solid; font-weight: normal; text-transform: uppercase; } .currentlocation a:link, .ljtags a:visited, .ljtags a:active { color: #c0c0c0; font-weight: normal; text-transform: uppercase; } .currentlocation a:hover { color: #000000; text-decoration: none; border-bottom: 1px #6EC078 solid; font-weight: normal; text-transform: uppercase; } .currents, .currentmusic, .currentmood, .currentlocation { color: #c0c0c0; background-color: transparent; border-width: 0px; font-family: tahoma, "trebuchet ms", tahoma, verdana, sans-serif; font-size: 6pt; text-transform: uppercase; } .comments { text-transform: uppercase; font-family: "century gothic", verdana, sans-serif; font-size: 10pt; color: #6EC078; font-weight: normal; text-align: right; background-color: transparent; border: none; } div.comments a, div.comments a:link, div.comments a:visited, div.comments a:active { color: #6EC078; } div.comments a:hover { color: #000000; } div#sidebar { line-height: 15px; font-family: tahoma; font-size: 7pt; color: #585858; padding: 1px; } div#sidebar a:link, div#sidebar a:visited, div#sidebar a:active { color: #6EC078; } div#sidebar a:hover { color: #A8E4B5; } li.sbaritem { background-color: transparent; border-width: 0px; padding-left: 9px; } li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active { font-family: tahoma, verdana, sans-serif; font-size: 8pt; color: #6EC078; line-height: 24px; text-transform: lowercase; border-bottom: 1px dotted #6EC078; display: block; } li.sbaritem a:hover, a:hover visited, a:hover b { color: #A8E4B5; text-decoration: none; background-color: #ffffff; border-bottom: 1px #A8E4B5 dotted; } li.sbartitle { background-color: #ffffff; border: none; padding: 4px; margin-left: 5px; font-family: "century gothic", verdana, sans-serif; text-transform: uppercase; font-size: 14px; text-align: left; color: #6EC078; font-weight: normal; } .sbarbody { background-color: transparent; border-width: 0px; padding: 0px; } .sbarbody2 { background-color: transparent; border-width: 0px; padding-top: 0px; padding-left: 9px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #efefef; text-align: center; font-family: Tahoma; font-size: 10px; padding: 4px; } .sbarcalendarposts { background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #6EC078; text-align: center; font-family: Tahoma; font-size: 10px; padding: 4px; color: #000000; } ul.sbarlist { background-color: transparent; border-width: 0px; } ul.navfooter { background-color: transparent; border-width: 0px; } ul.navfooter li { color: #6EC078; background-color: transparent; border-width: 0px; font-family: tahoma, verdana, sans-serif; font-size: 7pt; border-width: 0px; } .separator { background-color: transparent; border-width: 0px; } .clear { background-color: transparent; border-width: 0px; } .commentbox { background-color: #ffffff; color: #585858; border: 1px #e5e5e5 solid; font-face: "trebuchet ms", tahoma, verdana, sans-serif; font-size: 8pt; } .commentreply { color: #585858; font-face: "trebuchet ms", tahoma, verdana, sans-serif; font-size: 8pt; } .box { border-width: 0px; background-color: #ffffff; font-family: "trebuchet ms", tahoma, verdana, sans-serif; font-size: 9pt; font-weight: normal; color: #585858; } input { background-color: #ffffff; border: 1px #e5e5e5 solid; color: #6EC078; font-size: 9pt; font-face: "trebuchet ms", Tahoma, verdana, sans-serif; } .commentboxpartial { background-color: #ffffff; color: #585858; border: 1px #e5e5e5 solid; margin-left: 30px; font-size: 8pt; font-family: "trebuchet ms", tahoma, verdana, sans-serif; color: #6EC078; }
Ryo Layout preview
/* BY: refuted -- (http://refuted.livejournal.com) Header: sushimiz -- (http://sushimiz.livejournal.com) DO NOT REMOVE THIS SECTION */ /* BY: refuted -- (http://refuted.livejournal.com) Header: sushimiz -- (http://sushimiz.livejournal.com) DO NOT REMOVE THIS SECTION */ body { background-color: #cccccc; color: #585858; margin-top: 0px; } a, a:link, a:visited, a:active { color: #cccccc; text-decoration: none; } a:hover, a:hover b, a:hover strong { color: #000000; text-decoration: none; border-bottom: 1px #fcbe00 solid; } strong, b { color: #6EC078; font-weight: bold; } blockquote { margin: 8px; padding: 8px; background: #F6F7F8; color: #808080; line-height: 15px; font-family: "Trebuchet ms", arial, verdana, sans-serif; font-size: 7.5pt; text-align: justify; border: 1px solid #EAEAEA; } code, kbd, pre, tt { font-family: monospace; } #content { width: 750px; background-color: #ffffff; padding: 0px; border-width: 0px; margin-top: 0px; } #sidebar { float: right; width: 170px; background-color: transparent; margin-right: 7px; margin-top: 1px; border-width: 0px; } #maincontent { float: left; width: 560px; margin: 0; padding: 0px; border: none; background-color: transparent; } .headerimage {height: 300px; background-image: url("http://i466.photobucket.com/albums/rr29/sushimiz/Ryoelectricfymeheader.jpg") !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: center !important; margin-bottom: 0px} #footer { clear: both; width: auto; padding: 3px; text-align: center; background-color: transparent; border: none; } .entry { padding-top: 4px; padding-left: 0px; background-color: transparent; color: #585858; line-height: 12pt; font-family: tahoma, arial; font-size: 7pt; text-align: justify; border-width: 0px; } .defaultuserpic img { display: none; } .userpic { padding: 5px; background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #E5E5E5; margin-right: 10px; } .userpicfriends { margin-right: 10px; padding: 5px; background-color: #ffffff !important; border-style: solid; border-width: 1px; border-color: #E5E5E5; } .userpiccomment { padding: 5px; background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #E5E5E5; } .date { color: #6EC078; background-color: transparent; border-width: 0px; font-family: "trebuchet ms", verdana, sans-serif; font-size: 7pt; margin-left: 10px; } .datesubjectcomment { color: #6EC078; background-color: transparent; border-width: 0px; font-family: "trebuchet ms", tahoma, verdana, sans-serif; font-size: 7.5pt; margin-left: 10px; border-bottom: 1px #e5e5e5 solid; border-right: 0px; border-left: 0px; border-top: 0px; } .subject { color: #C0C0C0; font-weight: normal; background-color: transparent; border: none; font-family: "courier new", tahoma, sans-serif; font-size: 22px; font-weight: normal; text-transform: uppercase; } .datesubject { background-color: transparent; border-width: 0px; } span.ljuser { background:url(http://img.photobucket.com/albums/v72/panthersgem/ref/pp2r.gif) no-repeat; width: 7px; height: 5px; margin: 0px; } span.ljuser img { visibility: hidden; width: 7px; height: 5px; } span.ljuser a b{ padding-left: 3px; } div#header a, div#header a:link, div#header a:visited, div#header a:active { padding: 9px; font-family: "century gothic", arial, sans-serif; font-size: 24px; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; color: #ffffff; text-align: center; background-color: #cccccc; } div#header a:hover { padding: 9px; color: #ffffff; background-color: #cccccc; border-bottom: 0px dotted; } div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active { color: #cccccc; font-weight: normal; } div#footer a:hover { color: #000000; font-weight: normal; } .title, .subtitle{ display: none; } ul.navheader { padding: 9px; background-color: #cccccc; border-width: 0px; } ul.navheader li { padding: 0px; background-color: #cccccc; border-width: 0px; } .ljtags { margin-top: 10px; font-family: tahoma, "trebuchet ms", tahoma, verdana, sans-serif; font-size: 6pt; color: #6EC078; font-weight: bold; text-transform: uppercase; } .ljtags a:link, .ljtags a:visited, .ljtags a:active { color: #c0c0c0; font-weight: normal; text-transform: uppercase; } .ljtags a:hover { color: #000000; text-decoration: none; border-bottom: 1px #fcbe00 solid; font-weight: normal; text-transform: uppercase; } .currentlocation a:link, .ljtags a:visited, .ljtags a:active { color: #c0c0c0; font-weight: normal; text-transform: uppercase; } .currentlocation a:hover { color: #000000; text-decoration: none; border-bottom: 1px #6EC078 solid; font-weight: normal; text-transform: uppercase; } .currents, .currentmusic, .currentmood, .currentlocation { color: #c0c0c0; background-color: transparent; border-width: 0px; font-family: tahoma, "trebuchet ms", tahoma, verdana, sans-serif; font-size: 6pt; text-transform: uppercase; } .comments { text-transform: uppercase; font-family: "century gothic", verdana, sans-serif; font-size: 10pt; color: #cccccc; font-weight: normal; text-align: right; background-color: transparent; border: none; } div.comments a, div.comments a:link, div.comments a:visited, div.comments a:active { color: #cccccc; } div.comments a:hover { color: #000000; } div#sidebar { line-height: 15px; font-family: tahoma; font-size: 7pt; color: #585858; padding: 1px; } div#sidebar a:link, div#sidebar a:visited, div#sidebar a:active { color: #000000; } div#sidebar a:hover { color: #cccccc; } li.sbaritem { background-color: transparent; border-width: 0px; padding-left: 9px; } li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active { font-family: tahoma, verdana, sans-serif; font-size: 8pt; color: #6EC078; line-height: 24px; text-transform: lowercase; border-bottom: 1px dotted #6EC078; display: block; } li.sbaritem a:hover, a:hover visited, a:hover b { color: #A8E4B5; text-decoration: none; background-color: #ffffff; border-bottom: 1px #A8E4B5 dotted; } li.sbartitle { background-color: #ffffff; border: none; padding: 4px; margin-left: 5px; font-family: "century gothic", verdana, sans-serif; text-transform: uppercase; font-size: 14px; text-align: left; color: #6EC078; font-weight: normal; } .sbarbody { background-color: transparent; border-width: 0px; padding: 0px; } .sbarbody2 { background-color: transparent; border-width: 0px; padding-top: 0px; padding-left: 9px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #efefef; text-align: center; font-family: Tahoma; font-size: 10px; padding: 4px; } .sbarcalendarposts { background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #6EC078; text-align: center; font-family: Tahoma; font-size: 10px; padding: 4px; color: #000000; } ul.sbarlist { background-color: transparent; border-width: 0px; } ul.navfooter { background-color: transparent; border-width: 0px; } ul.navfooter li { color: #6EC078; background-color: transparent; border-width: 0px; font-family: tahoma, verdana, sans-serif; font-size: 7pt; border-width: 0px; } .separator { background-color: transparent; border-width: 0px; } .clear { background-color: transparent; border-width: 0px; } .commentbox { background-color: #ffffff; color: #585858; border: 1px #e5e5e5 solid; font-face: "trebuchet ms", tahoma, verdana, sans-serif; font-size: 8pt; } .commentreply { color: #585858; font-face: "trebuchet ms", tahoma, verdana, sans-serif; font-size: 8pt; } .box { border-width: 0px; background-color: #ffffff; font-family: "trebuchet ms", tahoma, verdana, sans-serif; font-size: 9pt; font-weight: normal; color: #585858; } input { background-color: #ffffff; border: 1px #e5e5e5 solid; color: #6EC078; font-size: 9pt; font-face: "trebuchet ms", Tahoma, verdana, sans-serif; } .commentboxpartial { background-color: #ffffff; color: #585858; border: 1px #e5e5e5 solid; margin-left: 30px; font-size: 8pt; font-family: "trebuchet ms", tahoma, verdana, sans-serif; color: #6EC078; }
Comment, credit, enjoy!