Livejournal
Log in
Post
Friends
My journal
presents
in
refuted
S2 Flexible Squares - orange & blue
Feb 16, 2008 19:27
(
Read more...
)
layouts
Leave a comment
Comments 587
Previous
Next
lolikym
February 17 2008, 02:12:55 UTC
I really love this layout, but I want the sidebar to be on the left. How could I change it?
Reply
presents
February 17 2008, 02:31:32 UTC
Under "Choose a Page Setup" click "Apply Layout" under "2 Column (sidebar on left)". Then, find this:
#sidebar {
float: right;
padding: 0 2px 0 4px;
margin: 0 5px 0 0;
background-color: transparent;
border-left: 1px dotted #CCCCCC;
text-align: left;
width: 22%;
}
And change it to this:
#sidebar {
float: left;
padding: 0 4px 0 2px;
margin: 0 0 0 5px;
background-color: transparent;
border-right: 1px dotted #CCCCCC;
text-align: left;
width: 22%;
}
Then find this:
#maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
}
And change it to this:
#maincontent {
float: right;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
}
Reply
lolikym
February 17 2008, 02:39:43 UTC
Thanks!
Reply
nifty_kheva
February 17 2008, 02:15:23 UTC
I love it. I'm going to save this to memories and use it later.
Reply
jesseski
February 17 2008, 02:18:15 UTC
Oh this looks nice :) Saving to mems.
Reply
pinkyay
February 17 2008, 02:21:21 UTC
This is nice ! I might use it later (:
memzit
Reply
accionargles
February 17 2008, 02:22:27 UTC
really nice and simple :)
Reply
Previous
Next
Leave a comment
Up
Comments 587
Reply
#sidebar {
float: right;
padding: 0 2px 0 4px;
margin: 0 5px 0 0;
background-color: transparent;
border-left: 1px dotted #CCCCCC;
text-align: left;
width: 22%;
}
And change it to this:
#sidebar {
float: left;
padding: 0 4px 0 2px;
margin: 0 0 0 5px;
background-color: transparent;
border-right: 1px dotted #CCCCCC;
text-align: left;
width: 22%;
}
Then find this:
#maincontent {
float: left;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
}
And change it to this:
#maincontent {
float: right;
width: 75%;
margin-top: 0px;
background-color: transparent;
color: #000000;
border: 0px;
text-align: left;
}
Reply
Reply
Reply
Reply
memzit
Reply
Reply
Leave a comment