Shape 5

Mike, hi again! :)

Now I need to create a right-to-left mirror of a site that uses the UserChoice template. To flip the whole site to RTL, I need  to add the

direction: rtl;

command in a place where it will affect the whole template. Can you please suggest the best location for it?

Thanx in advance -

Lev

Please post a url.

http://micro5.mscc.huji.ac.il/~occupther/heb/

TIA

L

Hello, there is no content on your site, once you have the site built I can help you change it over to RTL. One thing you can add in the beginning is:

body {
direction:RTL;
}

Just add that to the bottom of your template_css.css file.

Mike,

you must be mistaken: the content is there - just click any top menu button to see the content.

L

Mike, I have added the direction tag; the text is now right-aligned, which looks good. But the rest of the items still need RTLing :). Can you please take a look and tell me what else must be modified for a complete RTL flip?

BTW, it might be a good idea to offer the RTL version of this template to the club members: I'm sure this would add popularity to the template, as there are many users looking for a robust RTL template.

TIA -

L

Hello, it looks like it's just the menu that's still LTR, if you can private message me ftp access I can look into this for you.

Mike,

please see the attached screenshots: on some machines, the homepage is displayed incorrectly:

the top menu is shifted way to the right;
the flash clip is displayed way down below

Actually, I could live with a CENTERED menu - but what about the clip?

This is a university site and they are nagging me all the time (I can understand their frustration...) - can something be done about it? PLEEEEEEEEEEEEEEEZ...

L

Hello, the menu is set to the right because you request RTL. The menu was not appearing the way your pictures show when I had set it up in IE or FF. I would suggest removing any modified code that you have changed since I last worked on it. Something is wrong with the layout of your content but the easiest solution for the flash object is to edit your template_css.css file and look for at line 183 and remove it:

table.contentpaneopen, table.contentpane, table.blog {
width:100%;
}

Mike, thanx for the help - the flash module looks good now.

The top menu, though, still "slides out". I am willing to give up on its right alignment - can I set it to be centered? If yes, how?

L

Hello, download a fresh copy of the template and replace the file s5_suckerfish.css with the original one. Once you have that up then add the following to the bottom of the s5_suckerfish.css file:

#s5_navv2 {
margin-left:auto;
margin-right:auto;
}

If that doesn't center it then you will need to remove that code and add padding to the menu until it is centered by adding this to the bottom of the same file:

#s5_menu_navv {
padding-left:200px;
}

Increase the 200px until it is centered.

I see. Sounds clear. There are four suckerfish.css files - two "light" and two "dark." I'm using the "light" version of the template, so I assume U should be using the "light" ones - but which one of the two?

Got it - it's s5_suckerfish2_light.css. Got a new copy, played with the padding-left parameter, managed to set the menu within reasonable limits. :)

The only problem is that now the secondary menu items align to left again. Could not find a way of setting them to the right. I guess it's the same file - where?

TIA -

L

On line 180 of light.css find:

#s5_navv2 li li {

under that change the text-align line to right

Mike,

It does not have any alignment command, so I just added one. Works fine, THANX!!!!!!!!!!!!!!!!!!!!!!!!!!

L

Mike, it's getting curiouser and curiouser :)

In the RTL site, there is a category-blog-type page that displays the academic team of the school. Something totally crazy is going on there: the width of every single item posted there is different (looks like it depends on the length of the longest line of text), the alignment seems set to Center, so the right border looks totally jagged. I've spent a few hours trying to figure it out, to no avail. No matter what I do to line width and/or formatting, the result is not acceptable.

There MUST be a CSS setting that would set it right. Can you please take a look?

http://micro5.mscc.huji.ac.il/~occupther/heb/index.php?option=com_content&view=category&layout=blog&id=6&Itemid=9

The ideal solution would right-align them all, and set the width to 100%...

Thanx in advance -

Lev

Hi, on line 90 of your template_css.css file remove:

table {
margin-left:auto;
margin-right:auto;
}

That code is not all that important, it was put in there to fix a few links in the core Joomla layout that did not have classes or id's on them.

Found it, commented it out - the right margin looks fine now.

Not sure how it will affect the width, as yet.

Thanx -

Lev