1
hamood
right to left ???
  • 2005/5/2 19:53

  • hamood

  • Just popping in

  • Posts: 11

  • Since: 2004/3/11


hello

i see GrayMeetsPurple theme , its great.
but its for english sites ! (left to right)
i need it to be right to left for arabic sites
how can i do that ?

i do that but its doesnt be right to left
this is my theme.html code
xml version="1.0" encoding="iso-8859-1"?>




" />
" />
" />
" />
" />
" />
" />

<{$xoops_sitename}> - <{$xoops_pagetitle}>
/favicon.ico" rel="SHORTCUT ICON" />












  
    
      /images/logo.jpg" width="800" height="100">
    
  
  
    
       
        
          
            
                
                <{foreach item=block from=$xoops_lblocks}> 


               
                
                   
                     <{$block.title}>
                  
                   
                    <{$block.content}>

                  
                
                <{/foreach}> 
                
              

          
        
      
      /images/man.gif" width="50" height="131">
      

          
             
                 
                  <{$xoops_contents}> 
                
              
              
              
                 
                   
                      
                      <{if $xoops_showcblock == 1}> 
                        
                           
                             
                              
                              <{foreach item=block from=$xoops_ccblocks}> 
                              
                                 
                                   <{$block.title}>
                                
                                 
                                  <{$block.content}>
                                
                              
                              <{/foreach}> 
                              
                              
                            
                          
                           
                             
                              
                              <{foreach item=block from=$xoops_clblocks}> 
                                
                                   
                                     <{$block.title}>
                                  
                                   
                                    <{$block.content}>
                                  
                                
                                <{/foreach}> 
                                
                              

                             
                              
                              <{foreach item=block from=$xoops_crblocks}> 
                              

                              
                                 
                                   <{$block.title}>
                                
                                 
                                  <{$block.content}>
                                
                              
                              <{/foreach}> 
                              
                            
                          
                        
                        <{/if}> 
                        
                      

                      

                    

                
                
              
            
          
        
      
    
  

    
      /images/footer.jpg" width="800" height="19">
    
  

 





and this is my css code

table {
    
font-sizesmall;
}
table td padding0border-width0font-familyVerdanaArialHelveticasans-serif;}
div#content { padding: 0px; text-align: right;}
div#content td { padding: 0px;}
div.xoopsCode background#FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;  direction: ltr;  text-align: left; }
body {
    
font-familyTahomataipei;
    
font-size12px;
    
background#323232;
}
font-familyTahomataipeifont-size12pxtext-decorationnonecolor#666666; font-style: normal}
a:hover {
    
font-familyTahomataipei;
    
font-size12px;
    
colorBlack;
    
font-stylenormal;
}
td {
    
font-familyVerdanaGenevaArialHelveticasans-serif;
    
color#000000;
    
font-size12px;
    
border-top-width0px;
    
border-right-width0px;
    
border-bottom-width0px;
    
border-left-width0px;
}
input {
    
background-colorWhite;
    
color#000000;
    
font-familyTahomataipeiVerdanaArialHelveticasans-serif;
    
font-size12px;
    
font-weightnormal;
    
border-color#000000;
    
border-top-width1px;
    
border-right-width1px;
    
border-bottom-width1px;
    
border-left-width1px;
    
text-indent2px;
}
textarea {font-familyTahomataipeiVerdanaArialHelveticasans-seriffont-size12px;background-color transparentfont-weight boldborder-color #000000;  border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; text-indent : 2px;}
select {font-familyTahomataipeiVerdanaArialHelveticasans-seriffont-size12px;font-weight bold;background-color:#F5F5F5; } 
img border0;}
ul margin2pxpadding2px; list-styledecimal insidetext-alignright;}
li {
    
margin-left2px;
    list-
stylesquare inside url(images/li.gif);
}

.
odd background-color#eeeeee;}
.outer background-color#AEA5CE;}
.even background-color#e1e1e1;}
th {
    
background-color#e0e0e0;
    
text-alignright;
    
padding3px;
    
font-familyVerdanaGenevaArialHelveticasans-serif;
    
font-size14px;
    
font-stylenormal;
    
font-weightbold;
}
.
head background-color#e1e1e1; padding: 3px;}
.foot background-color#E2DBD3; padding: 3px;}

.comTitle {font-weightboldmargin-bottom2px;}
.
comText {padding2px;}
.
comUserStat {font-size10pxcolor#333333; font-weight:bold; border: 1px solid #cccccc; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weightnormal;}
.
comUserStatus {margin-right2pxmargin-top10pxcolor#333333; font-weight:bold; font-size: 10px;}
.comUserRank {margin2px;}
.
comUserRankText {font-size10px;font-weight:bold;}
.
comUserRankImg {border0;}
.
comUserName {}
.
comUserImg {margin2px;}
.
comDate {font-weightnormalfont-styleitalicfont-sizesmaller}
.
comDateCaption {font-weightboldfont-stylenormal;}

.
item {
    
border0px solid #303030;
    
background-color#efefef;
}
.
itemHead {
    
colorblack;
    
padding2px 5px;
    
font-weight900;
    
text-alignright;
    
background-imageurl(images/contents.gif);
    
background-positioncenter left;
    
background-repeatno-repeat;
    
padding-top20px;
    
padding-bottom5px;
    
padding-left35px;
    
background-color#e1e1e1;
}
.
itemInfo {
    
text-alignleft;
    
padding5px 31px 5px 5px;
    
background#BFBCCC url(images/who.gif) no-repeat 99%;
    
border-top1px solid black;
    
border-left1px solid black;
    
border-right1px solid black;
}
.
itemTitle a {
    
font-size100%;
    
font-weight500;
    
font-variantsmall-caps;
    
colorblack;
    
background-colortransparent;
    
borderthin;
    
margin-left0px;
    
padding-left0px;
}
.
itemPoster {font-size90%; font-style:italic;}
.
itemPostDate {font-size90%; font-style:italic;}
.
itemStats {font-size90%; font-style:italic;}
.
itemBody {
    
padding-left5px;
    
text-alignright;
    
border1px solid Black;
}
.
itemText {margin-top5pxmargin-bottom5pxline-height1.5em;}
.
itemText:first-letter {
    
font-size133%;
    
font-weightbold;
}
.
itemFoot {
    
text-alignright;
    
padding5px 31px 5px 5px;
    
padding-left30px;
    
padding-bottom2px;
    
padding-bottom2px;
    
background#BFBCCC url(images/attach.gif) no-repeat 1%;
    
border-bottom1px solid black;
    
border-left1px solid black;
    
border-right1px solid black;
}
.
itemAdminLink {font-size90%;}
.
itemPermaLink {font-size90%;}

.
blockTitle {
    
color#e1e1e1;
    
padding2px 11px;
    
font-weightbold;
    
text-aligncenter;
    
text-transformuppercase;
    
font-variantsmall-caps;
    
border-bottom1px solid Black;
    
border-top1px solid Black;
    
background-color#6e6882;
    
font-familyVerdana;
    
background-imageurl(images/blttleft.gif);
    
background-positionright;
    
background-repeatno-repeat;
}
.
blockContent {
    
padding6px;
    
text-alignleft;
}
.
blockTitlecl {
    
colorBlack;
    
padding2px 11px;
    
font-weightbold;
    
text-alignright;
    
text-transformuppercase;
    
font-variantsmall-caps;
    
font-familyVerdana;
    
letter-spacing1px;
    
border-bottom1px dotted Gray;
}
.
blockContentcl {
    
padding6px;
    
text-alignright;
    }
.
blockTitlecc {
    
color#e1e1e1;
    
padding15px 15px 15px 15px;
    
font-weightbold;
    
text-alignright;
    
text-transformuppercase;
    
font-variantsmall-caps;
    
font-familyVerdana;
    
background#6e6882;
}
.
blockContentcc {
    
padding6px;
    
text-alignright;
    
}
.
blockTitlecr {
    
colorBlack;
    
padding2px 11px;
    
font-weightbold;
    
text-alignright;
    
text-transformuppercase;
    
font-variantsmall-caps;
    
font-familyVerdana;
    
letter-spacing1px;
    
border-bottom1px dotted Gray;
}
.
blockContentcr {
    
padding6px;
    
text-alignright;
    }
td#mainmenu a {
    
background-color#e1e1e1;
    
margin0;
}
td#mainmenu a:hover {
    
background-color#ffffff;
    
padding-left20px;
    
}
td#mainmenu a.menuTop {
background-imageurl(images/folderclosedsmall.gif);
background-positionright;
background-repeatno-repeat;
padding-left20px;
}
td#mainmenu a.menuMain {
    
padding-left20px;
    
border-right0px solid #666666;
    
border-bottom0px solid #666666;
    
border-left0px solid silver;
    
background-imageurl(images/folderclosedsmall.gif);
    
background-positionright;
    
background-repeatno-repeat;
}
td#mainmenu a.menuSub {
    
padding-left15px;
    
background-imageurl(images/folderopensmall.gif);
    
background-position9px;
    
background-repeatno-repeat;
    
padding-left30px;
}

td#mainmenu a.menuSub:hover {
    
padding-left30px;
    
}

td#usermenu a {
    
background-color#e1e1e1;
    
displayblock;
    
margin0;
    
padding-left20px;
    
border-right0px solid #666666;
    
border-bottom0px solid #666666;
    
border-left0px solid silver;
    
background-imageurl(images/folderclosedsmall.gif);
    
background-positionright;
    
background-repeatno-repeat;
}
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {border-top: 0px solid silver;}
td#usermenu a.highlight {background-color: #fcc;}


thank :)

2
rowdie
Re: right to left ???
  • 2005/5/2 20:55

  • rowdie

  • Just can't stay away

  • Posts: 846

  • Since: 2004/7/21


It looks like the way you've done it should work for the tables, not for the text itself though.

You have two options to get the text rtl:

1. change your html tag to
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>" dir="rtl">


or 2. download a rtl css file from the persian translation site and either copy the styles into your css file or just copy the file to your theme folder and add
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_imageurl}>styleRTL.css" />
to your theme.html.

Any of these options should get you right to left positioning.

3
tzvook
Re: right to left ???
  • 2005/5/2 23:17

  • tzvook

  • Just can't stay away

  • Posts: 875

  • Since: 2003/2/1 2


Hello hamood
From my expirience with rtl lang (Hebrew) the problem is far more deeper then your theme file(s).
big part of the core and almost all of the modules are written in LTR orientation, a lot of tables cells/paragraphs/DIV's/SPAN's .... are align="left" and so on...
for a "real" rtl support in Xoops, you'll need to change a lot (core & modules) till there will be an RTL support at the core level.

maybe it's the place to call the core dev's to support rtl in the next release (not so much work... a $direction var @ the admin option, plus instances @ all tables

...

    and ... well.... it covers it all

    you can do it with a find&replace editor, though it's a lot of work nad requires a lot of work in every version upgrade ...

    Good luck with it ...

4
iolai
Re: right to left ???
  • 2005/6/26 11:24

  • iolai

  • Quite a regular

  • Posts: 206

  • Since: 2004/6/26


Core devs, could you please include RTL support to Xoops? I used XOOPS for several english sites, but now I need to create a hebrew site (should be pretty big), and I am forced to look for another CMS, because XOOPS does not have RTL support :(

Please answer if it is in your plans.
- Eli Baskin.
Dune MUD
AtomsWorld.com

5
Anonymous
Re: right to left ???
  • 2005/6/26 17:03

  • Anonymous

  • Posts: 0

  • Since:


Hi,

Just change
and you must take a look at http://www.dndon.com , there are many tips about "RTLation" of XOOPS themes and modules templates

6
iolai
Re: right to left ???
  • 2005/6/26 17:43

  • iolai

  • Quite a regular

  • Posts: 206

  • Since: 2004/6/26


Oh, thank you, I hope it will work.

I visited your site, it looks like a good RTL example, however it is in arabic. Is there an english document?
- Eli Baskin.
Dune MUD
AtomsWorld.com

7
Anonymous
Re: right to left ???
  • 2005/6/26 17:56

  • Anonymous

  • Posts: 0

  • Since:


Nope! it's arabic only

I RTLed GrayMeetsPurple now for arabic and another rtl languages:
Resized Image

And you can download it from my site:
http://www.alburak.net/xoops/GrayMeetsPurple.zip


8
iolai
Re: right to left ???
  • 2005/6/26 18:02

  • iolai

  • Quite a regular

  • Posts: 206

  • Since: 2004/6/26


What's GrayMeetsPurple? A theme?
- Eli Baskin.
Dune MUD
AtomsWorld.com

9
Anonymous
Re: right to left ???
  • 2005/6/26 18:07

  • Anonymous

  • Posts: 0

  • Since:


Yes iolai, this is what hamood asking for, please read first post here.

10
iolai
Re: right to left ???
  • 2005/6/26 18:08

  • iolai

  • Quite a regular

  • Posts: 206

  • Since: 2004/6/26


Oops, I confused it with another post about RTL. Sorry.
- Eli Baskin.
Dune MUD
AtomsWorld.com

Login

Who's Online

237 user(s) are online (136 user(s) are browsing Support Forums)


Members: 0


Guests: 237


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits