[-]
آخرین ارسالی ها
بهترین شرایط برای عمل جراحی بینی
شروع کننده:sinaarya آخرین پست توسط:sinaarya پاسخ ها:0 پزشکی , آرایشی و بهداشتی نمایش ها:13 زمان:امروز
چرا خودرو اجاره می‌کنیم؟
شروع کننده:aarad آخرین پست توسط:aarad پاسخ ها:0 بخش خودرو نمایش ها:6 زمان:امروز
بازی اتاق فرار
شروع کننده:mahsa733 آخرین پست توسط:mahsa733 پاسخ ها:0 ورزشی نمایش ها:9 زمان:امروز
تکنیک های کاربردی برای جذب کاربرانتان
شروع کننده:elmas آخرین پست توسط:elmas پاسخ ها:0 طراحی و برنامه نویسی نمایش ها:9 زمان:امروز
دوچرخه ثابت
شروع کننده:adelea آخرین پست توسط:mahsa733 پاسخ ها:3 ورزشی نمایش ها:1520 زمان:امروز
وی پروتئین ایزوله ویثر | wisser nutrition
شروع کننده:mmostafa.aahmadi آخرین پست توسط:mmostafa.aahmadi پاسخ ها:0 مطالب دیدنی و گفتگوي آزاد نمایش ها:40 زمان:۱-۳-۱۳۹۸
دوربین مداربسته
شروع کننده:mahsa733 آخرین پست توسط:mahsa733 پاسخ ها:0 علمی نمایش ها:22 زمان:۱-۳-۱۳۹۸
سقف وافل چیست
شروع کننده:mahsa733 آخرین پست توسط:mahsa733 پاسخ ها:2 علمی نمایش ها:225 زمان:۱-۳-۱۳۹۸
بلبرینگ | رولبرینگ
شروع کننده:nik952148 آخرین پست توسط:nik952148 پاسخ ها:0 انتقادات و پيشنهادات نمایش ها:21 زمان:۱-۳-۱۳۹۸
نوار نقاله | تسمه نقاله
شروع کننده:nik952148 آخرین پست توسط:nik952148 پاسخ ها:0 انتقادات و پيشنهادات نمایش ها:22 زمان:۱-۳-۱۳۹۸
جهت حرکت: - سرعت: - (توقف | حرکت) - بارگذاری مجدد


ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
معرفی قالب ‌های گالری کارآمد با کمک بوت استرپ ۴
۱۶-۱۰-۱۳۹۷, ۰۹:۱۲ صبح
ارسال: #1
معرفی قالب ‌های گالری کارآمد با کمک بوت استرپ ۴
در این مقاله قصد داریم ۳ قالب گالری در بوت استرپ ۴ به شما معرفی کنیم که زمانیکه اشاره گر موس روی تصاویر آنها قرار میدهید، افکت های جذابی را مشاهده می کنید.

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

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

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

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

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

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

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

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

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

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

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


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع:
1 مهمان

بازگشت به بالابازگشت به محتوا

http://www.baleparvaz.com/baleparvaz.gif