Avaleht › WikiEnglish › reDesign editing
 | Edit this page

Eesti keelne
English
Dragonfly CMS
png test
• reDesign editing
FAQ About reDesign 3

3.3: reDesign editing

How to have left and right blocks both on the LEFT side?
How to have userinfo in forumposts on the left side?
What file do I need to change to make the changes?
How to have left and right blocks both on the RIGHT side?


How to have left and right blocks both on the LEFT side?

#pe600 stands for leftside and #pe601 is the ID of right side blocks.

Change both blocksides to left

IDs #pe600, #pe601
Change float: right; to float: left;
Change padding-right: to padding-left:
And to clean up the code:
Remove or comment out
#pe600 { float: left; padding-right: 0; padding-left: 10px; }

How to have left and right blocks both on the RIGHT side?

#pe600 stands for leftside and #pe601 is the ID of right side blocks. Change both blocksides to right
Remove or comment out

#pe600 { float: left; padding-right: 0; padding-left: 10px; }

How to have userinfo in forumposts on the left side?

Either search for "Uncomment to have user details on left side:" and do what it says. Uncommenting in CSS files means you remove /* before and */ after the code it includes.

To make the changes more manually, here are the changes neccessary in stylesheet(in that case you can remove the commented styles altogether for cleaner css file):

Change post content to right

CLASS .wip_postbody
Change float: left; to float: right;
Change poster info to left
CLASS .wip_profile
Change float: right; to float: left; Change border-left: to border-right:
Change online indicator image to left
CLASS .online
Change background-position: 100% 0; to background-position: 0 0;
You might also need to change the actual imagefile in images/forums/lang_xxx/icon_user_online.gif to look natural and noticeable(but not disturbing) in it's new position.

What file do I need to change to make the changes?

As reDesign is made to be compatible with making changes in CSS the only file you usually need to change is themes/reDesign/style/style.css (Or other files in the same directory/subdirectories). You can reposition, recolour or refont any element via this file without the need to touch the templatefiles.

However, there might be exceptions.


Author: Madis
Created: Laupäev, 15. November 2008 a. 15:03
Last update: Esmaspäev, 25. Jaanuar 2010 a. 04:04 by Madis