رفتن به مطلب
pesarak

ltr بودن متن در ماژول Autson Skitter Slideshow

پست های پیشنهاد شده

سلام دوستان

در ماژول وقتی توضیحی به تصویر اضاف میکنم متن ltr است و سمت از چپ الاسد شو نمایش میده ، خواستم کمکم کنید تا مشکل را حل کنم :002:

دمو : http://demo.autson.com/index.php?option=com_content&view=article&id=4&Itemid=5

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


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

سلام دوست عزیز به مسیر زیر برو

modules/mod_AutsonSlideShow/css

و فایل skitter.css رو باز کن

آخر صفحه یه کد هست

.label_skitter p {}

به این صورت تغییرش بده

.label_skitter p,h3 {direction:rtl;}

موفق باشی:002:

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


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

سلام دوست عزیز به مسیر زیر برو

modules/mod_AutsonSlideShow/css

و فایل skitter.css رو باز کن

آخر صفحه یه کد هست

.label_skitter p {}

به این صورت تغییرش بده

.label_skitter p,h3 {direction:rtl;}

موفق باشی:002:

سلام

من تمام این کارها را انجام دادم ولی‌ هیچ تغییری نکرد و نوشته‌ها سمت چپ قرار میگیرند!

آیا راه حلی برای اینکه نوشته‌ها راست چین بشود دارید؟

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


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

توسط یک ویرایشگر فایل زیر را باز کنید

mod_AutsonSlideShow/css/skitter.css

در خط 117 مشاهده می کنید که دستور زی نوشته شده است:

.label_skitter p {}

حال این دستور را به مانند زیر تغییر دهید

.label_skitter p

{

 text-align: right;

}

ارادت

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


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

توسط یک ویرایشگر فایل زیر را باز کنید

mod_AutsonSlideShow/css/skitter.css

در خط 117 مشاهده می کنید که دستور زی نوشته شده است:

.label_skitter p {}

حال این دستور را به مانند زیر تغییر دهید

.label_skitter p

{

 text-align: right;

}

ارادت

دوست عزیز سپاس از کمکتان ، ولی‌ هیچ تغییری نکرد!!!

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


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

شما از همین اسلاید شو استفاده میکنید!

این کد رو تست کنید

.label_skitter p{text-align:right;direction:rtl}

اگر درست نشد دوتا کار کنید

دمو قرار بدید و با عکس محل مورد ننظر رو مشخص کنید

موفق باشید

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


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

شما از همین اسلاید شو استفاده میکنید!

این کد رو تست کنید

.label_skitter p{text-align:right;direction:rtl}

اگر درست نشد دوتا کار کنید

دمو قرار بدید و با عکس محل مورد ننظر رو مشخص کنید

موفق باشید

سلام

لینک گذشتم که ببینید درست نشد و هنوز سمت چپ قرار دارد...

لینک

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


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

شما از همین اسلاید شو استفاده میکنید!

این کد رو تست کنید

.label_skitter p{text-align:right;direction:rtl}

اگر درست نشد دوتا کار کنید

دمو قرار بدید و با عکس محل مورد ننظر رو مشخص کنید

موفق باشید

سلام

لینک گذشتم که ببینید درست نشد و هنوز سمت چپ قرار دارد...

لینک

دوست گلم در انتهای کد های زیر رو قرار دهید

.label_skitter h5, .label_skitter h5 a {
   color: #FFFFFF !important;
   display: block !important;
   font-family: "Times New Roman",Times,serif !important;
   font-size: 29px !important;
   font-weight: normal !important;
   line-height: 34px !important;
   margin: 0;
   padding-bottom: 0 !important;
   padding-right: 5px !important;
   padding-top: 5px !important;
   text-align: right !important;
   text-decoration: none !important;
}
.label_skitter p {
   color: #FFFFFF !important;
   display: block !important;
   font-family: Arial,Helvetica,sans-serif !important;
   font-size: 10px !important;
   letter-spacing: 0.4px !important;
   line-height: 15px !important;
   margin: 0 !important;
   padding: 0 5px 2px 10px !important;
   text-align: right !important;
   z-index: 10 !important;
}

موفق باشید

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


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

شما از همین اسلاید شو استفاده میکنید!

این کد رو تست کنید

.label_skitter p{text-align:right;direction:rtl}

اگر درست نشد دوتا کار کنید

دمو قرار بدید و با عکس محل مورد ننظر رو مشخص کنید

موفق باشید

سلام

لینک گذشتم که ببینید درست نشد و هنوز سمت چپ قرار دارد...

لینک

دوست گلم در انتهای کد های زیر رو قرار دهید

.label_skitter h5, .label_skitter h5 a {
   color: #FFFFFF !important;
   display: block !important;
   font-family: "Times New Roman",Times,serif !important;
   font-size: 29px !important;
   font-weight: normal !important;
   line-height: 34px !important;
   margin: 0;
   padding-bottom: 0 !important;
   padding-right: 5px !important;
   padding-top: 5px !important;
   text-align: right !important;
   text-decoration: none !important;
}
.label_skitter p {
   color: #FFFFFF !important;
   display: block !important;
   font-family: Arial,Helvetica,sans-serif !important;
   font-size: 10px !important;
   letter-spacing: 0.4px !important;
   line-height: 15px !important;
   margin: 0 !important;
   padding: 0 5px 2px 10px !important;
   text-align: right !important;
   z-index: 10 !important;
}

موفق باشید

سلام

همهٔ این کارها که شما گفتید را انجام دادم ولی‌ تغییری نکرد!!!

عکس هم گذشتم...

test.PNG

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


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

کد رو کجا اضافه کردید؟

بله دوست عزیز کد را هم اضافه کردم و عکس هم گذشتم که ببینید کد را به چه صورتی‌ اضافه کردم.

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


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

کدهای css ماژول رو هم لطفا قرار بدید!(باذکر نامشون)

.box_skitter_small {width:200px;height:200px;}

.label_skitter {z-index:50;position:absolute;bottom:0px;left:0px;background:url(../images/back-box-label-black.png) repeat-x left top;color:#fff;display:none;border-top:1px solid #000;}

.label_skitter h5, .label_skitter h5 a {
   color: #FFFFFF !important;
   display: block !important;
   font-family: "Times New Roman",Times,serif !important;
   font-size: 29px !important;
   font-weight: normal !important;
   line-height: 34px !important;
   margin: 0;
   padding-bottom: 0 !important;
   padding-right: 5px !important;
   padding-top: 5px !important;
   text-align: right !important;
   text-decoration: none !important;
}
.label_skitter p {
   color: #FFFFFF !important;
   display: block !important;
   font-family: Arial,Helvetica,sans-serif !important;
   font-size: 10px !important;
   letter-spacing: 0.4px !important;
   line-height: 15px !important;
   margin: 0 !important;
   padding: 0 5px 2px 10px !important;
   text-align: right !important;
   z-index: 10 !important;
} 

.info_slide * {font-family:Consolas,arial,tahoma !important;}

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


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

کل فایل css های ماژول این هست فقط؟

نه دوست عزیز سعی‌ کردم کل فایل را بذارم بهم اجازه نداد...

اگر شما برنامه را دانلود کنید میتونید به راحتی‌ به کدها دسترسی پیدا کنید.

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


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

با سلام

آدرس سایتتون رو قرار بدید

موفق و پیروز باشید

یا حق

:64 (17):

سلام

لینک گذشتم که ببینید درست نشد و هنوز سمت چپ قرار دارد...

لینک

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


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

سلام

از مسير زير :

 modules\mod_AutsonSlideShow\tmpl

فايل default.php رو باز كنيد

در خط 625 و هم چنين خط 660 كد زير رو :

 text-align:left !important; 

به اين كد تغيير بديد :

text-align:right !important;

موفق باشيد...

:64 (1):

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


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

سلام

از مسير زير :

 modules\mod_AutsonSlideShow\tmpl

فايل default.php رو باز كنيد

در خط 625 و هم چنين خط 660 كد زير رو :

 text-align:left !important; 

به اين كد تغيير بديد :

text-align:right !important;

موفق باشيد...

:64 (1):

تشکر دوستان عزیزی که همگی راهنمایی کردین .

:x (37)::x (37)::shy:

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


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

به گفتگو بپیوندید

هم اکنون می توانید ارسال داشته باشید و بعد ثبت نام خود را در سایت کامل نمایید. اگر حساب کاربری در سایت دارید، جهت ارسال با حساب کاربری خود هم اکنون وارد سایت شوید

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


×
×
  • افزودن...