Closed (fixed)
Project:
Barron
Component:
Code
Priority:
Minor
Category:
Support request
Assigned:
Reporter:
Created:
11 Feb 2007 at 15:54 UTC
Updated:
13 Feb 2007 at 09:49 UTC
Jump to comment: Most recent file
how can i change the navigation bar from right to left?
| Comment | File | Size | Author |
|---|---|---|---|
| #8 | sidebar_top.jpg | 522 bytes | jwolf |
| #7 | sidebar_bottom.jpg | 2.87 KB | jwolf |
Comments
Comment #1
rzelnik commentedAdminister > Blocks > Region > left sidebar
Comment #2
pimentoski commentedComment #3
pimentoski commentedi dont have this option in the blocks menu...
Comment #4
jwolf commentedThis theme is set up to have the sidebar only on the right; this is why there isn't an option in the "Blocks" settings to move block items to the left.
You should realize that if you do change the sidebar to the left you'll loose the graphic/shadow line that is between the main content and the sidebar. By making this change you'll also void the warranty of this theme. :)
You'll need to edit the following files:
page.tpl.php
template.php
and
style.css
Before I continue, I have a few questions for you:
• Are you familiar with the above mentioned files?
• Are you comfortable with editing the above mentioned files?
• Are you comfortable with CSS?
• Can you accept the fact that once you make the changes that I will not be able to support/maintain the modified theme?
• Do you still want to do this?
Comment #5
pimentoski commentedyes but i can mirror the image in Photoshop...
yes
yes
i am an ASP expert, i can change CSS easily
yes
i think i gona try... in portugal (where i live) its not normal the navigation bar in the right side, left its better for me... and i love the theme.
Comment #6
jwolf commentedAlright then... it's all pretty simple and here's what to do:
First, let's make sure that we're both on the same page; let's work with the Barron 5.x-1-dev version.
In page.tpl.php you'll need to change line 42 to:
Next you'll need to edit template.php
Line number 5 should be changed to:
Now you'll have to edit style.css
Line number 116 (under main content) should be changed to:
and then line number 130 (sidebar-wrapper) should be changed to:
Finally, we should adjust the sidebar_bottom.jpg & sidebar_top.jpg images so that they are to the right of the sidebar:
Still in style.css we should change line number 129 to:
change line number 137 to:
and change line number 138 to:
In Photoshop or the Gimp you should flip the two images (sidebar_bottom.jpg & sidebar_top.jpg) horizontally.
That's it! I hope the above makes sense and that you've had success.
Enjoy,
J.
Comment #7
jwolf commentedHere is sidebar_bottom.jpg horizontally flipped for your convenience
Comment #8
jwolf commentedHere is sidebar_top.jpg horizontally flipped for your convenience
Comment #9
pimentoski commentedthanks!!! i go try later at home!
Comment #10
pimentoski commenteddone!!!! 5*****
after the site is completed i'll write your name in the "special thanks" :)
Comment #11
jwolf commentedGreat! I'm glad that it worked out for you.
I will be adding this modified version (left-to-right) as a subtheme to the next release.
Comment #12
pimentoski commentedi love the spirit of drupal developers. i can not see this in other projects....