alireza013

درخواست راهنمایی در راستچین کردن لیست ها در پوسته

8 پست در این موضوع قرار دارد

سلام .

بنده در حال پارسی سازی یک پوسته هستم اما مشکلی برخورد کردم که نتونستم رفعش کنم.

این مشکل توی ویجت های سایدبار و فوتر هست. بالفرض ویجت اخرین ارسال ها یا دسته ها ، لیستشون چپ چین هست و تصویری که برای لیست در نظر گرفته شده سمت چپ هر گزینه هست.

بنده میخوام این تصویر لیست به سمت راست منتقل بشه اما موفق به اینکار نشدم با دستور direction rtl

با توجه به تازه کار بودنم خیلی هم این مشکل برام بعید نیست.

ممنون میشم راهنمایی کنید.

02685922839140794693.png

87131080063316731562.png

0

به اشتراک گذاری این پست


لینک به پست

نوشته ها رو با استفاده از کد زیر راست چین کن


text-align: right;

2

به اشتراک گذاری این پست


لینک به پست

متشکرم نورزار عزیز اما با این کار هم اون فلش ها به سمت راست نوشته ها منتقل نمیشن

0

به اشتراک گذاری این پست


لینک به پست

ul {
direction:rtl;
}

4

به اشتراک گذاری این پست


لینک به پست

متشکرم نورزار عزیز اما با این کار هم اون فلش ها به سمت راست نوشته ها منتقل نمیشن

اون علامت فلش رو هم باید جدا به صورت راست ببر

2

به اشتراک گذاری این پست


لینک به پست

اون علامت فلش رو هم باید جدا به صورت راست ببر


li {background-position:right top}

3

به اشتراک گذاری این پست


لینک به پست

توفیقی کسب نشد. همه جوره تستش کردم.

این استایل ویجت فوتر هست :


#footer-widgets { padding: 42px 0px 22px; }
.footer-widget { width: 210px; margin-right: 40px; float: right; font-family: B Yekan,'B Yekan',tahoma; color: #afa59f; font-size: 13px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
.last { margin-right: 0px; }
.footer-widget p { color: #afa59f; text-shadow: 1px 1px 1px rgba(0,0,0,0.4) }
#footer h4.widgettitle { font-size: 13px; color:#ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); text-transform: uppercase; padding-bottom: 11px; }
.footer-widget a { color: #afa59f; }
.footer-widget a:hover { color: #88817c; text-decoration: none; }
.footer-widget ul {direction: rtl; margin-bottom:8px; text-align: right;
}
.footer-widget ul ul { direction: rtl; margin-bottom:0; text-align: right; }
.footer-widget ul li { text-align: right; background-position:right top; background:url(images/footer-bullet.png) no-repeat 0 7px; padding:0px 0 7px 17px; }
.footer-widget ul li ul {direction: rtl; margin:0 0 -3px; padding:5px 0 0 7px; }
p#copyright {font-family: B Yekan,'B Yekan',tahoma; font-size: 11px; float:left; color:#afa59f; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); padding-bottom:25px; }

0

به اشتراک گذاری این پست


لینک به پست

تست کنید:

 .footer-widget ul li { background:url(images/footer-bullet.png)  no-repeat right 7px; padding:0px 17px 7px 0; }

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری