Entry tags:

custom: layouts, custom: layouts with topbars

Lily 42

» style -- Flexible Squares, S2
» works with -- Free, Paid & Sponsored (if ads are NOT in sidebar)
» Photo was taken by me. no stealing.
»

uploading instructions. READ THEM.
/* BY: Minty_Peach -- (http://minty_peach.livejournal.com) style -- Flexible Squares / s2 account type: Free & Paid accounts DO NOT REMOVE THIS SECTION */ BODY{ margin-top: 0px; background-color: #444444; background-image: url('PAGE BACKGROUND URL'); background-repeat: repeat; background-position: top-left; background-attachment: scroll; text-align: left; font-size: 10px; color: #8e8e8e; font-family: "arial", sans-serif; } a, a:link, a:visited { font-family: "Georgia"; cursor: default; color: #80BA04; font-weight: light; text-decoration: none; } a:hover{ font-family: "Georgia"; cursor: default; color: #999; font-weight: light; text-decoration: none; } ::-moz-selection { background: #eeeeee; color: #666; } blockquote { margin: 10px 10px; padding: 5px; color: #009999; font-size: 8pt; border: 0px solid #FEFEFE; background: #FEFEFE; text-align: justify; } p, td { font-size: 8pt; } code, kbd, pre, tt { font-family: monospace; } #content { width: 673px; margin-left: auto; margin-right: auto; margin-bottom: 50px; background: #FEFEFE; border: 25px solid #FEFEFE; padding: 0px; } #maincontent { margin: 5px 5px 5px 5px; background: #FEFEFE; } #sidebar { width: 650px; padding: 10px 10px 10px 10px; margin-top: 08px; background: #FEFEFE; border-top: solid #FEFEFE 0px; border-left: solid #FEFEFE 0px; border-bottom: solid #FEFEFE 0px; border-right: solid #FEFEFE 0px; color: #555555; font-family: "arial" Helvetica, sans-serif; font-size: 10px; line-height: 15px; text-align: justify; float: center; } #header { width: auto; padding-top: 2px; padding-bottom: 3px; line-height: 30px; background-color: #FEFEFE; background-image: url(''); background-repeat: no-repeat; background-position: center; font-family: georgia; font-size: 13px; font-weight: normal; text-transform: uppercase; color: #777; text-align: center; letter-spacing: 1px; border-width: 0px; } #footer { width: auto; padding-top: 2px; padding-bottom: 3px; line-height: 30px; background-color: #FEFEFE; background-image: url(''); background-repeat: no-repeat; background-position: center; font-family: georgia; font-size: 10px; font-weight: normal; text-transform: uppercase; color: #777; text-align: center; letter-spacing: 1px; border-width: 0px; } /* header -- links to views; title of journal; subtitle of journal */ div#header a, div#header a:link, div#header a:active, div#header a:visited { color: #80BA04; font-family: georgia; font-size: 13px; font-weight: normal; background-color: #FEFEFE; text-transform: uppercase; text-align: center; letter-spacing: 1px; } div#header a:hover { color: #009999; font-family: georgia; font-size: 13px; background-color: #FEFEFE; font-weight: normal; text-transform: uppercase; text-align: center; letter-spacing: 1px; } div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited { color: #80BA04; font-family: georgia; font-size: 10px; font-weight: normal; text-transform: uppercase; text-align: center; letter-spacing: 1px; } div#footer a:hover { color: #009999; font-family: georgia; font-size: 10px; font-weight: normal; text-transform: uppercase; text-align: center; letter-spacing: 1px; } ul.navheader { padding: 0px; margin: 0px; } ul.navheader li { display: inline; padding: 0 3px 0 3px; } .title{ display: none; line-height: 200%; top: 10px; } .subtitle { display: none; top: 10px; } /* sidebar */ div#sidebar a, div#sidebar a:link, div#sidebar a:visited { text-decoration: none; color: #80BA04; font-family: georgia; text-transform: Uppercase; padding: 0px; } div#sidebar a:hover { text-decoration: none; color: #009999; font-family: georgia; text-transform: Uppercase; padding: 0px; } .defaultuserpic { text-align: center; display:none; } .sbarheader { padding: 0px 5px 0px 5px; } .sbarbody { padding: 0px 5px 0px 5px; } .sbarbody2 { padding: 0 15px 0 15px; } table.calendar { margin-right: auto; margin-left: auto; } .sbarcalendar { padding: 02px; border: 0px solid #EEE; background: #FEFEFE; text-align: center; font-family: "arial", Helvetica, sans-serif; color: #555555; font-size: 8pt; } .sbarcalendarposts { padding: 02px; border: 0px solid #EEE; background: #FEFEFE; text-align: center; font-family: "arial", Helvetica, sans-serif; font-size: 8pt; } ul.sbarlist { margin-left: 0px; list-style: none; padding-left: 0px; } li.sbaritem { margin: 1px 1px 1px 1px; padding: 1px 1px 1px 10px; list-style: none; background-color: #FEFEFE; background-image: url(''); background-repeat: repeat; } li.sbaritem:hover { background-color: #F0F0F0; background-image: url(''); background-repeat: repeat; } li.sbartitle { padding-left: 0px; padding-right: 0px; text-align: left; padding: 3px; list-style: none; margin-bottom: 3px; margin-top: 3px; color: #555555; border-bottom: solid 1px #ddd; font-weight: none; font-family: "Tahoma", sans-serif; text-transform: lowercase; font-size: 10px; background-color: #FEFEFE; background-image: url(' '); background-repeat: repeat; letter-spacing: 2pt; } /* maincontent */ ul.ljtaglist li { list-style: none; } ul.ljtaglist { color: #bbb; font-family: "Tahoma", Helvetica, sans-serif; font-size: 10pt; text-align: justify; padding: 8px 8px 8px 12px; border: 0px solid #FEFEFE; background: #FEFEFE; } .subcontent { padding: 16px; background: #FEFEFE; border: 0px solid #FEFEFE; } .entry{ margin: 5px 5px 5px 140px; padding: 10px 10px 10px 10px; padding-top: 08px; color: #777777; font-family: "arial" Helvetica, sans-serif; font-size: 11px; text-align: justify; } .entry ul li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } .entry ol li { padding-left: 0px; margin-left: 0px; list-style: decimal-leading-zero; list-style-position: outside; } div.entry a, div.entry a:link, div.entry a:visited{ text-decoration: none; color: #80BA04; font-family: georgia; text-transform: Uppercase; padding: 0px; } div.entry a:hover { text-decoration: none; color: #009999; font-family: georgia; text-transform: Uppercase; padding: 0px; } .userpic { position: relative; float: left; padding: 15px; margin-right: 15px; margin-left: 0px; margin-top: 0px; z-index: 15px; background-color: #F5F5F5; background-image: url(''); background-repeat: repeat; border-width: 0px; border-color: #FEFEFE; border-style: solid; } .userpicfriends { position: relative; float: left; padding: 15px; margin-right: 15px; margin-left: 0px; margin-top: 0px; z-index: 15px; background-color: #F5F5F5 !important; background-image: url(''); background-repeat: repeat; border-width: 0px; border-color: #FEFEFE; border-style: solid; } .userpicfriends font { color: #80BA04 !important; } .userpicfriends br { display: block; height: 0; } .date{ padding-top: 02px; text-align: left; top: 5px; color: #009999; font-family: "Tahoma" Helvetica, sans-serif; font-size: 9px; text-transform: lowercase; } .subject { padding: 2px; font-weight: normal; font-size: 11px; color:#80BA04; font-family: georgia; text-align: left; border-bottom: 1px #F5F5F5 solid; text-transform: uppercase; background-color: #FEFEFE; background-image: url(''); background-repeat: repeat; letter-spacing: 1pt; } .subject a, .subject a:link, .subject a:visited { color: #80BA04; } .subject a:hover { color: #009999; } .datesubject { background: #FEFEFE; padding-left: 10px; background-image: url('') background-repeat: no-repeat; background-position: top-left; border-left: 0px #FEFEFE solid; } .ljtags { margin-top: 12px; color: #ccc; font-size: 9px; font-weight: light; text-transform: lowercase; } .currents strong, .currentmood strong, .currentmusic .currentlocation, .ljtags strong { color: #cccccc; font-size: 7pt; text-transform: lowercase; } .currents, .currentmood, .currentmusic, .currentlocation { color: #cccccc; font-size: 7pt; text-transform: lowercase; } .ljtags a, .ljtags a:link, .ljtags a:visited { color: #80BA04; font-size: 9px; text-transform: none; font-weight: light; } .currentlocation a, .currentlocation a:link, .currentlocation a:visited { color: #80BA04; font-size: 7pt; text-transform: none; font-weight: light; } .currentlocation a:hover, .ljtags a:hover { color: #999; font-size: 7pt; font-weight: light; text-transform: none; } .comments { font-family: "arial", sans-serif; font-size: 11px; text-align: right; font-weight: none; padding: 6px; position: relative; top: 12px; border-top: 0px solid #FEFEFE; background-color: #FEFEFE; background-image: url(''); background-repeat: repeat; text-transform:lowercase; letter-spacing: 2pt; } div.comments a, div.comments a:link, div.comments a:visited { color: #80BA04; } div.comments a:hover { color: #999999; text-decoration: none; } /* maincontent -- year/achive pages */ ul.year{ text-align: center; padding: 20px 20 20px 20; border: 0px solid #ffefefe; background: #FEFEFE; } ul.year li { color: #555555; display: inline; } table.yeartable { margin-left: auto; margin-right: auto; padding: 3px; border: 3px solid #FAFAFA; background: #f4f4f4; } table.yeartable td.yeardate, table.yeartable td.yearday { color: #80BA04; border: 3px solid #FAFAFA; } table.yeartable td.yearday { background: #FEFEFE; text-align: center; } td.yearmonth { color: #80BA04; border-style: none; } /* footer */ ul.navfooter { padding: 0px; margin: 0px; } ul.navfooter li { display: inline; margin: 0 0px 0 0px; } .clearfoot { display: none; clear: both; } /* misc */ .clear { display: none; height: 15px; } .skiplinks { text-transform: lowercase; text-align: center; margin: 08px 0 08px 0; padding: 08px; color: #555555; border: 1px solid #bbb; background: #FEFEFE; } /* for formatting header image */ .headerimage { position: relative; width: 723px; height: 313px; margin-left: auto; margin-right: auto; margin-bottom: 0px; background-image: url('HEADER IMAGE URL'); background-repeat: no-repeat; } .separator { background: #FEFEFE; height: 18px; } /*********************************************** COMMENT PAGES ******************************************/ .clear { display: none; height: 15px; } .skiplinks { text-transform: lowercase; text-align: center; padding: 10px; margin-top: 35px; color: #bbbbbb; border-bottom: 1px dashed #aaaaaa; } .datesubjectcomment { background-color: #f5f5f5; border: 1px solid #bbbbbb; padding: 7px; } .userpiccomment { position: relative; top: -30px; left: 0px; padding: 5px; border: 1px solid #aaaaaa; background-color: #f5f5f5; margin: 10px 10px -20px 10px; z-index: 15; float: left; } .box { border-style: solid; border-width: 1px 0px 0px 0px; border-color: #cccccc; padding: 10px; clear: right; } input, textarea { background-color: #dddddd; color: #555555; } textarea.textbox { width: 95% !important; } .reply{ position: relative; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-align: left; font-family: "tahoma"; font-size: 10px; line-height: 125%; color: #EB8A00; } .replytosubject { font-weight: none; } .commentreply { position: relative; margin: 10px; font-size: 10px; font-family: "tahoma"; color: #999; } .commentbox { border-color: #cccccc; border-width: 1px; border-style: solid; padding: 10px; margin: 10px; } .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #6DB334; text-transform: uppercase; } .datesubjectcomment a:hover { color: #999999; } .commentboxpartial { border-color: #cccccc; border-width: 1px; border-style: dotted; padding: 10px; margin: 10px; } .commentboxpartial a:link, .commentboxpartial a:visited { color: #EB8A00; } .commentboxpartial a: hover { color: #999999; } .commentinfo { margin-top: 10px; width: 100%; }

** custom comment page css updates March 10, 2008


HEY! THIS IS IMPORTANT :D
>>> the topbar code below has to be (1.) modified by you and then (2.) placed in the BLURB section on your sidebar page.

you need to make sure nothing except the blurb is showing in that section.

<center><table width="600" cellpadding="15" cellspacing="2"><tr><td width="220" align="justify" valign="top"><font color="#999999">section title</font> write things here. <td width="220" align="justify" valign="top"><font color="#999999">section title</font> write things here. <td width="160" align="justify" valign="top"><font color="#999999">more links</font> <font color="#dddddd">»</font> <a href="LINK URL">LINK TITLE</a> <font color="#dddddd">»</font> <a href="LINK URL">LINK TITLE</a> <font color="#dddddd">»</font> <a href="LINK URL">LINK TITLE</a> <font color="#dddddd">»</font> <a href="LINK URL">LINK TITLE</a> <font color="#dddddd">»</font> <a href="LINK URL">LINK TITLE</a> </td></td></tr></table></center>


please upload background image to your own image host
DO NOT HOTLINK

PAGE BACKDROUND URL: upload this image to your own host

HEADERIMAGE URL (optional): upload this image to your own host

>>> i marked the places in the css where you should put these. just scroll through and you should see the titles of each link (ex: HEADER IMAGE URL)

---> Please direct all questions to the f.a.q. page
---> I DO NOT SUGGEST EDITING but you can if you know how to.
---> feel free to Friend Me to receive icon and layout updates on your friends page.

(Post a new comment)

	rockn_rose 2007-11-26 10:08 pm UTC (link)
	Mems!:) (Reply to this)

	maytel 2007-11-26 10:17 pm UTC (link)
	holy shoot. I was totally working on installing the last layout you made... but now I'm not sure anymore... too many great layouts!! *jumps off of a balcony* ♥ (Reply to this) (Thread)

	maytel 2007-11-26 10:22 pm UTC (link)
	errr.. is it just me or the layout you have right now is the same as the pinstripe one? (Reply to this) (Parent)(Thread)

(no subject) - maytel, 2007-11-26 10:29 pm UTC

	liviabivia 2007-11-26 10:36 pm UTC (link)
	oooh, I really love the picture. (Reply to this)

	ohoneydew 2007-11-26 11:51 pm UTC (link)
	YAY!!! THANK YOU!!! (Reply to this)

	sellthelie 2007-11-27 04:10 am UTC (link)
	Lovely picture! I might use a different header though, using it at lostinthemagic. ♥ (Reply to this)

	whoredkidneys 2007-11-27 04:57 am UTC (link)
	wow, you're just all kinds of amazing. I love everything you make. (Reply to this)

	effulgent_girl 2007-11-27 06:29 am UTC (link)
	Snagging! Very pretty:) (Reply to this)

	graceen 2007-11-27 07:42 am UTC (link)
	super! love it! =) (Reply to this)

	hazz23 2007-11-27 11:27 am UTC (link)
	Awesome. So pretty! will mem for laters ok? thanks will credit if used (Reply to this)

	polarbear_girl 2007-11-27 12:24 pm UTC (link)
	love it. mems (Reply to this)

	woodsbaile_02 2007-11-27 01:13 pm UTC (link)
	Hi! I love your layouts. &hearst; I'm snagging this for a community. Will credit, of course. Thanks so much for making it! :) (Reply to this)

	katie_puhtaytee 2007-11-27 05:10 pm UTC (link)
	Wow, this is beautiful! (Reply to this)

	jude_judith82 2007-11-27 05:14 pm UTC (link)
	Great layout. You have the most amazing ones. (Reply to this)

	shine_shine 2007-11-27 05:59 pm UTC (link)
	Love this, snagging, will credit! (Reply to this)

	WOOT!! extrovertedmind 2007-11-27 07:20 pm UTC (link)
	I love this layout! It's my favorite kind of flower!! TNX! (Reply to this)

	impalalove 2007-11-27 08:15 pm UTC (link)
	Absolutely gorgeous! Will use in the spring; right now is winter, but totally using in the future; trust me. Love it. ^^ (Reply to this)

	livlovlaugh 2007-11-27 11:05 pm UTC (link)
	just gorgeous. using right now, will credit! :) (Reply to this)

	chariel 2007-11-27 11:10 pm UTC (link)
	It's a beautiful layout. =] I have a question, though, but not regarding the layout/setup. May I use the header, if I credit you for it? (Reply to this) (Thread)

	minty_peach 2007-11-28 12:58 am UTC (link)
	yes of course! :D although, if you plan to use the header and layout together, you only have to cred for the layout (Reply to this) (Parent)(Thread)

(no subject) - chariel, 2007-11-28 03:02 am UTC

	xdizzydance 2007-11-27 11:42 pm UTC (link)
	Ohh, gorgeous! It's just what I've been looking for! I'll be using this within the next couple of days. Will credit, of course. Thanks! ^__^ (Reply to this)

	tearstreak 2007-11-27 11:43 pm UTC (link)
	THANK YOU, it's perfect <3 (Reply to this)

	queen_fiend 2007-11-28 06:17 am UTC (link)
	Very pretty! I'm going to try this one out. :) (Reply to this)

	letos 2007-11-28 12:59 pm UTC (link)
	Very pretty! :) Using for my icon community... will add you to the userinfo! THANKS! :D (Reply to this)

	crimsoncovet 2007-11-28 05:15 pm UTC (link)
	snagging this lovely thing, will credit (: (Reply to this)

	fifthofdecember 2007-11-28 08:14 pm UTC (link)
	Using, but I'm having problems with my friendspage. The layout works on it, except the blurb - it reverts to before I edited. Gah, what am I doing wrong? (Reply to this)

	lady_iz 2007-11-29 03:13 am UTC (link)
	Snagged it! Thanks, it's prettiful. :) (Reply to this) (Thread)

	treenumberfour 2008-01-04 04:15 pm UTC (link)
	Taking, very beautifulll. (: Added you also, I wanna be on track with your awesome job. (Reply to this) (Parent)

---