تاریخ عضویت : 1394/04/29
ارسالها : 113 نوشته
( تشکرها: 7 بار )
( 3 تشکر دریافتی در 3 ارسال )
|
سلام. میخواستم راهنمایی کنین چطور میشه ماژول لایو تب رو به صورت راست به چپ(برای فارسی) نمایش داد. تو تنظیات ماژول که میریم 4 حالت رو میشه تغییر داد: بالا چپ افقی،پایین چپ افقی،راست عمودی،چپ عمودی حالتی که من و اکثر افرادی که وب سایت های فارسی دارن بالا راست افقی یا پایین راست افقی هستش که متاسفانه در تنظیمات این ماژول نیست. اگه تو سایت شهرداری تهران بریم نمونه از ان ماژول هست که به صورت بالا راست افقی تنظیم شده و اولین تب فعال هم از جهت راست شروع میشه. ممنون میشم راهنمایی کنین باید چیکار کنم که به این تنظیمات برسم. تشکر
|
|
|
|
تاریخ عضویت : 1394/01/06
ارسالها : 728 نوشته
کشور کاربر :
( تشکرها: 19 بار )
( 222 تشکر دریافتی در 194 ارسال )
|
دقت کنید موارد که شما نیاز دارید به تنظیمات بستگی ندارد .
شما باید برای رفع مشکل با کدنویسی CSS مشکلتون رو حل کنید و حتی با کدنویسی CSS ظاهری متناسب با وب سایت خود به لایو تب بدهید.
برای رفع این مشکل شما یک کد CSS به صورت مثال قرار میدم که ببیند به چه شکلی میشه حل کرد .
مثال برای پوسته default می باشد .
خط 64 مسیر : desktopmodules/LiveTabs/Themes/default/default.css
کد:
.livetabsdefault .ui-tabs .ui-tabs-nav li {
float: right;
}
|
|
|
|
|
تاریخ عضویت : 1394/04/29
ارسالها : 113 نوشته
( تشکرها: 7 بار )
( 3 تشکر دریافتی در 3 ارسال )
|
با تشکر از پاسخ شما قبل از اینکه این سوال رو بپرسم همین تیکه کد خط 66 رو تغییر داده بودم با float=right ولی همین باعث مشکلاتی میشد. میتونید برای نمونه به سایت شهرداری تهران برین http://www.tehran.ir و تو مرورگرتون تو اینسپکت المنت وقتی همین ماژول لایو تب رو چک کنین متوجه میشین که اصلا دست به کد css نزده ولی به صورت راست به چپ افتاده.حالا اگه هم بخوام خط 66 این ماژول رو تغییر بدم دیگه تب ها از کار میفتن و مشکلاتی به وجود میاد. سعی می کنم بازم تلاش کنم تا راه هایی براش پیدا کنم ولی اگه کسی راهی برای این مشکل سراغ داره ممنون میشم راهنمایی کنه. تشکر --------------------- با این کد تونستم مقداری کارو بهتر کنم : padding-left:200px; اما شروع تب از سمت چپ هست در صورتی که در فارسی باید شروع تب از سمت راست باشه. با float نمیشه به نتیجه رسید. ویرایش شد بوسیله کاربر 1395/01/25 01:53:29 ب.ظ
| دلیل ویرایش: مشخص نشده است
|
|
|
|
تاریخ عضویت : 1394/01/06
ارسالها : 728 نوشته
کشور کاربر :
( تشکرها: 19 بار )
( 222 تشکر دریافتی در 194 ارسال )
|
ارسال شده توسط : مهدی  با تشکر از پاسخ شما قبل از اینکه این سوال رو بپرسم همین تیکه کد خط 66 رو تغییر داده بودم با float=right ولی همین باعث مشکلاتی میشد. میتونید برای نمونه به سایت شهرداری تهران برین http://www.tehran.ir و تو مرورگرتون تو اینسپکت المنت وقتی همین ماژول لایو تب رو چک کنین متوجه میشین که اصلا دست به کد css نزده ولی به صورت راست به چپ افتاده.حالا اگه هم بخوام خط 66 این ماژول رو تغییر بدم دیگه تب ها از کار میفتن و مشکلاتی به وجود میاد. سعی می کنم بازم تلاش کنم تا راه هایی براش پیدا کنم ولی اگه کسی راهی برای این مشکل سراغ داره ممنون میشم راهنمایی کنه. تشکر --------------------- با این کد تونستم مقداری کارو بهتر کنم : padding-left:200px; اما شروع تب از سمت چپ هست در صورتی که در فارسی باید شروع تب از سمت راست باشه. با float نمیشه به نتیجه رسید.
دقت کنید روش که گفتم برای float: right صحیح ترین روش هستش و هیچ مشکلی نباید پیش بیاد . بنده در بیش از 60 وب سایت از لایو تب استفاده کردم و همیشه با روش که گفتم اصلاح کردم و تا به حال مشکلی گزارش نشده .
در ضمن روش padding-left شما کاملا یک روش اشتباه هستش چون در اندازه های مختلف دچار مشکل میشه یعنی عرض اون قسمت زیاد شده بهم میریزه . چون مقدار نسبی داده شده تازه ترتیب هم از راست به چبه که باز هم اشتباه .
اگر در روش که ما براتون مطرح کردیم مشکل رو بیان کنید بهتر میتونم کمک کنم .
باتشکر . |
|
|
|
|
تاریخ عضویت : 1394/04/29
ارسالها : 113 نوشته
( تشکرها: 7 بار )
( 3 تشکر دریافتی در 3 ارسال )
|
کارایی که شما گفتین رو انجام دادم.به صورت زیر: .livetabsdefault .ui-tabs .ui-tabs-nav {
list-style: none;
position: relative;
padding: .2em .2em 0;
float: right; 2 مشکل پیش میاد: 1- کل تبها از کار میفته و دیگه وقتی روشون کلیک می کنی اصلا تغییر نمی کنن و نمیشه بینشنون جابجا شد. 2- رنگ خاکستری که کل تب رو پر کرده (بکگراند عنوان تب ها) نصف میشه و فقط تا خود آخرین تب نشون داده میشه. میتونین برای نمونه به وب سایت شهرداری تهران برین و لایو تب اون رو با اینسپکت المنت با همین کاری که شما پیشنهاد دادین یعنی خط 66 فایل css رو تغییر بدین و float:right کنین و دقیقا مشکلی که پیش میاد همون متشکلیه که تو وب سایت من پیش میاد. ممنون بابات راهنماییتون
|
|
|
|
تاریخ عضویت : 1394/01/06
ارسالها : 728 نوشته
کشور کاربر :
( تشکرها: 19 بار )
( 222 تشکر دریافتی در 194 ارسال )
|
ارسال شده توسط : مهدی  کارایی که شما گفتین رو انجام دادم.به صورت زیر: .livetabsdefault .ui-tabs .ui-tabs-nav {
list-style: none;
position: relative;
padding: .2em .2em 0;
float: right; 2 مشکل پیش میاد: 1- کل تبها از کار میفته و دیگه وقتی روشون کلیک می کنی اصلا تغییر نمی کنن و نمیشه بینشنون جابجا شد. 2- رنگ خاکستری که کل تب رو پر کرده (بکگراند عنوان تب ها) نصف میشه و فقط تا خود آخرین تب نشون داده میشه. میتونین برای نمونه به وب سایت شهرداری تهران برین و لایو تب اون رو با اینسپکت المنت با همین کاری که شما پیشنهاد دادین یعنی خط 66 فایل css رو تغییر بدین و float:right کنین و دقیقا مشکلی که پیش میاد همون متشکلیه که تو وب سایت من پیش میاد. ممنون بابات راهنماییتون
شاید در توضیحات بنده یک مقدار ابهام بوده که این طور متوجه شدید به هر حال عذر خواهی میکنم.
مشکل شما رو نیز فهمیدم
شما به المنت .livetabsdefault .ui-tabs .ui-tabs-nav دارید float میدید که این نباید بدید دقت کنید در توضیحات قبل هم گفتم باید به .livetabsdefault .ui-tabs .ui-tabs-nav li
دقت کنید حالا میگید فرقش با بالای در چیه فرق در اخر المنت هستش یک li اضافه تر هستش که با Float به این المنت هستش که مشکلتون حل میشه . در ضمن در لاین که Float دادید رو هم اصلاح کنید اشتباه هستش نباید اون خط کد تغییری بدید . |
|
|
|
|
تاریخ عضویت : 1394/04/29
ارسالها : 113 نوشته
( تشکرها: 7 بار )
( 3 تشکر دریافتی در 3 ارسال )
|
با تشکر از راهنمایی دقیق و کامل مشکل برطرف شد و یک تجربه به تجربیاتم اضافه شد اونم اینکه خیلی به اینسپکت المنت مرورگر اکتفا نکنم و کل فایل css هر ماژول رو از اول تا آخر بررسی کنم تشکر
|
|
|
|
رفتن به انجمن
شما نمی توانید مطلب جدید در این انجمن ایجاد کنید
شما نمی توانید برای مطالب ارسالی پاسخ ارسال کنید
شما نمی توانید مطلب ارسالی خود را حذف کنید
شما نمی توانید مطلب ارسالی خود را ویرایش کنید
شما نمی توانید در مطلب ارسالی خود نظرسنجی ایجاد کنید
شما نمی توانید در این انجمن نظر دهید
اطلاعیه :
پرسش و پاسخ های تخصصی دی ان ان از کوکی ها استفاده می کند. با ادامه این فهرست از شما می خواهیم برای استفاده از کوکی ها موافقت کنید.
جزئیات بیشتر
بستن