رفتن به مطلب

پارسي سازي پوسته با rtl.css


alireza013

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

سلام.

ميخواستم بدونم پارسي كردن با فايل rtl.css چه دردسري داره؟

من قبلا ميخواستم اينكارو كنم، كلاس هايي كه بايد تغيير ميكردن رو كپي ميكنم توي rtl.css و تغيير لازم رو ميدم ولي بازم كلاس از اين فايل خونده نميشه .

مگه اين فايل نسبت به همه فايلهاي css ارجحيت نداره؟

لینک به ارسال

css پلکانی خونده می شه یعنی اول کد سری اول را می خواند و بعد می آد خط پایین تر مشترکین را از خط بالایی حذف می کند در نتیجه فایل فراخوانی rtl.css باید بعد از style.css فرا خوانده شود

لینک به ارسال

مگه بصورت عادی این اتفاق نمیفته ؟‌یعنی rtl.css آخر از همه خونده نمیشه؟

سوال دیگه ای که برام پیش اومده اینه که اول من نمیخوام style.css اصلا تغییری کنه. خب فرض کنیم توی یک کلاس right:0; داریم و باید توی پارسی سازی left:0; بدیم. من left:0; رو به rtl.css میدم اما الان هر دو این ها برای کلاس خونده میشن و مشکل بوجود میاد. چطور باید دستور right:0; رو بدون دستکاری style.css غیر فعال کرد؟

و در آخر : اگه ما چندتا فایل css توی قالب داشته باشیم، چطور میشه rtl.css رو آخر همه فراخوانی کرد؟

از پاسخگوییتون ممنونم.

لینک به ارسال

شد همون چیزی که عرض کردم خط دوم که خونده شد مشترکهاش از خط اول حذف می شه وقتی برای right مقداری تعریف شده و حالا همون مقدار را می خواهید به left دهید عملا چیزی بین دو استایل مشترک نیست پس مقدار right رو از یکی می خونه left رو از دومی برای رفعش باید به right هم مقدار بدید در مواردی که مقدارش نامشخصه auto بگذارید


<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color1.css" title="color1" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color2.css" title="color2" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color3.css" title="color3" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color4.css" title="color4" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color5.css" title="color5" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color6.css" title="color6" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/rtl.css" title="rtl" />

یا مثلا کد را در فوتر بخوانید

البته می تونید در حالت عادی هم با گذاشتن !important بعد از مقدار خاصیت ها اولیت را مشخص کنید مشروط بر اینکه کد بعدی که خوانده می شود !important را نداشته باشد نحوه استفاده


.example {left:0;right:auto !important;}

توجه کنید که فاصله و محل قرار گرفتن ";" اشتباه نشود

لینک به ارسال

استاد عذر میخوام که یه مقدار گیج میزنم.

یه کم متوجه نشدم.

کدی که شما دادید در واقع میاد میگه که rtl.css آخر از همه فراخوانی بشه. این کد رو باید کجا قرار بدم؟

لینک به ارسال

فرض کنید دو استایل زیر فایل های style.css ,و rtl.css هستند


<style>
div{
background:red
}
</style>
<style>
div {
background:blue
}
</style>

خروجی آبی


div{
background:red !important
}
</style>
<style>
div {
background:blue
}

خروجی قرمز


<style>
div{
background:red !important
}
</style>
<style>
div {
background:blue !important
}
</style>

خروجی آبی خواهد بود یعنی اگر در هردو برای این خاصیت مشخص از !important استفاده شده باشه دومیشون رو می خونه و الا اونی رو که !important بهش اضافه شده

لینک به ارسال

متشکرم.

در مورد این کد :


<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color1.css" title="color1" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color2.css" title="color2" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color3.css" title="color3" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color4.css" title="color4" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color5.css" title="color5" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/color6.css" title="color6" />
<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/styles/rtl.css" title="rtl" />

این باید کجا قرار بگیره؟

بالفرض اگه پوسته ووکامرس هم پشتیبانی کنه و یک woocommerce.css داشته باشه این هم باید توی این لیست و قبل از rtl.css فراخوانی بشه؟

ویرایش شده توسط alireza013
لینک به ارسال

از کمکتون ممنونم.

یه کلاس توی style.css هست که padding-left: 50px; داره . خب من اینو توی rtl.css به این شکل میدم padding-right: 50px; و همینطور برای خنثی شدن دستور پدینگ چپ اینو میذارم padding-left: auto; .

ولی توی کروم وقتی inspect element میزنم ، روی padding-left: auto; خط کشیده و خطاش هم نوشته : invalid property value و همچنان padding-left: 50px; رو داره از style.css میخونه

ویرایش شده توسط alireza013
لینک به ارسال

تعداد سوالاتم زیاد شد منو ببخشید.

مورد عجیبی که بهش برخوردم :

80503313934206199742.png

الان من اون قسمت bakcground رو توی rtl.css بردم و داره از اونجا خونده میشه. (بدون هیچ تغییری - فقط داره از rtl خونده میشه) اما بعد از کپی کردن توی rtl.css نمایش داده نمیشه. واسه چندتا بکگراند دیگه هم همین موضوع پیش اومده. :huh: کد رو عینا کپی کردم و تغییری هم ندادم.

نکته : این بکگراندهایی که این مشکل رو دارند همه توی استایل شیت هایی به جز style.css اصلی تعریف شده بودند ! یعنی بکگراند هایی که توی style.css اصلی تعریف شدن بعد از انتقال به rtl.css مشکلی نداشتن.

ویرایش شده توسط alireza013
لینک به ارسال

این سوالات که مربوط به css هست رو در بخش html-css انجمن مطرح کنید (در تاپیک جداگانه)

اونجا ادامه میدیم.

لینک به ارسال

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

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

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

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

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

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

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

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

×
×
  • اضافه کردن...