سایت آموزشی و اطلاع رسانی دُرنامه
  • صفحه نخست
  • دوره های ویژه
  • آکادمی دُرنامه
    • آموزش گرافیک
    • زبان انگلیسی
    • برنامه نویسی
    • دیگر
  • مجله آنلاین
  • وبلاگ
  • برگه ها
    • درباره ما
    • تماس با ما
    • سوالات متداول
    • کمک
    • تیم ما
    • خدمات
  • یادگیری
  • جستجو
  • منو منو
  • 0سبد خرید فروشگاه
  • Twitter
  • Facebook
  • Instagram
  • MacBook Pro

  • Pen and Paper

  • Cool Glasses

  • Diet Pills

  • Closed MacBook

  • Small Green

  • iPad Power

Accordion Slider

The accordion slider is either a full width element (as seen above) if placed at the top level of your advanced layout builder canvas, or when placed inside a column or section, an element that stretches as wide as the parent element is. (as seen below)

Accordion slides got a setting for auto rotation, as well as some settings for caption and excerpts. You can place as many images as you like but in general 2-7 is a good idea 😉

Entry Based Accordion Slider

You can also place accordion sliders that are based on entries like blog, portfolio or even WooCommerce products. Display any number of posts this way in a unique and modern way. Displayed below are a few portfolio entries:

  • Modern Single Entry

  • Classic Single Entry

  • Classic Single Entry #2

  • MacBook PRO & SSD

  • Accordion & Toggles
  • Accordion Slider
  • Animated Countdown
  • Animated Numbers
  • Blog Posts
  • Buttons
  • Catalogue
  • Code Block
  • Color Section
  • Columns
  • Comments
  • Contact Form
  • Content Slider
  • Easy Slider
  • Featured Image Slider
  • Fullscreen Slider
  • Gallery
  • Google Maps
  • Grid Row
  • Headline Rotator
  • Icon
  • Icon Box
  • Icon List
  • Image
  • Image with Hotspots
  • Layerslider
  • Magazine
  • Mailchimp Signup
  • Masonry
  • Masonry Gallery
  • Notification
  • Partner/Logo Element
  • Portfolio Grid
  • Post Slider
  • Progress Bars
  • Promo Box
  • Separator/Whitespace
  • Social Share Buttons
  • Special Heading
  • Sub Menus
  • Tab Section
  • Tables
  • Tabs (Content Tabs)
  • Team Member
  • Testimonials
  • Text Block
  • Video

دسته‌ها

  • دسته‌بندی نشده

اطلاعات

  • نام‌نویسی
  • ورود
  • خوراک ورودی‌ها
  • خوراک دیدگاه‌ها
  • وردپرس

بایگانی‌ها

  • دسامبر 2020

آیا می دانستید …

در سایت دُرنامه می توانید درخواست ارائه آموزش های جدید مورد نظر خود را ارائه دهید؟

با ما در ارتباط باشید :

dorrnaame2013@gmail.com

نوشته‌های تازه

  • نحوه طراحی وکتوری مو در نرم افزار ادوبی ایلستریتور
  • نحوه طراحی بدن انسان
  • معانی مخفی در لوگو 50 برند مشهور جهان (1)
  • نحوه ایجاد افکت پخش شدگی و انفجار
  • 7 منبع الهام بخش برای تمام طراحان
تمامی حقوق مادی و معنوی مطالب متعلق به سایت دُرنامه می باشد
  • Terms of Service
  • Legal notice
رفتن به بالا