چگونه یک فوتر مخفی بسازی؟ (Hidden Footer)

فوتر مخفی

همونطور که در پست قبلی (Element + Element در CSS) وعده داده بودم، در این پست هم یک نکته و ترفند جدید برای استفاده از CSS به شما معرفی می کنم. شاید شما هم از فوتر های ساده و تکراری خسته شده باشید و قصد داشته باشید یک دستی به سر و روی سایت خودتون بکشید و یا شاید هم در پروژه بعدی از یک ساختار جدید استفاده کنید. امروز یک روش جدید برای طراحی فوتر هایی با استایل جذاب و خلاقانه به شما معرفی می کنم.

فوتر مخفی یا hidden footer

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

 

نحوه استفاده و طراحی این فوتر رو در یک ویدئو توضیح دادم، همچنین می تونید فایل های استفاده شده رو از لینک زیر دانلود کنید.

دانلود فایل های پروژه

نسخه با کیفیت ویدئو

نمایش انلاین از اپارات:

دیدگاهتان را بنویسید

لینک دوستان

template4
قالب جوملا | جومپلیت | دانلود قالب رایگان جوملا و فروشگاه قالب جوملا

جومپلیت ، مرکز دانلود قالب جوملا و ارائه دهنده قالب رایگان جوملا ، قالب جوملا 2.5 و قالب فارسی جوملا است.

joomplate [@] gmail.com

ورود کاربران

بازيابي رمز عبور!