Code

DBanner - Panel with editable size of banners

DBanner - Panel with editable size of banners

DBanner extension is based on the gridster.js. Gridster is a jQuery plugin that allows building intuitive draggable/movable, sliding layouts from elements, spanning multiple columns. The extension allows dynamical adding, removing or resizing elements from the grid. All elements allows background images, custom text with custom font size and lazy loading with many different effects. The extensions. The extensions also support multilanguage.

Demo preview: LINK
Admin demo: LINK
user: demo
pass: demo

Full responsivnes

DBanner - Panel with editable size of banners - 1
  • Responsivne layout
  • Show on mobile options (Enabled/Disabled)

Infinite number of boxes

DBanner - Panel with editable size of banners - 2
  • Unlimited number of boxes
  • Customize each box position
  • Drag and drop size and box position

Global settings

DBanner - Panel with editable size of banners - 3
  • Images full size on mobile
  • Font size
  • Padding of boxes
  • Margin

Configurable settings for each box

DBanner - Panel with editable size of banners - 4
  • Box size
  • Show effect
  • Text inside box
  • Link on box

Multilanguage

DBanner - Panel with editable size of banners - 5
  • Set text for each language
  • Set link for each language

Text alignement inside box

DBanner - Panel with editable size of banners - 6
  • Left
  • Center
  • Right

Show box effects

DBanner - Panel with editable size of banners - 7
  • More than 20 different show element effects
by
by
by
by
by
by