• 7Learn Discount
  • illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

آشنایی با زبان Stylus ( قسمت دهم ) : توابع از پیش تعریف شده - بخش دوم

2 2051 ۲ آذر ۹۳

در این مطلب ادامه توابع رو براتون توضیح میدم.

hsla و hsl و rgba و rgb :

با استفاده از این توابع میتونین مقادیر رنگی درست کنید. hsla و rgba رنگهایی با شفافیت هستند. به عنوان پارامتر میتونین یک کد HEX رو وارد کنید ، یا اینکه مقادیر r و g و b و a رو جداگونه وارد کنید.

مثال rgb :

مثال rgba :

مثال hsl :

مثال hsla :

 blend :

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

 lighten و darken :

تابع darken رنگ مورد نظر رو تیره میکنه و تابع lighten رنگ مورد نظر رو روشن میکنه. پارامتر دوم میتونه یه عدد خالی باشه ، یا بصورت درصدی باشه. مثال :

 saturate و desaturate :

تابع saturate یک رنگ رو سیر تر یا اشباع تر میکنه و تابع desaturate برعکس عمل میکنه. پارامتر دوم رو بصورت درصدی قرار میدهیم. مثال :

 complement و invert و grayscale :

تابع complement یک رنگ رو دریافت میکنه و مکمل اون رنگ رو به ما میده. این کار دقیقا مثل اینه که خصوصیت hue رو 180 درجه تغییر بدیم. مثال :

تابع invert هر کدوم از مقادیر red و green و blue رو معکوس میکنه. مثال :

تابع grayscale دقیقا مثل اینه که 100 درجه اون رنگ رو desaturate کنیم. مثال :

 tint و shade :

هر کدوم از این توابع دو آرگومان دریافت میکنن. آرگومان اول رنگ مورد نظر و پارامتر دوم هم مقدار مخلوط شدن هست. تابع tint اون رنگ رو با سفید و تابع shade اون رنگ رو با مشکی ترکیب میکنه. مثال :

 luminosity :

میزان درخشندگی یک رنگ رو به ما میگه. خروجی عددی بین 0 و یک است ، که صفر مربوط به سیاه و یک مربوط به سفید هست. مثال :

 dirname و extname :

این توابع یک مسیر ( Path ) رو بعنوان ورودی دریافت میکنن و روی اون پردازش انجام میدن. تابع dirname نام پوشه جاری و تابع extname نام extension فایل جاری رو به ما تحویل میده. همچنین تابع basename نام خود فایل همراه با extension رو به ما تحویل میده. مثال :

 pathjoin :

این تابع دو مسیر رو دریافت میکنه و اونا رو بهم متصل میکنه. مثال :

 operate :

با استفاده از این تابع میتونین عملیاتی مثل + و - و ... رو بر روی دو عدد انجام بدین. آرگومان اول عملیات مورد نظر هست و آرگومانهای دوم و سوم هم به ترتیب عدد سمت چپ و راست اون عملیات هستن. مثال :

 warn و error :

این توابع ، یک پیام رو دریافت میکنن و در مواقع مشخصی که ما اونا رو تعیین میکنیم نمایش داده میشن. فرق warn با error در اینه که ، error باعث خروج از برنامه میشه و اجرای کدها متوقف میشه ، ولی warn اینطور نیس و اجرای برنامه متوقف نمیشه.

مثال warn :

مثال error :

 oposite-position :

این تابع یک مکان ( Position ) رو دریافت میکنه و در خروجی معکوس اون رو به ما تحویل میده. مثال :

 image-size :

این تابع مسیر یک عکس رو دریافت میکنه و width و height اون رو در خروجی به ما تحویل میده. مثال :

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

امیدوارم بدردتون بخوره.

موفق باشید. یا علی

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    خبر ایران(۲ آذر ۱۳۹۳)

    سلام بنده مدیر سایت خبر ایران هستم
    من 3سال است که با سون لرن آشنا شده ام و همیشه دنبال کننده سون لرن بوده ام
    امیدوارم همیشه موفق و سربلند باشید

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram