Support Forums

change the icon to the right side

This is a discussion on change the icon to the right side within the Templates, HTML, CSS, and Design Help forums, part of the General category; hi , e very body I miss you all My question is say! How do I change the icon to ...


Go Back   68 Classifieds Forums > General > Templates, HTML, CSS, and Design Help

Reply
 
Thread Tools Display Modes
Old 10-15-2009, 11:13 AM   #1
boy
Junior Member
 
Join Date: Nov 2008
Posts: 8
Rep Power: 0
boy is on a distinguished road
Question change the icon to the right side

hi,everybody
I miss you all
My question is say!
How do I change the icon to the right side.
note:I used Arabic Language.

Last edited by boy; 10-15-2009 at 11:16 AM.
boy is offline   Reply With Quote
Old 10-15-2009, 11:41 AM   #2
Staff
 
Join Date: Mar 2006
Posts: 493
Rep Power: 29
Blair will become famous soon enough
Default

Try adding:

Code:
div
{
direction:rtl;
}
to the div style that handles the icon and text.
from: CSS direction property

Also, what's your site address?
__________________
Blair
68C Staff

68C Downloads | Report a Bug | Knowledge Base
If you have a current support subscription, you can Submit a Support Ticket
Blair is offline   Reply With Quote
Old 10-15-2009, 11:55 AM   #3
boy
Junior Member
 
Join Date: Nov 2008
Posts: 8
Rep Power: 0
boy is on a distinguished road
Cool

Quote:
Originally Posted by Blair
Try adding:

Code:
div
{
direction:rtl;
}
to the div style that handles the icon and text.
from: CSS direction property

Also, what's your site address?
Thank you for the speed you are my hero

test it...

http://www.kuwaitpop.com

Last edited by boy; 10-15-2009 at 11:59 AM.
boy is offline   Reply With Quote
Old 10-15-2009, 12:56 PM   #4
Staff
 
Join Date: Mar 2006
Posts: 493
Rep Power: 29
Blair will become famous soon enough
Default

It doesn't look like that one change helped

Open your stylesheet.
Go to line 288 for the .friendmail style
for the 'background' attribute, change "left" to "right"
for the margin-left: 10px; change that to margin-right: 10px;
for the padding:0 0 2px 20px; change that to padding:0 20px 2px 0;

The complete style should be:
Code:
.friendmail {
   background:transparent url(../images/friendmail.gif) no-repeat scroll right top;
   direction:rtl;
   height:16px;
   margin-right:10px;
   padding:0 20px 2px 0;
}
You will need to make the same changes to the 'moreads', 'favorites', and 'printer' styles.
__________________
Blair
68C Staff

68C Downloads | Report a Bug | Knowledge Base
If you have a current support subscription, you can Submit a Support Ticket
Blair is offline   Reply With Quote
Old 10-15-2009, 02:02 PM   #5
boy
Junior Member
 
Join Date: Nov 2008
Posts: 8
Rep Power: 0
boy is on a distinguished road
Default

Thank you for your interest

i tel u yo my heeeeeeeeeeeeeeeeeeeeeeeeeeeeerooooooooooooooo
boy is offline   Reply With Quote
Old 10-17-2009, 07:56 PM   #6
boy
Junior Member
 
Join Date: Nov 2008
Posts: 8
Rep Power: 0
boy is on a distinguished road
Thumbs up

you do that...

butthe toolpar icon n't change




?
boy is offline   Reply With Quote
Reply

Thread Tools
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Icon next to webaddress in browser HorseOptions Templates, HTML, CSS, and Design Help 16 01-08-2009 03:29 PM
Icon for pic n/a in listing HorseOptions Templates, HTML, CSS, and Design Help 2 12-04-2008 11:57 AM
Sort ICON Unregistered Pre Sales Questions 1 12-01-2008 12:18 PM
v4 icon set louad Technical Support 9 02-13-2007 10:53 AM


All times are GMT -4. The time now is 07:20 PM.


Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0