how can I make my site's language in arabic
I installed the arabic language file
but it didn't make all of it in arabic
but translated some things into arabic only



like (search) and (read more) only






what to do




please
you have to enable Arabic for site user interface by selecting language then " Default "I installed the language pack, but what else do I need to do?
Simply no , but we should get what an RTL templte shoud beI understand that I need RTL templates, any hints on converting a LTR template? Do I just need to change content classes to be aligned right instead of left?
Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml">
Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
well , as far as I know , your database will be upgraded to UTF-8 when J! 1.1 is out , you can search forums about how to prepair the current version of Joomla! to work with UTF-8 , note : your mysql version must be 4.1.13 or higher to support UTF-8 .I saw some posts about UTF-8 for databases, do I need to do this? What do I need to ask my hosting provider to do? What should I ask for? Should I dump my existing database and start a new joomla installation
yes , we provide this as a " core hack " for joomla . If you prepaired your site well to work with UTF-8 , you would just write for example " ar_EG.utf8 " in locale from global configuration .I saw some downloads on the arabic site. Arabic date, FileUTF Converter, FileUnicEdit28. Should I download and install these? What do they do? Is this how you get arabic dates and numbers?
everything will be moved to the right if you managed to make the template RTL , one more issue is that joomla will read right elements as if they were on the left .Finally test and see the result yourselfHow do I get bullets. radio buttons, etc to align correctly? What aout form fields, is there any way to get them to fill in RTL?
it's optional at the moment ! so it's up to you .csalib wrote: Thanks for the details! Do I need to do the UTF-8 thing for this to work properly?
try tweaking template css , and consider the 2 links i wrote above !Bullets are still on the left... how do I fix that? What am I missing?
this is useless , first off what would you like to convert to UTF-8 ? the database or language files ?I am not sure how to use these, Arabic date, FileUTF Converter, FileUnicEdit28. Does the arabic date file replace the one in the includes directory? How do I install the others? I can't read the arabic instructions on the site.
I've included the arabic language pack in UTF-8 ( converted on the fly ) in this post , if you wanna some test !WINDOWS:
Arabic_Saudi_Arabia
Arabic_Iraq
Arabic_Egypt
Arabic_Libya
Arabic_Algeria
Arabic_Morocco
Arabic_Tunisia
Arabic_Oman
Arabic_Yemen
Arabic_Syria
Arabic_Jordan
Arabic_Lebanon
Arabic_Kuwait
Arabic_UAE
Arabic_Bahrain
Arabic_Qatar
FC4 (Fedora Core 4 - possibly good for Redhat)
ar_AE
ar_AE.iso88596
ar_AE.utf8
ar_BH
ar_BH.iso88596
ar_BH.utf8
ar_DZ
ar_DZ.iso88596
ar_DZ.utf8
ar_EG
ar_EG.iso88596
ar_EG.utf8
ar_IN
ar_IN.utf8
ar_IQ
ar_IQ.iso88596
ar_IQ.utf8
ar_JO
ar_JO.iso88596
ar_JO.utf8
ar_KW
ar_KW.iso88596
ar_KW.utf8
ar_LB
ar_LB.iso88596
ar_LB.utf8
ar_LY
ar_LY.iso88596
ar_LY.utf8
ar_MA
ar_MA.iso88596
ar_MA.utf8
ar_OM
ar_OM.iso88596
ar_OM.utf8
ar_QA
ar_QA.iso88596
ar_QA.utf8
ar_SA
ar_SA.iso88596
ar_SA.utf8
ar_SD
ar_SD.iso88596
ar_SD.utf8
ar_SY
ar_SY.iso88596
ar_SY.utf8
ar_TN
ar_TN.iso88596
ar_TN.utf8
ar_YE
ar_YE.iso88596
ar_YE.utf8
Code: Select all
float : right;
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;
}