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"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="Keywords" content="<{$xoops_meta_keywords}>" />
<meta name="Description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
<style type="text/css">
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center"><br>
<table dir=rtl width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="<{$xoops_imageurl}>/images/logo.jpg" width="800" height="100"></td>
</tr>
</table>
<table dir=rtl width="800" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="150" valign="top" bgcolor="#303030">
<table dir=rtl width="150" height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#303030">
<tr>
<td valign="top" bgcolor="#e1e1e1"><p align="center"><br />
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}> </p>
<div align="right">
<table dir=rtl width="100%" border="0" cellpadding="2" cellspacing="0">
<tr>
<td class="blockTitle"> <{$block.title}></font></td>
</tr>
<tr>
<td class="blockContent"><div align="right"><{$block.content}></div></td>
</tr>
</table>
<{/foreach}>
<!-- End left blocks loop -->
</div></td>
</tr>
</table>
</td>
<td width="49" valign="bottom" bgcolor="#cfcfcf"><img src="<{$xoops_imageurl}>/images/man.gif" width="50" height="131"></td>
<td valign="top" bgcolor="#303030">
<table dir=rtl width="600" height="100%" border="0" align="center" cellpadding="5" cellspacing="1" bordercolor="#303030">
<tr>
<td valign="top" bgcolor="#e1e1e1"> <table dir=rtl width="580" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><{$xoops_contents}> </td>
</tr>
</table>
<br />
<table dir=rtl width="580" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div id="content">
<!-- Display center blocks if any -->
<div align="center"><{if $xoops_showcblock == 1}>
<table dir=rtl cellspacing="0">
<tr>
<td width="100%" colspan="2">
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}>
<table dir=rtl width="576" cellpadding="5" cellspacing="1">
<tr>
<td class="blockTitlecc"> <{$block.title}></td>
</tr>
<tr>
<td class="blockContentcc"><{$block.content}></td>
</tr>
</table>
<{/foreach}>
<!-- End center-center blocks loop -->
<br />
</td>
</tr>
<tr>
<td width="288" valign="top">
<!-- Start center-left blocks loop -->
<div align="right"><{foreach item=block from=$xoops_clblocks}>
<table dir=rtl width="280" cellpadding="5" cellspacing="1">
<tr>
<td class="blockTitlecl"> <{$block.title}></td>
</tr>
<tr>
<td class="blockContentcl"><{$block.content}></td>
</tr>
</table>
<{/foreach}>
<!-- End center-left blocks loop -->
</div></td>
<td width="288" valign="top">
<!-- Start center-right blocks loop -->
<div align="right"><{foreach item=block from=$xoops_crblocks}>
</div>
<table dir=rtl width="280" cellpadding="5" cellspacing="1">
<tr>
<td class="blockTitlecr"> <{$block.title}></td>
</tr>
<tr>
<td class="blockContentcr"><{$block.content}></td>
</tr>
</table>
<{/foreach}>
<!-- End center-right blocks loop -->
</td>
</tr>
</table>
<{/if}>
<!-- End display center blocks -->
</div>
</div>
<div align="right"></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table dir=rtl width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="<{$xoops_imageurl}>/images/footer.jpg" width="800" height="19"></td>
</tr>
</table>
<p> </p></div>
</body>
</html>
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 :)