1. سلام میهمان گرامی


    با سلام ، به انجمن حرفه ای ها خوش آمدید ، برای استفاده از حداکثر امکانات انجمن ( ارسال مطلب ، قابلیت آپلود فایل ، وبلاگ ، گالری تصویر اختصاصی ، بازیکده ، فروشگاه ، چت و صد ها امکانات دیگر ) و دریافت آخرین مطالب و فایل ها و داشتن مجوز دسترسی بیشتر می توانید به صورت رایگان در انجمن عضو شوید و از امکانات فراوان و نامحدود آن استفاده کنید ثبت نام در انجمن بسیار آسان و در کمتر از 30 ثانیه امکان پذیر است در ضمن انجمن و مدیران آن و سیستم های هوشمند آن از هویت شما حفاظت و امنیت شما .را برقرار می کنند در صورتی که قبلا عضو شده اید هم اکنون وارد حساب کاربری خود شوید ، با تشکر از شما کاربر گرامی

    عضویت/ورود انجمن        آموزش و کمک

معرفی قالب ‌های گالری کارآمد با کمک بوت استرپ ۴

شروع موضوع توسط nooshin88 5/1/19 در انجمن وب سازی و طراحی

    • عضو انجمن

    nooshin88 عضو انجمن

    تاریخ عضویت:
    16/5/16
    تعداد ارسال ها:
    0
    تشکر شده:
    0
    امتیاز:
    53
    وب سایت:
    Ratings Received:
    +1 / 0 / -0
    نام و نام خانوادگی:
    خستو
    در این مقاله قصد داریم ۳ قالب گالری در بوت استرپ ۴ به شما معرفی کنیم که زمانیکه اشاره گر موس روی تصاویر آنها قرار میدهید، افکت های جذابی را مشاهده می کنید.

    این قالب ها کاملا رایگان و ریسپانسیو هستند. برای استفاده از این قالبها تنها چیزی که لازم است انجام دهید یک Copy-Paste ساده است.

    درباره قالب‌ها

    قالب ها با اجزای شبکه بوت استرپ 4 ساخته می شوند و با html و css کاملا سازگاری دارند. بنابراین، شما می توانید بدون نگرانی از به هم ریختن سایر استایل‌هایتان از انها استفاده کنید. هر قالب دارای طراحی تمیز و مدرن بوده و خاصیت شناوری منحصربه‌فرد CSS‌ی دارد. برای قابلیت Lightbox ما از پلاگین baguetteBox استفاده کردیم که ساده است و هیچ وابستگی ندارد.

    [IMG]

    طریقه استفاده

    برای استفاده از هر کدام از قالب‌هایی که در دمو مشاهده می‌کنید، می‌بایست مراحل زیر را طی کنید:

    ۱- فایل با فرمت فشرده (.zip )را از انتهای متن مقاله، دانلود کرده و آن را از حالت فشرده خارج کنید.

    ۲- کدهای HTML را در پروژه خود paste کرده و اطمینان حاصل کنید که صفحه جاری شامل کدهای بوت استرپ‌۴ می‌باشد.

    ۳- استایل‌های مربوط به هر قالب گالری، در فایل‌های CSS مجزا برای شما مهیا شده‌اند. فایل‌های CSS را در پروژه خود قرار دهید و فراموش نکنید که حتماً فایل‌های CSS مربوطه را در پروژه خود با تگ Link معرفی کنید و یا می‌توانید استایل‌های موجود در هر فایل را کپی و به فایل شامل استایل‌های پروژه خود اضافه کنید.

    ۴- برای استفاده از افکت‌های پلاگین baguetteBox، فایل‌های CSS و JS مربوط به این پلاگین را حتما در پروژه خود قرار داده و در نهایت تنظیمات لازم برای آنها را در تگ اسکریپت انجام دهید.

    رایگان برای استفاده‌های تجاری:

    شما براحتی می‌توانید این پلاگین را شخصی‌سازی کنید و در طراحی سایت، کاربردهای شخصی و تجاری خود، از آن بهره ببرید. این پلاگین کاملاً مستقل بوده و رایگان در اختیار شما قرار گرفته است. بدون نیاز به هیچ کتابخانه و توابع اضافی دیگری این پلاگین را نصب و از کار کردن با آن لذت ببرید.

    منبع: خرید اس اس ال ستروکیت

این صفحه را به اشتراک بگذارید