跳至主要内容

Lightbox

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, videos, HTML, Iframes, Ajax requests and SWF
  • Supports YouTube, Vimeo, MP4 (h.264), WebM and FLV movies
  • Group lightboxes and mix different content types
  • Responsive design to fit all device resolutions
  • Load other widgets in a lightbox
  • 3 different opening and closing transitions
  • 4 different caption styles
  • Keyboard and mouse scroll wheel navigation
  • Built on the latest jQuery version
  • Works with Joomla and WordPress

Examples

Different animations - fade, elastic and none

Different title positions - float, inside and over

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Load Widgets In A Lightbox

Use #wk-ID to load widgets like slideshows or galleries in a lightbox. For example: Widgetkit Slideshow

<a data-lightbox="width:600;height:300;" href="#wk-10">Lightbox</a>

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:600;" href="http://www.wikipedia.org">Lightbox</a>

Here is a list of the most common parameters:

  • titlePosition - How should the title show up? (float, outside, inside or over)
  • transitionIn - Set a opening transition. (fade, elastic, or none)
  • transitionOut - Set a closing transition (fade, elastic, or none)
  • overlayShow - Set to true or false
  • scrolling - Set to yes or no
  • width - Set a width in pixel
  • height - Set a height in pixel
  • padding - Set a padding in pixel
  • 创建于 .

Slideshow

The Widgetkit Slideshow is the ultimate image and content slideshow for Joomla and WordPress. It's flexible, easy to customize and completely built with HTML5 and CSS3.

Features

  • Clean and very lightweight code
  • 17 eye-catching transition effects
  • Fully responsive including all effects
  • Uses hardware accelerated CSS3 animations
  • Supports HTML captions
  • Swipe navigation on mobile devices
  • Built with HTML5, CSS3, PHP 5.3+ and the latest jQuery version
  • Works with Joomla and WordPress

Slideshow Screen Example

This is an image slideshow with the famous Ken Burns effect.

Slideshow Default Example

This is an image slideshow with eye-catching transition effects.

Showcase Box Example

This a content showcase using all the features from the Slideset widget as a navigation. Any kind of HTML content can be used inside the navigation.

Showcase Button Example

This is an image slideshow with some nice navigation buttons. You can place any kind of HTML in the navigation buttons.

Tabs Example

This is a classic, tabbed slideshow. Tabs can be aligned to the left, right and center.

Tabs Bar Example

This is a slideshow with a tabbed navigation bar. Tabs can be aligned to the left, right and center.

List Example

This is a slideshow with a vertical tabbed list as a navigation.

How To Use

The Widgetkit Slideshow takes full advantage of the very user-friendly Widgetkit administration user interface. It has never been easier to create and manage all the slideshows and their different slides in one place. After you created a slideshow you can load it anywhere in your theme using shortcodes or the universal Widgetkit Joomla module or WordPress widget.

  • 创建于 .

Home

  • 静而思,静以思之
    以至于清净

    「万法静思」,
    要静心思考,透彻人间事,
    把握分秒发挥良能。

    进入主题

  • 净斯资粮,安生福足。

    「万物净斯」,
    即是净化万物、回归自然。

    进入主题

靜思勤行道

青山無所爭 福田用心耕
  • 静思净斯

    宇宙蕴含万法,
    心要时时保持静定;
    天生万物,本质清净无染,
    要清净在源头。

    心要时时保持静定;
    清净在源头。

  • 静思精舍

    晨钟暮鼓
    悠传衲子家风;
    静思精舍
    结来法华因缘。

    悠传衲子家风;
    结来法华因缘。

  • 静思道粮

    静思法脉为佛教,
    是智慧;
    慈济宗门为众生,
    是大爱。

    静思法脉为佛教,
    慈济宗门为众生。

靜思無量義

「静思」道粮长养慧命
「净斯」资粮滋养生命
「行愿」为佛教为众生
  • 证严上人开示佛典
    文章

  • 无量义经
    線上版

  • 静思妙莲华
    線上 YouTube 版

  • 药师经
    線上版

  • 衲履足迹
    文章 / 影音

  • 人间菩提
    線上 YouTube 版

  • 印顺导师
    文章

  • 净斯茶人文
    文章

  • 谷粉的因缘
    文章

  • 净露的缘起
    文章

  • 慈悲智慧香积饭
    文章

  • 陶慈坊
    文章

  • 虔敬祈祷
    文章

  • 一日不作 一日不食
    文章

  • 精舍是永远的家
    文章

法品因緣起

「万物净斯」,
即是净化万物、回归自然。
  • 回歸清淨的本性

    博聞愛道,道必難會,守志奉道,其道甚大。

    進入

  • 大地健康 眾生平安

    質樸常住,農耕有機,眾生平安,大地生機。

    進入

  • 感恩天地 順應自然

    順應節氣,感恩萬物,質樸歸真,天地自然。

    進入

  • 簡樸福富足

    回歸自然,真善簡樸,惜福環保,身心富足。

    進入

  • 克勤長慧命

    自力更生,守護大地,克勤克儉,無染清淨。

    進入

时间

平日 07:30 ~ 20:00
六日 09:00 ~ 19:30

地点

中國江苏省苏州市
沧浪区滚绣坊 41 号

联系

联系我们:
0512-65816171

阅读全文:Home

  • 创建于 .

Features

This theme is built on the Warp framework, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit, a lightweight and modular front-end framework, which provides the theme's styling. The theme also comes with a wide range of different layouts and widget variations.

Styles

We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.

Article Columns

You can add a special class .tm-article-columns to a paragraph. This will divide the content of the paragraph into two columns.


Article Dropcap

Use the class .tm-dropcap to enlarge the first letter of a paragraph.

Here is an example:

<span class="tm-dropcap">L</span>orem ipsum

Smooth Scroller

Easily create a One Page website. We included a new smooth scroller position, where you can add your ID you want to scroll to. Also you can use every icon provided by UIkit.

Thats how you can add a smooth scroll navigation:

<a href="#tm-fullscreen" data-uk-smooth-scroll><i class="uk-icon-circle"></i></a>
<a href="#tm-top-a" data-uk-smooth-scroll><i class="uk-icon-circle"></i></a>
<a href="#tm-top-b" data-uk-smooth-scroll><i class="uk-icon-circle"></i></a>

Fullscreen Image

Moustache comes with 8 impressive fullscreen images, that automatically fits into the screen resolution.


Fixed & transparent navbar

To highlight the fullscreen images we added the option to set the navbar transparent. Of course you can also easily fix the navbar if you like.


Diamond thumbnail

To create a unique diamond shaped thumbnail, just add the class .tm-overlay-diamond to the UIkit thumbnail component.

Here is an example:

<a class="uk-thumbnail tm-thumbnail-diamond" href="#">
	<div class="uk-overlay">
		<img src="/" alt="">
		<div class="uk-overlay-area"></div>
	</div>
</a>

Social Icons

Use the modifier .uk-icon-button class to create an icon button.

Here is a little code example how to add them:

  <a href="#" class="uk-icon-button uk-icon-twitter"></a>
  <a href="#" class="uk-icon-button uk-icon-facebook"></a>
  <a href="#" class="uk-icon-button uk-icon-google-plus"></a>

Here is an overview of all icons provided by Font Awesome.

  • 创建于 .

更多文章...