جهت ورود به تالار گفتمان سایت کلیک کنید


اسلایدر عکس کشویی به صورت html5 و css3

باز هم یک پست مربوط به اسلایدر های css3 و این بار اسلاید عکس کشویی توسط html5 و css3 از سایت اسکریپت دات کام …

پس از قرار دادن چند اسلایدر css3 در وب سایت اسکریپت دات کام و استقبال کاربران عزیز , بر آن شدم تا در این پست آموزش ساخت اسلایدر عکس به صورت کشویی را قرار دهم .

این اسلایدر کاملا با html5 و css3 ساخته شده و به هیچ عنوان java script و یا … به کار نرفته است . ضمنا این اسلایدر قابلیت درج توضیح مختصر برای هر عکس را دارا می باشد .

اسلایدر عکس کشویی به صورت html5 و css3

و اما آموزش :

برای درج اسلایدر در وب سایت خود , ابتدا کد html زیر را در صفحه ی خود قرار داده :

سپس کدهای استایل زیر را در فایل css خود قرار دهید .

نکته : اسلایدر بالا برای 5 عکس در اندازه استاندارد 980 پیکسل کدنویسی شده است که شما عزیزان میتوانید با دانشی اندک در مورد css و html , تغییرات دلخواه خود را اعمال فرمایید .

دموی آماده اسلایدر

دانلود فایل دموی آماده اسلایدر

پخش اختصاصی

گردآوری و آموزش : وحید مجیدی

  • امتیاز شما به این مقاله ؟
    خیلی بدبدمعمولیخوبخیلی خوب (لطفا رای بدید)
  • جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

    7 پاسخ به “اسلایدر عکس کشویی به صورت html5 و css3”

    1. queen.r گفت:

      دقیقا چه درصدی بدیم تا ریسپانسیو بشه؟

    2. زهرا قاسم پور گفت:

      واقعا توضیحات خوب و کامل و قابل فهم حتی با یک بار خوندن .ممنون از زحماتتون

    3. استودیو عکس مد گفت:

      سلام آیا میشه این اسلاید رو برای قالبهای وردپرسی هم اجرا کرد ؟؟

    4. الهام گفت:

      این اسلایدرو میشه responsive کرد؟

    پاسخی بگذارید

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *