Halal Bi Halal

Halal Bi Halal Keluarga Besar Biddokkes Polda Jabar

Features

  • Outbond
  • All widgets can work stand-alone
  • Use shortcodes to show widgets anywhere
  • Clean and lightweight code
  • Semantic HTML5 markup
  • Asset file Minification and Compression
  • Supports touch gestures for mobile devices
  • Uses hardware accelerated CSS3 animations
  • Build on HTML5, CSS3, PHP 5.2+, jQuery 1.5+

How It Works

Widgetkit basically acts as a platform for all our widgets. It installs as a single component in Joomla 1.5 and Joomla 1.6 or as a plugin in WordPress 3.x. The Widgetkit dashboard presents you an overview of all widgets. You can create, edit or delete all widgets and their content in one place. And after you have created the content for your first widget you can either use a shortcode or a module to display your widget anywhere on your website. In fact you can do both because once have you created a widget you are able to display it multiple times and reuse it on different parts of your website.

The Widgetkit Lightbox allows you to view images, HTML and multi-media content on a dark dimmed overlay without having to leave the current page.

Features

  • Display images, HTML, Iframes, Ajax requests, YouTube, Vimeo and SWF movies
  • Group lightboxes and mix different content types
  • 3 different opening and closing transitions
  • 4 different caption styles
  • Keyboard and mouse scroll wheel navigation
  • Build on the latest jQuery version
  • Works with Joomla 1.5, 1.6, WordPress and Stand-alone

Examples

Different animations - fadeelastic and none

Different title positions - floatinside and over

Various examples in one gallery (try also using the keyboard and mouse scroll wheel)

How To Use

Use the HTML5 custom data attribute data-lightbox to activate the lightbox. You can set various lightbox parameters to the data attribute. For example:

<a data-lightbox="width:1000;height:700;" href="http://www.google.com">Lightbox</a>

Here is a list of the most common parameters:

  • titlePosition - How should the title show up? (floatoutsideinside or over)
  • transitionIn - Set a opening transition. (fadeelastic, or none)
  • transitionOut - Set a closing transition (fadeelastic, or none)
  • overlayShow - Set to true or false
  • width - Set a width in pixel
  • height - Set a height in pixel
  • padding - Set a padding in pixel