alireza013

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

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

سلام.

ميخواستم بدونم پارسي كردن با فايل 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 انجمن مطرح کنید (در تاپیک جداگانه)

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

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


لینک به پست

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

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

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

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


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

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

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


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