we are living our lives

13 November 2009 @ 04:12 pm

ok right naugh i just got rid of the header and tested the layout on

zuo [you could probably make a banner to go there if you want to]
http://zuo.livejournal.com/

ok first on the livejournal home page, go to journal >> select journal style
type in "flexible squares" into the search box and click "apply theme" to any of them.
scroll down to the bottom of the page and on ad placement, choose the "between entries" option and save.
also, pick "2 column (sidebar on right)" option.

then click on the "customize selected theme button"

on the first page you see, under "navigation strip", make sure all the boxes are unchecked (or your layout will die). click "save changes"

then click the link "sidebar" on the side
for "show the default user picture on the sidebar" pick yes
for show the blurb/free text in sidebar? pick yes.
for everything else, pick "no"

for title of the blurb sidebar box, make up a title, ANY TITLE.
for text to be added to the sidebar, copy and paste this inside:

(near the end of this code, there are link codes so you can link to various sites, etc.)
make sure you click "save changes"

then you can click "text" if you want to and change the text in your journal. (this is what i do so that it says fotz instead of comment.)

finally, click "custom css"
make all three drop-down boxes "no" and then copy and paste the following code into the "custom stylesheet" area:

/* Cleaned CSS: */
/* Cleaned CSS: */
/* layout by hikaru__sama@livejournal.com collaborated with lillymon@lj.com
   credit properly either to hikaru__sama.livejournal.com or community.livejournal.com/Hikkie_heaven
best viewd in Fire Fox .. not IE friendly so do not complain if u use IE

body {
        background: #282828 url('http://i27.tinypic.com/9qhipz.jpg') repeat-x;
        color: #666666;
        font-family: Georgia, Helvetica, sans-serif;
        font-size: 7pt;
        margin: 0px;
        }

a, a:link, a:visited, a:active {
        color: #d86a91;
        text-decoration: none;
        }

a:hover {
        color: #C0C0C0;
        text-decoration: none;
        }

b {
        color: #c4c468;
        }

strong {
        color: #30bde0;
        }

em, i {
        color: #b97d37;
        }

p, td {
        font-size: 7pt;
        }

blockquote {
		color: #999;
		font-weight: bold;
        background: #fff url('http://img.photobucket.com/albums/v469/Lilymon/designs/quote.gif') no-repeat 10px 0;
        margin: 20px 0;
		padding: 0 20px 0 50px;
		}

code, kbd, pre, tt {
        font-family: monospace;
        }

#content {
        width: 550px;
        margin-left: auto;
       margin-right: auto;
        background-color: #ffffff;
        padding-top: 0px;
        }

#maincontent {
        float: left;
        width: 550px;
        margin-top: 5px;
        background-color: #fff;
        color: #555555;
        text-align: left;

}
     #sidebar {
        width: 550px;
        height: 150px;
        float: center;
        color: #888888;
        background-color: #202020;
        text-align: justify;
		padding: 5px 0 0 1px;
}
    #header {
        padding-top: 0px;
        margin: 0px;
        text-align: center;
        font-family: georgia;
        font-size: 7pt;
        font-weight: normal;
        background-color: #d9d8c3;
        color: #ffffff;
        text-transform: lowercase;
        }

#footer {
        text-align: right;
       padding-top:10px;
margin-left: 4px;
margin-right: 4px;
        font-weight: lighter;
        background-color: #fff;
        color: #c4c4c4;
        border-top: 1px solid #c4c4c4;
        z-index: 100;
        clear: both;
        text-transform: capitalize;
        }

div#footer a, div#footer a:link, div#footer a:visited {
        color: #7fd5d5;
        font-weight: normal;
        }

div#footer a:hover {
        color: #d6dca0;
        font-weight: normal;
        }

/* header -- links to views; title of journal; subtitle of journal */

div#header a, div#header a:link, div#header a:visited {
        color: #ffffff;
	}

div#header a:hover {
        color: #c58c35;
	}

.navheader {
        border: 0px;
        background-color: #d9d8c3;
        height: 100px;
        text-align: center;
        }

ul.navheader {
		padding: 0px;
		margin: 0px;
        list-style-type: none;
	}

ul.navheader li {
		display: block;
        float: left;
        margin: 0px;
	}

ul.navheader li a {
		display: block;
        float: left;
        background-color: #d0cfba;
        width: 90px;
        color: #ffffff;
        margin: 0px;
        padding: 75px 0px 12px 0px;
        border-right: 1px solid #a7a7a7;
	}

ul.navheader li a:hover {
        background-color: #CBCAAD;
        color: #c58c35;
        }

.view {
		display: block;
        float: left;
        background-color: #5ab8b8;
        width: 90px;
        color: #ffffff;
        margin: 0px;
        padding: 75px 0px 12px 0px;
        border-right: 1px solid #a7a7a7;
	}

.title, .subtitle    {
        display: none;
    }

/* sidebar */

div#sidebar a, div#sidebar a:link,  div#sidebar a:visited{
        color: #3aaad7;
		padding: 2px;
    }

div#sidebar a:hover {
        color: #b3b3b3;
        text-decoration: none;
		    }

.defaultuserpic {
        position: relative;
        float: right;
        margin: 10px 8px 7px 7px;
        padding: 6px;
        z-index: 15;
        border: 1px solid #2f2f2f;
        display: yes;
        }

.sbarheader {
        padding: 0px 5px 0px 5px;
        }

.sbarbody {
        padding: 0px 5px 0px 2px;
        }

.sbarbody2 {
        padding: 0 5px 0 2px;
        color: #a9a9a9;
        line-height: 10pt;
	
    }

#sidebar_summary li.sbaritem {
        margin: 0 10px;
        padding: 0px;
        border: 0px;
    }

table.calendar {
        margin-right: auto;
        margin-left: auto;
        }

.sbarcalendar {
        border: 1px solid #EFEFEF;
        background-color: #ffffff;
        text-align: center;
        font-family: "Lucida Console";
        font-size: 10px;
        padding: 4px;
        color: #686868;
        }

.sbarcalendarposts {
        border: 1px solid #d4d4d4;
        text-align: center;
        font-family: Tahoma, verdana, sans-serif;
        font-size: 10px;
        padding: 4px;
        }

ul.sbarlist {
        padding-left: 0px;
        margin-left: 0px;
        list-style: none;
        text-align: left;

}

li.sbaritem, .tagcloud {
        padding-left: 3px;
        list-style: none;
        }

li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
        font-family: "Lucida Console";
        font-size: 7pt;
        color: #7fc87f;
        line-height: 10px;
        text-transform: lowercase;
	   text-align: center;
        padding-left: 4px;
        display: block;
        }

li.sbaritem a:hover, a:hover visited, a:hover b {
        text-decoration: none;
        background-color: #d6d5c0;
        }

li.sbartitle {
        padding-left: 4px;
        list-style: none;
        margin-bottom: 10px;
        margin-top: 10px;
        font-weight: normal;
        font-style: italic;
        color: #7fd5d5;
        font-family: Garamond;
        font-size: 20px;
        text-transform: capitalize;
		text-align: left;
        }

span.count {
        display: none;
        }

/* maincontent */

.subcontent {
    }

.entry    {
        margin: 0px 0px 0px 6px;
        padding: 10px;
        background-color: transparent;
        color: #a3a3a3;
        line-height: 11pt;
                font-family: Georgia, Helvetica, sans-serif;
        font-size: 7pt;
        }
    .entry  img  {		
		  border: 1px solid #e7e7e7;
		  padding: 3px;
		  margin: 5px;
		  }

.entry ul li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.entry ol li
        {
        padding-left: 5px;
        margin-left: 15px;
        }

.userpic {
        position: relative;
        float: right;
        margin: 10px 8px 0 7px;
        background-color: #e7e7e7;
        padding: 6px;
        z-index: 15;
        border: 1px solid #d2d2d2;
        display: none;

}

.userpicfriends {
        position: relative;
        float: right;
        margin: 10px 8px 0 7px;
        background-color: #eeeeee;
        padding: 6px;
        z-index: 15;
        border: 1px solid #d2d2d2;
        }

.userpicfriends a font {
        color: #8dd5f7;
        }

.userpicfriends a:hover font {
        color: #c0c0c0;
        }

.date {
        color: #d2d2d2;
        font-family: georgia, arial, verdana, sans-serif;
        font-size: 7pt;
        text-transform: lowercase;
        margin: 0 0 0 3px;
        letter-spacing: -1px;
padding: 6px 0 0 15px;
line-height: 1px;
        }

.subject {
        background: url('http://i30.tinypic.com/b6bp6u.jpg') repeat-x;
       		font-family: Garamond, verdana, 'arial narrow', helvetica, sans-serif;
		font-size: 25px;
font-style: italic;
		color: #c58c35;
		display:block;
		padding-bottom: 0.3em;
		padding-left: 20px;
		text-transform: capitalize;
		border-bottom: 1px solid #c4c4c4;
        }

.subject a, .subject a:link, .subject a:visited {
        color: #E79CEF;
        }

.subject a:hover {
        color: #c0c0c0;
        }

.datesubject {
        background-color: #ffffff;
        padding: 5px;
        }

.currents {
		margin: 0px; 
		background-color: #f7f7f7;
		padding: 2px;
		border: 1px solid #e7e7e7;
}

.currents strong{
		font-size: 7pt;
		color: #888888;
		text-transform: lowercase;
}

.currentlocation {
		padding-left: 17px;
		font-size: 7pt;
		color: #888888;
		background: url('http://i26.tinypic.com/59vtbm.gif') 2px 1px no-repeat;
}

.currentmood {
		padding-left: 17px;
		font-size: 7pt;
		color: #888888;
		background: url('http://i31.tinypic.com/2wcqtli.gif') 1px 1px no-repeat;
}

.currentmusic {
		padding-left: 17px;
		font-size: 7pt;
		color: #888888;
		background: url('http://i30.tinypic.com/2dtat6u.gif') 0px 1px no-repeat;
}
		
.ljtags { 
		padding-left: 17px;
		margin: 0px; 
		text-transform: lowercase;
		font-size: 7pt;
		color: #888888;
		background: url('http://i30.tinypic.com/2ngzgbs.gif') 0px 0px no-repeat;
}

.ljtags a, .ljtags a:link, .ljtags a:visited { 
		color: #555; 
		font-size: 7pt;
		padding-left: 3px;
		text-transform: none; 
}

.comments {
		font-size: 8pt;
		text-align: right;
		font-weight: none;
		padding: 3px;
		position: relative;
		color: #aaaaaa;
		top: 5px;
}

div.comments a, div.comments a:link, div.comments a:visited{
        color: #7fd5d5;
        }

div.comments a:hover {
        color: #c0c0c0;
        text-decoration: none;
        }

.ljtags {
        font-size: 7pt;
        color: #7fd5d5;
        text-transform: lowercase;
        }

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
        color: #c0c0c0;
        font-weight: normal;
        text-transform: lowercase;
        }

.ljtags a:hover {
        color: #EDC6F4;
        text-decoration: none;
        text-transform: lowercase;
        }

/* maincontent --  entry, reply pages */

.datesubjectcomment {
		border-bottom: 1px solid #99FF33;
		text-align: left;
		padding: 5px;
		color: #99FF66;
		margin-top : 3px;
		}

.userpiccomment {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	border:8px solid #353535;
	z-index:15;
        }

input, textarea, select{
		background-color: white;
		font-size: 7pt;
		font-family: Tahoma ,helvetica, verdana, sans-serif;
		color: #888888;
		letter-spacing: 1px;
		border: 1px solid #999999;
		padding: 5px;
		margin-top: 5px;
		width: 500px !important;
		}

textarea.textbox  {
  	width: 500px !important;
  	}

.reply	{
		position: relative;
		margin: 5px;
		padding: 2px;
		text-align: left;
		line-height: 125%;
		background-color:#CDCDCD;
		border-left: 3px solid #efefef;
		color: #888888;
		}

.replytosubject {
		text-align: left;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		}

.commentreply {
		position: relative;
		text-align: justify;
		margin: 10px;
		color: #999966;
		}
  	
	.commentbox {
		border-bottom: 1px solid #FF6699;
		padding: 10px;
		margin: 10px;
		background-color: #ede9de;
		}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #3298C9;
		text-decoration: none;
		}

.datesubjectcomment a:hover {
		color: #8C927E;
		text-decoration: none;
		}
		
	.commentboxpartial {
		border-color: #cccccc;
		border-width: 1px;
		border-style: solid;
		padding: 10px;
		margin: 10px;
		background-color: #d4d4d4;
		}

.commentinfo {
		background-color: silver;
		margin-top: 10px;
		width: 100%;
		}

.skiplinks {
		text-align: center;
		}

/* maincontent -- year/achive pages */

ul.year {
        text-align: center;
        padding-bottom: 40px;
        }

ul.year li {
        display: inline;
        }

table.yeartable {
        margin-left: auto;
        margin-right: auto;
        }

table.yeartable td.yeardate, table.yeartable td.yearday {
        border: 1px solid #efefef;
        }

table.yeartable td.yearday {
        background-color: #ffffff;
        text-align: center;
        }

td.yearmonth {
        border-style: none;
        }

/* footer */

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

ul.navfooter li  {
        display: inline;
        margin: 0 5px 0 5px;
        }

.clearfoot {
        clear: both;
        }

/* misc  */

.clear {
        height: 15px;
        }

.skiplinks {
        text-align: center;
        }

.separator{
        height: 35px;
    }

* html div.subcontent {
        /* fixes an IE reply page bug */
        height: 1%;
        clear: none;
    }

* html div.box#commentform {
        /* fixes an IE reply page bug */
        position: absolute;
        border-width: 1px;
        border-style: solid;
        border-color: #999999;
        background-color: #c2cde0;
    }

.subject img[src="http://p-stat.livejournal.com/img/icon_protected.gif"]{
		width: 0;
		height: 0;
		padding: 13px 9px 0px 0px;
		background: url(http://i26.tinypic.com/29y061l.gif);
		}

.subject img[src="http://p-stat.livejournal.com/img/icon_private.gif"]{
		width: 0;
		height: 0;
		padding: px px 0px 0px;
		background: url();
		}

.ljuser img { 
  		width: 0;
  		height: 0;
  		background-repeat: no-repeat;
  		background-color:transparent;
  		/* so that IE users will still see an image */
  		background-image: url(http://i28.tinypic.com/2dwgo7o.jpg); 
  		padding: 9px 8px 0 7px;
		}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
		background-color:transparent;
  		background-image: url(http://i28.tinypic.com/2dwgo7o.jpg);
  		padding: 9px 7px 0 7px;
		}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
		background-color:transparent;
 		background-image: url(http://i260.photobucket.com/albums/ii37/hikkie_heaven/heart.gif);
 		padding: 8px 8px 0 7px;
		}

hr {
	color: transparent;
	height: 1px;
	border-style : none; 
	border-bottom: 1px solid #E1E1E1;
	}
	
	::-moz-selection {
	color: #9ab920;
	background: #fff;
	}

div.ContextualPopup div.Inner {
background:transparent!important;
color: #ababab!important;
border:none;
padding:10px;
width: 250px;
font-family: Tahoma;
}

div.ContextualPopup .Content {
padding:7px 10px 7px 10px;
margin-right:85px;
line-height: 1.4;
background:#f6f4f4;
border:1px solid #cccccc;
}

div.ContextualPopup .Userpic {
padding:10px;
background:#f6f4f4;
margin:0px;
border:1px solid #cccccc;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #f07c00 !important;
}

div.ContextualPopup .Relation {
letter-spacing:1px;
border-bottom: 1px solid #cccccc;
margin-bottom:4px;
padding-bottom:4px;
}

.headerimage {
background-repeat: none;
background-position: right;
background-image: url('none');
background-color: transparent;
position: relative;
margin-left: auto; 
margin-right: auto;
margin-bottom: 10px;
align: left;
height: 107px;
width: 700px;

}

lastly, don't forget to credit [Unknown LJ tag] in your profile.

comment

Customize

11 February 2009 @ 09:51 pm

(no subject)

moved:

roboslant

I added almost everyone (except for dead/moved journals) already, so just add me back if you still want to be lj friends.

3 comments | comment

Advertisement