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


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

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

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

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

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

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

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

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

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

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

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

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

    1. مهدی گفت:

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

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

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

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

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

    پاسخ دادن به وحید مجیدی صدر لغو پاسخ

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