change LTR To RTL for content Part in any template

General questions regarding the use of languages and encoding issues in Joomla! 1.0.x. Multi-lingual site solutions can be discussed in the child board. Translation discussions are now separate and can be found in the Working Groups Area.

Moderator: General Support Moderators

Locked
Arioman
Joomla! Apprentice
Joomla! Apprentice
Posts: 47
Joined: Fri Dec 21, 2007 12:08 pm
Contact:

change LTR To RTL for content Part in any template

Post by Arioman » Mon Dec 24, 2007 8:50 pm

there are many professional LTR Template and i really love theme , but i have a problem i can`t set Right Align ( justify ) for Post in Content.

i try to change template.css , index.php and ... but it confuse me ! 

there are many align line and character set ,

any one can help me . i just want to set justify in right ( persian LA ) in contect part , another part like menu and ... work good

linuxer
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Tue Jan 01, 2008 6:10 pm

Re: change LTR To RTL for content Part in any template

Post by linuxer » Wed Jan 02, 2008 4:47 am

Hi Arioman,
          I am facing the same issue with my site. I did solve many of parts of it till now. For the titles of your main menu items, go to your installation dir ---> modules ---> and edit mod_mainmenu.php as the following:
//********************************************************************************************
$indents = array(
// block prefix / item prefix / item suffix / block suffix
                  // changed the to
array( '', '' , '', '' ),
//*********************************************************************************************

Same steps for many of the module alignements in Joomla.
For the core site text alignement, Check your template.css and try to play around with the left and right padding/align stuff one at a time because this one depends on the first hand on the template code you are using wich differs from one another but keep in mind one important thing, that it may not be solved in the align/padding stuff, cause the number of PX controls the distance spacing also.
    The only thing that am facing trouble with is the align of the "." and "()" stuff, cause my site uses arabic language as the default but whenever I type in a statement or anything it appears to be in the right most of the paragraph. I am trying to solve it and see what happens.
    GOOD LUCK IN YOUR SITE

abdullah.khodadad
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Sat Jan 05, 2008 7:24 am

My Main Menu Desplaced! please help!

Post by abdullah.khodadad » Sat Jan 05, 2008 8:42 am

I converted an english template to RTL (right to left for Arabic and farsi use), but know in Internet Explorer browser, my main menu looks des place left !!!  :-\ please help me to solve this problem.
this is my page url : www.khabarpress.com have a lool please,
and this is my templete CSS code:

Code: Select all

html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #000000;
	direction:rtl;
}
#bg {
	background: #fff url('../images/np_bg.png') repeat-x 0 top;
}
form {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5 {
	padding-bottom: 5px;
	margin: 10px 0;
}
/*fonts------------------------------------*/
body {
	font: normal 12px Arial, Helvetica, sans-serif;
}
a:link, a:visited {
	text-decoration: none;
	color: #003366;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
ul {
	list-style: none;
	padding: 0 0 0 2px;
	margin: 0;
}
ul li {
	background: url('../images/arrow1.png') no-repeat 0 6px;
	margin: 0;
	padding-Right: 10px;
}
fieldset {
	border: 0;
	padding: 5px 0;
}
h1 {
	font-size: 170%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 130%;
}
h4 {
	font-size: 100%;
	text-transform: uppercase;
}
p {
	margin: 10px 0 10px;
}
ol {
	margin-top: 5px;
	margin-bottom: 15px;
}
ol li {
	margin-Right: 35px;
	line-height: 170%;
}
th {
	padding: 4px;
	font-weight: bold;
	text-align: Right;
}
fieldset {
	border: none;
}
fieldset a {
	font-weight: bold;
}
input, select {
	font: normal 12px Arial, Helvetica, sans-serif;
}
hr {
	border-top: 1px solid #C0C0C0;
	border-right: 0;
	border-Right: 0;
	border-bottom: 0;
	height: 1px;
}
a img {
	border: none;
}
td, div {
	font-size: 12px;
}
#nav a {
	font-size: 110%;
}
.contentheading, .componentheading, .contentpaneopen h2 {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
}
.contentheading a:link, .contentheading a:visited {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
}
.small, .smalldark, .createdate, .modifydate, .mosimage_caption, .back_button, .pagenavcounter, .pagenav, .pagenavbar {
	text-align:right;
	text-align:right;
	font: normal 10px Arial, Helvetica, sans-serif;
}
a.readon {
	font: normal 12px Arial, Helvetica, sans-serif;
}
table.contenttoc th {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}
.sectiontableheader {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
}
.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar {
	padding: 0 2px;
	font: normal 10px Arial, Helvetica, sans-serif;
}
a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a {
}
a.pagenav:hover, a.pagenav:active, a.pagenav:focus, .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus, .pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus, .pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
}
div#newsflash table td {
	font: normal 11px Arial, Helvetica, sans-serif;
}
/*joomla style-----------------------------------------------*/
.contentheading {
	color: #690000;
	text-transform: uppercase;
}
.contentheading a:link, .contentheading a:visited {
	color: #690000;
	text-transform: uppercase;
	text-decoration: none;
}
.contentheading a:hover {
	text-decoration: underline;
	color: #000;
}
.contentpaneopen h2 {
	color: #690000;
	padding: 0;
	margin: 0;
}
.small, .modifydate, .createdate, .mosimage_caption, .back_button {
	color: #999;
}
.smalldark {
	color: #888888;
	text-align: Right;
}
div.syndicate div {
	text-align: center;
}
.modifydate {
text-align:right;
	padding-top: 6px;
}
.mosimage_caption {
	padding-top: 3px;
	padding-bottom: 3px;
}
.sectiontableentry1, .sectiontableentry2 {
	border-bottom: 1px solid #c7c7c5;
}
.componentheading {
	color: #000;
	text-align: Right;
	margin-bottom: 10px;
}
table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	background-color: #EFF0ED;
	border: 1px solid #C7C7C5;
	width: 200px;
}
table.contenttoc td {
	padding: 1px 5px 1px 18px;
	background: url('../images/arrow1.png') no-repeat 7px 50%;
}
table.contenttoc th {
	padding: 2px 4px;
	background-color: #EFF0ED;
	border-bottom: solid 1px #C7C7C5;
	color: #690000;
	text-indent: 15px;
	text-align: Right;
	text-transform: uppercase;
}
.contentpaneopen {
	width: 100%;
}
.contentpaneopen1 {
	width: 100%;
}
table.contentpane {
	width: 100%;
	margin-bottom: 30px;
}
.sectiontableheader {
	background-color: #EFF0ED;
	border-bottom: 1px solid #C7C7C5;
	border-top: 1px solid #C7C7C5;
	color: #000;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td {
	border-bottom: 1px solid #eeeeee;
	height: 20px;
}
.highlight {
	background-color: #ffff99;
}
.contentpane {
	width: auto;
}
table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}
table.pollstableborder, table.pollstableborder-black {
	padding: 0;
	width: 100%;
	border: none;
	text-align: Right;
}
table.pollstableborder img, table.pollstableborder-black img {
	vertical-align: baseline;
}
.clr {
	clear: both;
}
table.searchintro {
	padding: 10px 0;
	width: 100%;
}
table.searchintro td {
	padding: 5px!important;
}
table.adminform {
	width: 400px!important;
}
.adminform .inputbox {
}
/*display blocks ----------------------------------------------*/
div#wrapper_1 {
	background: url('../images/np_wrapper_bg_1.png') repeat-y 0 top;
	width: 992px;
	margin: 0 auto;
	padding: 0;
}
div#wrapper_2 {
	background: url('../images/np_wrapper_bg_2.png') no-repeat 0 top;
	width: 992px;
}
div#wrapper_page {
	background: none;
	width: 980px;
	position: relative;
	margin: 0 6px 0 6px;
	padding: 0;
}
div#bg_menu {
	background: transparent url('../images/np_menu_bg.png') repeat-x 0 top;
	width: 980px;
	padding: 0;
	margin: 0;
	height: 123px;
}
div#top {
	width: auto;
	height: 65px;
	padding: 0;
}
#logo {
	float: Right;
	background: transparent url('../images/np_logo.png') no-repeat 0 top;
	height: 94px;
	width: 980px;
	display: block;
}
div#top_Left {
	float: Right;
	position: relative;
	width: 747px;
	height: 65px;
}
div#top_menu {
	background: transparent url('../images/np_menu_top_bg.png') repeat-x 0 top;
	height: 23px;
	width: 739px;
	position: absolute;
}
div#newsflash {
	position: absolute;
	height: 42px;
	width: 500px;
	top: 23px;
	display: block;
	overflow: hidden;
	right: 5px;
	margin-left: 8px;
}
div#newsflash table td {
	color: #fff;
	padding: 0;
	margin: 0;
}
div#spacer {
	clear: both;
	background: url('../images/np_top_right_spacer.png') repeat-x 0 top;
	height: 2px;
	width: 960px;
	display: block;
	padding: 0;
	margin: 0 10px 0 10px;
}
div#belka {
	height: 29px;
	width: 960px;
	display: block;
	padding: 0;
	margin: 0 10px 0 10px;
}
div#search {
	background: url('../images/np_search.png') no-repeat 0 top;
	position: absolute;
	top: 67px;
	height: 25px;
	padding: 4px 0 0 67px;
}
div#membersarea {
	background: url('../images/np_membersarea.png') no-repeat 0 top;
	position: absolute;
	top: 67px;
	right: 9px;
	height: 25px;
	color: #fff;
	padding: 4px 0 0 120px;
}
div#fontsize {
	position: absolute;
	top: 73px;
	right: 8px;
	height: 25px;
	color: #fff;
	height: 25px;
	width: 89px;
}
div#majmenu {
	position: absolute;
	top: 96px;
	background: url('../images/np_maj_menu_bg.png') repeat-x 0 top;
	width: 980px;
	padding-top: 1px;
	height: 26px;
}
div#mainpage {
	background: url('../images/np_mainpage_bg.png') repeat-x 0 0;
	width: 100%;
	height: 100%;
}
div.mainwrap {
	clear: both;
	width: 970px;
	margin: 0 0 0 10px;
	padding: 0;
}
div#mainbody {
	margin: 0 10px 20px 10px;
	padding: 0;
	width: 960px;
}
table#majtable {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}
td.inseter {
	width: 240px;
}
td.sp {
	width: 10px;
}
div.usfloat {
	float: Right;
	overflow: hidden;
}
div.us {
	padding-left: 10px;
	text-align: Right;
}
div#space {
	clear: both;
	padding-bottom: 60px;
}
/*foofter links-------------------------------------*/
div#footer {
	background: url('../images/np_bg_footer.png') repeat-y 0 top;
	width: 992px;
	height: 51px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
div#footer p {
	margin: 0;
	padding-top: 8px;
}
#gavick {
	background: url('../images/logo_gavick.png') no-repeat;
	display: block;
	width: 86px;
	height: 19px;
	margin: 0 auto;
}
/*loginbox -----------------------------------------------------------*/
#membersarea input {
	border: 1px solid #690000;
	vertical-align: middle;
}
#membersarea input.inputbox {
	padding-left: 4px;
	width: 100px;
}
div.logout {
	display: inline;
	text-align: right;
}
/*top search ---------------------------------------------------------*/
#search .search {
	margin: 0;
}
#search .search input {
	border: 1px solid #000;
}
#search input.inputbox {
	padding-right: 4px;
	width: 135px;
}
/*end*/
/*pathway----------------------------------------------------------*/
div#pathway {
	width: 960px;
	display: block;
	height: 16px;
	margin: 0 0 12px 10px;
	padding: 12px 0 0 0;
}
div#pathway span {
	display: inline;
	font-size: 10px;
	color: #000;
	text-transform: uppercase;
}
span.pathway {
	float: right;
	background: url('../images/np_pathway_home.png') no-repeat 0 0;
	padding-left: 24px;
}
span.pathway, a.pathway, span#clock {
	padding-top: 1px;
}
a.pathway:link, a.pathway:visited {
	color: #6e0000;
	text-decoration: none;
}
a.pathway:hover {
	color: #000;
	text-decoration: none;
}
span#clock {
	float: left;
	background: url('../images/np_pathway_date.png') no-repeat 0 0;
	margin: 0;
	padding: 0;
	padding-left: 37px;
}
/*top menu----------------------------------------------*/
div#top_menu ul {
	height: 23px;
	width: 739px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#top_menu ul li {
	float: right;
	list-style: none;
	margin-top: 4px;
	list-style-type: none;
	background: none;
}
div#top_menu a.mainlevel-nav {
	background: transparent url('../images/np_menu_top_li.png') no-repeat right top;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #cecbcb;
	margin-left: 0;
	padding: 0 10px 0 0;
	text-align:right;
}
div#top_menu a.mainlevel-nav:link, div#top_menu a.mainlevel-nav:visited {
	text-decoration: none;
}
div#top_menu a.mainlevel-nav:hover {
	text-decoration: none;
	color: #fff;
}
/*module - display news--------------------------------*/
.dgmnews img, .dgmnews-grey img {
	background-color: #eaeae4;
	border: 1px solid #c7c7c5;
	padding: 3px;
	margin: 0 3px 0 0;
}
.dgmnews a.contentheading, .dgmnews-grey a.contentheading {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #660000;
}
/*Typography-----------------------------*/
span.pin {
	background: #f8f9d4 url('../images/np_typo_clip.png') no-repeat 0 50%;
	color: #333;
	border: 1px solid #ddb;
	display: block;
	padding: 10px 10px 10px 42px;
	margin-bottom: 10px;
}
span.contact {
	background: #f8f9d4 url('../images/np_typo_contact.png') no-repeat 0 50%;
	color: #333;
	border: 1px solid #ddb;
	display: block;
	padding: 10px 10px 10px 42px;
	margin-bottom: 10px;
}
span.grey {
	background-color: #cccccc;
	color: #000;
	border: 1px solid #999999;
	display: block;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
span.maroon {
	background-color: #940000;
	color: #fff;
	border: 1px solid #640303;
	display: block;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
span.beige {
	background-color: #eaeae4;
	color: #333;
	border: 1px solid #dcdcd4;
	display: block;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
span.zoom {
	background: transparent url('../images/np_typo_zoom.png') no-repeat 0 50%;
	color: #333;
	display: block;
	padding: 10px 10px 10px 42px;
	margin-bottom: 10px;
}
span.camera {
	background: transparent url('../images/np_typo_camera.png') no-repeat 0 50%;
	color: #333;
	display: block;
	padding: 10px 10px 10px 42px;
	margin-bottom: 10px;
}
blockquote {
	background: transparent url('../images/np_quoleft.png') no-repeat 0 0;
}
blockquote div {
	padding: 0 48px;
	background: transparent url('../images/np_quoright.png') no-repeat right bottom;
}
div.highli {
  background: transparent url('../images/storyhighl.png') no-repeat 0 0;
  border: 1px solid #a30101;
  padding: 23px 5px 5px 5px;
}

img.border {
	background-color: #eaeae4;
	border: 1px solid #c7c7c5;
	padding: 3px;
	margin: 2px 3px 0 0;
}

Arioman
Joomla! Apprentice
Joomla! Apprentice
Posts: 47
Joined: Fri Dec 21, 2007 12:08 pm
Contact:

Re: My Main Menu Desplaced! please help!

Post by Arioman » Thu Sep 25, 2008 8:01 am

i can`t help you just with Css Code , i must see the Complete Template.

but maybe you must change the Mainmenu Window position From Left To Right and Then Align text to right too.

eyashwant
I've been banned!
Posts: 960
Joined: Wed Dec 03, 2008 9:28 am
Contact:

Re: change LTR To RTL for content Part in any template

Post by eyashwant » Thu Jan 29, 2009 5:44 am

I just want to change the top menu of the template to rlt from ltr. Does any one has any idea about it.

User avatar
aikzhobi
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 104
Joined: Sun Nov 07, 2010 10:43 am
Location: Karachi Pakistan
Contact:

Re: change LTR To RTL for content Part in any template

Post by aikzhobi » Sun May 01, 2011 1:49 pm

linuxer wrote:Hi Arioman,
          I am facing the same issue with my site. I did solve many of parts of it till now. For the titles of your main menu items, go to your installation dir ---> modules ---> and edit mod_mainmenu.php as the following:
//********************************************************************************************
$indents = array(
// block prefix / item prefix / item suffix / block suffix
                  // changed the to
array( '', '' , '', '' ),
//*********************************************************************************************

Same steps for many of the module alignements in Joomla.
For the core site text alignement, Check your template.css and try to play around with the left and right padding/align stuff one at a time because this one depends on the first hand on the template code you are using wich differs from one another but keep in mind one important thing, that it may not be solved in the align/padding stuff, cause the number of PX controls the distance spacing also.
    The only thing that am facing trouble with is the align of the "." and "()" stuff, cause my site uses arabic language as the default but whenever I type in a statement or anything it appears to be in the right most of the paragraph. I am trying to solve it and see what happens.
    GOOD LUCK IN YOUR SITE
But where to add this code ?
In start ? or End ?

User avatar
infograf768
Joomla! Master
Joomla! Master
Posts: 19133
Joined: Fri Aug 12, 2005 3:47 pm
Location: **Translation Matters**

Re: change LTR To RTL for content Part in any template

Post by infograf768 » Sun May 01, 2011 3:25 pm

aikzhobi wrote: But where to add this code ?
In start ? or End ?
Are you using the older Joomla 1.0 version?
Jean-Marie Simonet / infograf
---------------------------------
ex-Joomla Translation Coordination Team • ex-Joomla! Production Working Group

User avatar
aikzhobi
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 104
Joined: Sun Nov 07, 2010 10:43 am
Location: Karachi Pakistan
Contact:

Re: change LTR To RTL for content Part in any template

Post by aikzhobi » Sun May 01, 2011 4:47 pm

infograf768 wrote:
aikzhobi wrote: But where to add this code ?
In start ? or End ?
Are you using the older Joomla 1.0 version?
No.
I am using joomla 1.5

User avatar
infograf768
Joomla! Master
Joomla! Master
Posts: 19133
Joined: Fri Aug 12, 2005 3:47 pm
Location: **Translation Matters**

Re: change LTR To RTL for content Part in any template

Post by infograf768 » Mon May 02, 2011 5:00 am

Please use the 1.5 sub-forums to post any question as this topic is obsolete.

Generally speaking, you do not have to change any core files in 1.5 to get RTL.
All depends on the CSS loaded by your template when the language is RTL.

If your language is not RTL but you need to enter some RTL text in one of your articles, then the tag can be added in the editor.
Jean-Marie Simonet / infograf
---------------------------------
ex-Joomla Translation Coordination Team • ex-Joomla! Production Working Group


Locked

Return to “Language - 1.0.x”