Thủy Hiền

Re-arrange Opera's default layout

Tuesday, 30. January 2007, 05:24:47

I guess there is no tutorial on this topic at Why Opera since I've got some messages from a non-Vietnamese blogger, asking how I moved the sidewrap to the left. I'm trying to explain and hope that you could understand my English and apply it to your blog

If you can't, I will appreciate your comment on how to make it easier to understand. Thanks a lot!

First of all, you may need to find these codes in main.css of the default theme that you have chosen (please keep in mind that the following codes may be slightly different from what you would find).

#mainwrap {
FLOAT: left;
PADDING-BOTTOM: 12px;
WIDTH: 100%;
MARGIN-RIGHT: -210px
}

#main {
MIN-HEIGHT: 400px;
PADDING-BOTTOM: 15px;
MARGIN-RIGHT: 210px
}

#sidewrap {
FONT-SIZE: 11px;
FLOAT: right;
OVERFLOW: hidden;
WIDTH: 190px
}

The codes printed in bold type respectively determine the default positions of mainwrap on the left (float: left) and sidewrap on the right (float: right). You may need to edit them if you would like a reverse look for your layout.

Next, the codes printed in bold and italic type determine the distance from the mainwrap to the right border of the theme (margin-right). You should make them the distance from the mainwrap to the left border (margin-left). Base on the edited layout, you would adjust the distance, by pixels.

Good luck!