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)
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.
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
Reply
Reply
Leave a comment