ایجاد افکت hover دروپالی

در این بخش از آموزش دروپالی خودمون میخواهیم یک سری افکت که موقع hover کردن روی منو ، لینک ها ، دکمه ها یاتصاویر و ...ایجاد میشن رو به سایت دروپالی خودمون اضافه کنیم.
قبل از اینکه آموزش دروپالی خودمون رو شروع کنیم باید بگم که ما میخواهیم از یک کتابخانه (library) که برای افکت hover ایجاد شده استفاده کنیم.در توضیح کتابخانه اگر بخوام خیلی ساده بگم یک سری کد های هم جهت و هم سو (یک موضوع خاص) هستند،که جمع آوری شدن تا بتونیم به راحتی از متدها یا کلاس های موجود در اون کتابخانه استفاده کنیم. بطور مثال در این کتابخانه hover.css یک سری افکت در قالب کلاس های خاص ایجاد و نوشته شدن که دیگه نیازی به این نیست که ما در کدهای خودمون اونها رو بنویسم.
خوب حالا چطور باید از این کتابخانه زیبا و جذاب استفاده کرد ؟ در ابتدا باید کتابخانه رو از اینجا دانلود کنیم. در بین فولدر و فایل های موجود ما فقط نیاز به فولدر css داریم ، در این فولدر دو فایل hover-min.css , hover.css وجود دارد که یکی از اونها رو انتخاب میکنیم.( این دو فایل از نظر محتوا یکسان هستند، فقط از نظر حجم متفاوت هستند)
من فایل hover.css رو در آدرس site/all/theme/css مربوط به سایت خودم آپلود میکنم. تا این لحظه ما فایل رو در جای اصلی خودش قرار دادیم حال باید اون رو فراخوانی کنیم برای این کار فایل info. رو باز میکنیم و فایل مورد نظر رو با دستور زیر که مخصوص فراخوانی فایل css هست ، معرفی میکنیم :
stylesheets[all][] = css/hover.css

 تقریبا به انتهای کار رسیدیم ، فقط باید کلاس افکت دلخواه خودمون رو انتخاب کنیم و به بخش مورد نظر اضافه کنیم. بطور مثال : برای اینکه یک افکت border جذاب ایجاد کنیم کافیه کلاس hvr-overline-from-center رو به li یا تگ a  خودمون اضافه کنیم.
توجه : در فایل مربوط به این کتابخانه فایل demo هم وجود دارد که به راحتی میشه نمونه ها رو اونجا دید و انتخاب کرد.

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

امیدوارم از این آموزش هم در سایت های خودتون خیلی خوب استفاده کنید تا بیش از پیش به جذابیت سایت هاتون اضافه بشه.
موفق باشید