1
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"?>
" lang="<{$xoops_langcode}>">
" />
" />
" />
" />
" />
" />
" />
<{$xoops_sitename}> - <{$xoops_pagetitle}>
/favicon.ico" rel="SHORTCUT ICON" />
/xoops.css" />
" />
/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"> |
<{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-size: small;
}
table td { padding: 0; border-width: 0; font-family: Verdana, Arial, Helvetica, sans-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-family: Tahoma, taipei;
font-size: 12px;
background: #323232;
}
a { font-family: Tahoma, taipei; font-size: 12px; text-decoration: none; color: #666666; font-style: normal}
a:hover {
font-family: Tahoma, taipei;
font-size: 12px;
color: Black;
font-style: normal;
}
td {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
input {
background-color: White;
color: #000000;
font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
border-color: #000000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
text-indent: 2px;
}
textarea {font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;background-color : transparent; font-weight : bold; border-color : #000000; border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; text-indent : 2px;}
select {font-family: Tahoma, taipei, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight : bold;background-color:#F5F5F5; }
img { border: 0;}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: right;}
li {
margin-left: 2px;
list-style: square inside url(images/li.gif);
}
.odd { background-color: #eeeeee;}
.outer { background-color: #AEA5CE;}
.even { background-color: #e1e1e1;}
th {
background-color: #e0e0e0;
text-align: right;
padding: 3px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
}
.head { background-color: #e1e1e1; padding: 3px;}
.foot { background-color: #E2DBD3; padding: 3px;}
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #333333; font-weight:bold; border: 1px solid #cccccc; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-right: 2px; margin-top: 10px; color: #333333; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}
.item {
border: 0px solid #303030;
background-color: #efefef;
}
.itemHead {
color: black;
padding: 2px 5px;
font-weight: 900;
text-align: right;
background-image: url(images/contents.gif);
background-position: center left;
background-repeat: no-repeat;
padding-top: 20px;
padding-bottom: 5px;
padding-left: 35px;
background-color: #e1e1e1;
}
.itemInfo {
text-align: left;
padding: 5px 31px 5px 5px;
background: #BFBCCC url(images/who.gif) no-repeat 99%;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
.itemTitle a {
font-size: 100%;
font-weight: 500;
font-variant: small-caps;
color: black;
background-color: transparent;
border: thin;
margin-left: 0px;
padding-left: 0px;
}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {
padding-left: 5px;
text-align: right;
border: 1px solid Black;
}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {
font-size: 133%;
font-weight: bold;
}
.itemFoot {
text-align: right;
padding: 5px 31px 5px 5px;
padding-left: 30px;
padding-bottom: 2px;
padding-bottom: 2px;
background: #BFBCCC url(images/attach.gif) no-repeat 1%;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}
.blockTitle {
color: #e1e1e1;
padding: 2px 11px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
font-variant: small-caps;
border-bottom: 1px solid Black;
border-top: 1px solid Black;
background-color: #6e6882;
font-family: Verdana;
background-image: url(images/blttleft.gif);
background-position: right;
background-repeat: no-repeat;
}
.blockContent {
padding: 6px;
text-align: left;
}
.blockTitlecl {
color: Black;
padding: 2px 11px;
font-weight: bold;
text-align: right;
text-transform: uppercase;
font-variant: small-caps;
font-family: Verdana;
letter-spacing: 1px;
border-bottom: 1px dotted Gray;
}
.blockContentcl {
padding: 6px;
text-align: right;
}
.blockTitlecc {
color: #e1e1e1;
padding: 15px 15px 15px 15px;
font-weight: bold;
text-align: right;
text-transform: uppercase;
font-variant: small-caps;
font-family: Verdana;
background: #6e6882;
}
.blockContentcc {
padding: 6px;
text-align: right;
}
.blockTitlecr {
color: Black;
padding: 2px 11px;
font-weight: bold;
text-align: right;
text-transform: uppercase;
font-variant: small-caps;
font-family: Verdana;
letter-spacing: 1px;
border-bottom: 1px dotted Gray;
}
.blockContentcr {
padding: 6px;
text-align: right;
}
td#mainmenu a {
background-color: #e1e1e1;
margin: 0;
}
td#mainmenu a:hover {
background-color: #ffffff;
padding-left: 20px;
}
td#mainmenu a.menuTop {
background-image: url(images/folderclosedsmall.gif);
background-position: right;
background-repeat: no-repeat;
padding-left: 20px;
}
td#mainmenu a.menuMain {
padding-left: 20px;
border-right: 0px solid #666666;
border-bottom: 0px solid #666666;
border-left: 0px solid silver;
background-image: url(images/folderclosedsmall.gif);
background-position: right;
background-repeat: no-repeat;
}
td#mainmenu a.menuSub {
padding-left: 15px;
background-image: url(images/folderopensmall.gif);
background-position: 9px;
background-repeat: no-repeat;
padding-left: 30px;
}
td#mainmenu a.menuSub:hover {
padding-left: 30px;
}
td#usermenu a {
background-color: #e1e1e1;
display: block;
margin: 0;
padding-left: 20px;
border-right: 0px solid #666666;
border-bottom: 0px solid #666666;
border-left: 0px solid silver;
background-image: url(images/folderclosedsmall.gif);
background-position: right;
background-repeat: no-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 :)