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


ساخت پنل اریب FlexBox با صورت Responsive

در این پست از سایت اسکریپت دات کام , قصد آموزش ساخت یک پنل اریب تمام صفحه با پراپرتی بسیار جدید Flex را دارم .

این بنل بدون استفاده از جی کوئری و جاوا اسکریپت و تمام آن به صورت Html5 و Css3 میباشد .

ضمنا این پنل به صورت کاملا ریسپانسیو میباشد .

در ادامه میتوانید علاوه بر آموزش , دموی آنلاین آن را مشاهده فرمایید .

ساخت پنل اریب FlexBox با صورت Responsive

برای ساخت فقط کافیست ابتدا کد html زیر را در بین تگ body سایت خود قرار دهید .

حال کد های زیر را در css خود وارد نمایید .

دموی آماده پنل

دانلود فایل آماده پنل

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

    2 پاسخ به “ساخت پنل اریب FlexBox با صورت Responsive”

    1. مهدی گفت:

      سلام
      آقای مجیدی پنل اریب چه جاهایی قابل استفاده است؟

      • وحید مجیدی صدر گفت:

        سلام دوست عزیزم

        فقط به صورت سلیقه ای می باشد و برای جای خاصی نیست

        میتونید برای داشتن یک وب سایت تک صفحه ای از آن استفاده نمایید

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

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