how can i change the navigation bar from right to left?

CommentFileSizeAuthor
#8 sidebar_top.jpg522 bytesjwolf
#7 sidebar_bottom.jpg2.87 KBjwolf

Comments

rzelnik’s picture

Administer > Blocks > Region > left sidebar

pimentoski’s picture

Title: chage navigation bar to the left » change navigation bar to the left
pimentoski’s picture

i dont have this option in the blocks menu...

jwolf’s picture

Assigned: pimentoski » jwolf

This 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?

pimentoski’s picture

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.

yes but i can mirror the image in Photoshop...

• Are you familiar with the above mentioned files?

yes

• Are you comfortable with editing the above mentioned files?

yes

• Are you comfortable with CSS?

i am an ASP expert, i can change CSS easily

• Can you accept the fact that once you make the changes that I will not be able to support/maintain the modified theme?

yes

• Do you still want to do this?

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.

jwolf’s picture

Alright 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:

<?php print $sidebar_left ?>

Next you'll need to edit template.php

Line number 5 should be changed to:

'sidebar_left' => t('sidebar left'),

Now you'll have to edit style.css

Line number 116 (under main content) should be changed to:

float: right;

and then line number 130 (sidebar-wrapper) should be changed to:

float: left;

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:

background: transparent url('images/sidebar_bottom.jpg') no-repeat scroll right bottom;

change line number 137 to:

padding: 10px 30px 0 0;

and change line number 138 to:

background: transparent url('images/sidebar_top.jpg') no-repeat scroll right top;

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.

jwolf’s picture

StatusFileSize
new2.87 KB

Here is sidebar_bottom.jpg horizontally flipped for your convenience

jwolf’s picture

StatusFileSize
new522 bytes

Here is sidebar_top.jpg horizontally flipped for your convenience

pimentoski’s picture

thanks!!! i go try later at home!

pimentoski’s picture

Status: Active » Closed (fixed)

done!!!! 5*****

after the site is completed i'll write your name in the "special thanks" :)

jwolf’s picture

Great! 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.

pimentoski’s picture

i love the spirit of drupal developers. i can not see this in other projects....