Layout Post #14

Jun 02, 2009 00:56

Style: S2 Flexible Squares
Account: Basic, Plus & Paid
Browser: tested in IE, Firefox & Safari
Notes: round edges only for Firefox, comments might look wonky in IE (will fix this when I have enough time)


Read more... )

layout codes

Leave a comment

causefire June 1 2009, 23:27:13 UTC
I usually don't do this, help people with major changes in my layouts. So you can consider yourself lucky. XD
Okay... I just stole the sidebar from one of my other layouts.

1) Find #content and change width: 600px; to width: 750px;.
2) Find #maincontent and add margin-right: 180px;
3) There's a subtitle that says "MISC". Find #sidebar, there and delete it (don't forget the comma after "sidebar"!)
4) add this to your code. the bottom or wherever. Doesn't matter. And you might have to change the colors.

/*-------------------------------
sidebar
-------------------------------*/

#sidebar {
width: 150px;
margin: 0px 0px 0px 0px;
background-color: transparent;
color: #aaaaaa;
font: 7pt arial, sans-serif;
line-height:140%;
float: right;
text-align: left;
padding: 5px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited {
color: #aaaaaa;
}

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

.defaultuserpic {
display: none;
}

.sbarheader, .sbarbody {
padding: 0px 10px 0px 10px;
margin: 20px 0 20px 0;
}

.sbarbody2 {
margin: 20px 0 0 0;
padding: 0px 10px 0px 10px;
}

table.calendar {
width: 80%;
margin-top: 15px;
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
font: 7pt arial, sans-serif;
text-align: center;
border-color: #202020;
border-width: 1px;
border-style: solid;
}

.sbarcalendarposts {
background-color: #232323;
font: 8.5pt arial, sans-serif;
text-align: center;
border-width: 1px;
border-color: #202020;
border-style: solid;
}

ul.sbarlist {
margin: 0px;
padding: 0px;
list-style: circle;
}

li.sbaritem {
padding: 5px 10px 0 10px;
list-style: none;
line-height: 15px;

border-bottom: 1px solid #1c1c1c;
}

li.sbartitle {
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
list-style: none;
background-color: #000000;
text-align: left;
color: #aaaaaa;
font-weight: normal;
font-family:"georgia" Helvetica;
text-transform:lowercase;
font-size: 10pt;
letter-spacing: 0px;
}

Reply

mikayukixx June 1 2009, 23:38:30 UTC
Thank you ! :3 My luck is getting much better these days. 8D

Reply

blitzaga June 4 2009, 10:33:28 UTC
Seconded, thanks so much! I love your layouts. ♥

Reply


Leave a comment

Up