Blog with sidebar

This blog layout is mainly for sites, but hey, personals can use it too. The sidebar took me forever to code as well as the rest of the layout so please dont take credit off and dont jock or copy or redistribute. Thanks.

put thiss in "your ownn header html":<div style="position:absolute;left:-150px;top:-80px;width:92px;height:31px;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1lc3MtbWluZC51bnBoYXNlZC5vcmc=" target="_blank"><img src="http://i15.tinypic.com/7xkjgqp.gif" border="0"></a></div></style><div class="sidebar"><div class="blogsubject">welcome</div>here you can put a wlcome note like, "hey, welcome to my site." or something like that lol..<br><br><div class="blogsubject">navigation</div><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">home</a><br><a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLmNvbmZpcm1zdWJzY3JpYmUmZnJpZW5kSUQ9WFhYWFhYWFg=">subscribe to blog</a><br><br><div class="blogsubject">content</div><BR>here you put all your content. it will look something like this.<br><a href="">layouts</a><br><a href="">blends</a><br><a href="">edited pictures</a><br><a href="">comment boxes</a><br><a href="">contact tables</a><br><a href="">contact buttons</a><br><a href="">picture captions</a><br><br><div class="blogsubject">affiliates</div><BR>you can put all your affies here.<br><a href="">affie 1</a><br><a href="">affie 2</a><br><a href="">affie 3</a><br><a href="">affie 4</a><br><br><div class="blogsubject">credit</div><BR>blog layout from <a href=<A href="http://www.msplinks.com/MDFodHRwOnd3dy5tZXNzLW1pbmQudW5waGFzZWQub3Jn">http://www.msplinks.com/MDFodHRwOnd3dy5tZXNzLW1pbmQudW5waGFzZWQub3Jn</A> target="_blank">mess mind</a>.</div>

put this in your "custom style sheet":body { cursor: default !important; background-color: FFFFFF !important; } p, div, table, tr, td, font, br { font: normal 7pt verdana !important; text-transform: lowercase !important; line-height: 90% !important;color:969696!important; } b { color: 000000 !important; line-height: 90% !important; font: normal 7pt verdana !important; letter-spacing: 0px; } .blogarchive{display:hidden;}{172417396} .archive {display:hidden;} a:link, a:active, a:visited, a:link b, a:active b, a:visited b { font: normal 7pt verdana !important; text-transform: lowercase !important; line-height: 90% !important; color: black !important; text-decoration: none !important; } a:hover, a:hover b { font: normal 7pt verdana !important; text-transform: lowercase; line-height: 90% !important; color: EA0099 !important; !important; text-decoration: underline; border-bottom: 0px dotted !important; border-color: 9b3e4c !important; cursor: default !important; } textarea, input, select { font: normal 7pt verdana !important; text-transform: lowercase; letter-spacing: 0px; color: 000000 !important; border: 0px solid; border-color: 000000; line-height: 150% !important; background-color: white !important; } .main { width: 200px !important; border: 0px solid !important; border-color: black !important; background-color: ffffff; position:absolute; left:200px; top:95px; z-index:2;} .profile { display:none; visibility:none; width:}{172417396} .blogSubject { display: block; color: EA0099 !important; background-color: transparent !important; text-align: right; text-transform: lowercase !important; font: bold 12pt arial !important; letter-spacing: -2px !important;} .blog { width: 300px !important; border: 0px solid !important; font: normal 7pt verdana !important; text-transform: lowercase !important; line-height: 90% !important; background-color: 333333!important; } .blogcomments { background-color: 5A5A5A !important; color:EA0099!important;} .blogcommentsprofile { background-color: 808080 !important; } .nav, .spacer, .blogTimeStamp, .googleafc, .commentspacer, hr { display: none; } u, font { visibility:hidden; } .main u, .main font { visibility: visible; } a:link img, a:active img, a:visited img, img { padding: 1px !important; }{172417396} .sidebar{visibility:visible !important;display:box; position:absolute; <BR>border:1px solid; border-color:333333;<BR>width:175px; height:auto; overflow:auto!important; overflow-x:hidden; position:absolute; z-index:2; left:355px; top:13px; text-align:left;<BR>visibility:visible; background-color:white!important; padding:3px;}

05:56 PM - 2 Comments - 0 Kudos - Add Comment - Edit - Remove -