i need help for Phoca Guestbook

[DarinL]

Thank you for great work

please help me how can change Phoca Guestbook to RTL for arabic website

Kind regards

[Jan]

Hi, I didn't try it yet and don't have any experiences, maybe some float needs to be changed, e.g. from left to right. Please let me know the site where you have displayed the guestbook, so I can take a look at it.

Jan

[DarinL]

Thank you so much for replay me

i want only text go right i mean this this

This text go right and input go left
Title:
Name:
E-mail:
Content:
Image Verification:

dear Jan please help me in which page must edit
check my guestbook in my seite http://www.vokworld.com/news/home/deftar.html

i awaiting you reply

kind regards

[Jan]

Hi, sorry I don't understand what you mean with reght or reghit?

[DarinL]

i so sorry i mean right !!!

i want all text go right

please help

[thijeleo]

You will have to edit /components/com_phocaguestbook/assets/phocaguestbook.css

This CSS normally looks like:

Code: Select all

/*phocaguestbook*/
body{margin:0;padding:0;}
a img {border:0px;padding:0;margin:0;}
table tr td a img {border:0px;}

/*panels*/
#phocaguestbook  .jpane-toggler span { background: transparent url(images/icon-message.png) 5px 50% no-repeat; padding-left: 24px;cursor:pointer;text-decoration:underline;}
#phocaguestbook  .jpane-toggler-down span { background: transparent url(images/icon-message.png) 5px 50% no-repeat; padding-left: 24px;cursor:pointer;text-decoration:underline;}

#phocaguestbook-jpane-none     { display:none;backgroud:#fff100;}

#phocaguestbook #mce_editor_0_toolbar {position: static !important;}

You should change this into:

Code: Select all

/*phocaguestbook*/
body{margin:0;padding:0;direction:rtl;}
a img {border:0px;padding:0;margin:0;}
table tr td a img {border:0px;direction:rtl;}

/*panels*/
#phocaguestbook  .jpane-toggler span { background: transparent url(images/icon-message.png) 5px 50% no-repeat; padding-left: 24px;cursor:pointer;text-decoration:underline;}
#phocaguestbook  .jpane-toggler-down span { background: transparent url(images/icon-message.png) 5px 50% no-repeat; padding-left: 24px;cursor:pointer;text-decoration:underline;}

#phocaguestbook-jpane-none     { display:none;backgroud:#fff100;}

#phocaguestbook #mce_editor_0_toolbar {position: static !important;}

In other words: ad the code direction:rtl; to the CSS at the body and the table tr td a img line.