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

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



  آیا می دانید تا کنون 6626 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

آرشیو تگ CSS‏ ( 219 مورد )

ityped : ابزاری ساده برای تایپ کردن انیمیشنی زیبا و حرفه ای

ityped

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

۳۰ دی ۱۳۹۵ ادامه ی مطلب »

Clippy : ساخت ویژگی CSS Clip-path با ابزار آنلاین

clippy

در این مطلب میخایم شما رو با یک ابزار آنلاین آشنا کنیم و نحوه کار با اون رو به شما آموزش بدیم. همونطور که میدونیم یک ویژگی بنام clip-path درون CSS وجود داره که با استفاده از اون میتونیم المنتهای مورد نظرمون رو با استفاده از اشکال مختلف مانند دایره و مثلث و اشکال پیچیده …

۲۹ دی ۱۳۹۵ ادامه ی مطلب »

تعیین موقعیت عنوان جداول با ویژگی caption-side

table-caption

در این مطلب میخایم یک نکته کاربردی رو بهتون آموزش بدم که با استفاده از اون میتونین عناوین جداولتون رو در موقعیت دلخواه و مناسب قرار بدین و بر روی جداول سایتتون مدیریت بهتری داشته باشید. همونطور که میدونید ما میتونیم درون table خودمون یک تگ caption قرار بدیم و عنوان جدولمون رو مشخص کنیم. مثلا …

۲۹ دی ۱۳۹۵ ادامه ی مطلب »

آموزش ساخت افکت زیبای هاور CSS Highlight برای متون inline

css highlight animation

در این مطلب قصد دارم یک افکت زیبا CSS Highlight یا پر رنگ شدن متن انیمیشنی رو به شما آموزش بدم و این افکت زمانی که بر روی اون المنت مورد نظر هاور میکنید، اجرا خواهد شد. این افکت برای متونی که بصورت inline هستن مثل link ها قابل استفاده هست. افکت به این صورت …

۲۲ دی ۱۳۹۵ ادامه ی مطلب »

نکاتی کاربردی در مورد CSS (جلسه آخر) : نکاتی در مورد ویژگی table-layout

css-style

در این مطلب با ادامه نکاتی کاربردی در مورد CSS در خدمتتون هستیم. ویژگی بنام table-layout نیز وجود دارد شاید شما فکر کنید که موردی که داریم در موردش صحبت میکنیم رو در موردش اطلاع دارید و با خودتون بگید که اینکه همون ویژگی display: table خودمون هست که با استفاده از اون به راحتی از …

۲۲ دی ۱۳۹۵ ادامه ی مطلب »

نکاتی کاربردی در مورد CSS (جلسه 18) : نکاتی در مورد ویژگی vertical-align

css-style

در این مطلب با ادامه نکاتی کاربردی در مورد CSS در خدمتتون هستیم. ویژگی vertical-align رفتار مشابهی برای سلولهای جداول و المنتهای دیگر ندارد اگر شما از قدیم زیاد کدنویسی کرده باشید و یا اینکه زیاد با استفاده از HTML برای ایمیلها کدنویسی کرده باشید باید اطلاع داشته باشید که یک ویژگی بنام valign وجود داشت …

۲۱ دی ۱۳۹۵ ادامه ی مطلب »

نکاتی کاربردی در مورد CSS (جلسه 17) : نکاتی در مورد Animation iteration

css-style

در این مطلب با ادامه نکاتی کاربردی در مورد CSS در خدمتتون هستیم. تکرار انیمیشن میتونه مقدار کسری رو هم قبول کنه زمانی که از انیمیشنها درون CSS استفاده میکنید، ویژگی بنام animation-iteration-count وجود داره که به احتمال زیاد با اون زیاد کار کردید. با استفاده از این ویژگی میتونین مشخص کنید که انیمیشنی که ساختید …

۲۰ دی ۱۳۹۵ ادامه ی مطلب »

نکاتی کاربردی در مورد CSS (جلسه 16) : نکاتی در مورد انیمیشن و انتخابگرها

css-style

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

۱۸ دی ۱۳۹۵ ادامه ی مطلب »

نکاتی کاربردی در مورد CSS (جلسه 15) : اعمال کلاسهای کاذب برای المنتهای Void

css-style

در این مطلب با ادامه نکاتی کاربردی در مورد CSS در خدمتتون هستیم. کلاسهای کاذب به بعضی از المنتهای خالی نیز اعمال میشن شاید برای شما هم پیش اومده باشه که بخواید یک کلاس کاذب رو برای تصاویر یا المنتهای فرم قرار بدین. این مورد کار نمیکنه چون کلاسهای کاذب بر روی المنتهای Replaced تاثیری نداره. …

۱۲ دی ۱۳۹۵ ادامه ی مطلب »

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram