Messe de l'Envoi de notre Unité Pastorale du 21 septembre 2014

Here we have an really awesome Photo Gallery for you, it's based on the Magnific Popup, a powerful and awesome Content Lightbox, so with this to scripts the layout is fully responsive and the images, videos and other content is looking great.

  • Full responsive layout of this Image Gallery
  • This extension creates automatically Thumbnails (small images) for you
  • Many included options in this plugin, also four layout variations
  • Simple Navigation using your Keyboard to switch to the next or previous Image

Demo - Basic



Demo - Cut



Demo - Plain



Demo - Rounded



How to use

This function is made with an Joomla plugin which is included in the download package of this theme. You find an detailed documentation in the Backend of this Plugin, but it's really easy to use and to create stunning responsive Image gallerys.

The Galleries above are made with the following Shortcodes:

{ wsview src=[/images/sampledata/portfolio] width=[182] thumb=[default] }

{ wsview src=[/images/sampledata/portfolio] width=[163] thumb=[cut] }

{ wsview src=[/images/sampledata/portfolio] width=[150] thumb=[plain] }

{ wsview src=[/images/sampledata/portfolio] width=[180] thumb=[rounded] }

This responsive Joomla Template comes with many different Module Positions and Module Styles based on the Position of the Module. See the graphics below for more Informations:


Module Positions for Content


As you maybe have seen before on the icons, of course it's also possible to use them in list-styles. Like all elements in this template extrem easy to use without need of coding or complicated techniques.

  • All list styles are retina ready, so they look great on devices with high resolution
  • Really great variaty, see the rich list here, there are icons for every needed possibility
  • Also it's possible to use different icons in one list, use crosses or checkboxes in one list

Demo

List with Class "list-dot"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

List with Class "list-cross"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

List with Class "list-ok"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item


List with Class "list-plus"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

List with Class "list-star"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

List with Class "list-arrow3"

  • List item longer description
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item


List with Class "list-arrow5"

  • List item
  • List item
  • List item
    • List item
    • List item
    • List item
  • List item
  • List item
  • List item

List with Class "icon"

  • List item
  • List item
  • List item
    • List item
    • List item
    • List item
  • List item
  • List item
  • List item

List with Class "icon"

  • List item
  • List item
  • List item
    • List item
    • List item
    • List item
  • List item
  • List item
  • List item


How to use

You can use this Shortcodes everywhere in your content, click here to find out more.

{list | Type of the Icon (list-dot, list-dot-dark, list-cross, list-cross-dark, list-ok, list-ok-dark, list-plus, list-plus-dark, list-star- list-star-dark, list-arrow3, list-arrow3-dark, list-arrow5, list-arrow5-dark, icon or type3)} {listing}Type in some text to display in this list{/listing} {listing}Type in some text to display in this list{/listing} {listing}Type in some text to display in this list{/listing} {/list}

Example for List Styles

{list | list-arrow3} {listing}Listing{/listing} {listing}Listing{/listing} {listing}Listing{/listing} {/list}

Example for List Style icon or type3 (custom icons, many available)

{list | icon} {listing}{icon | fa-check}Listing{/listing} {listing}{icon | fa-check}}Listing{/listing} {listing}{icon | fa-check}}Listing{/listing} {/list}

Attention: Many many more list-styles are possible, see all available icons here.

See what you've got, a new Message. These are possible Messages and Messages Boxes to highlight important content and show customers what's really amazing and highlighted! Use them on every place of your content using our out of the box shortcode system.

  • Four color variations to choose from using a simple shortcode
  • System messages are equipped with a cross to close the message when don't needed
  • Awesome typography option to display really important infos to the viewers of the website

Demo Messages

This is a basic message.

This is a error message.

This is a success message.

This is a info message.


Demo Panels

Duis mollis panel-white, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Duis mollis panel-templatecolor, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.


How to use

You can use this Shortcodes (Messages, Icons and more) everywhere in your content, click here to find out more.

Messages

{message | Style: basic, error, success, info}Your Text goes here{/message}

{message | success}This is a green success message{/message}

Boxes

{panel-white}Your Content goes here{/panel}

{panel-templatecolor}Your Content goes here{/panel}

This is an important feature of our theme, we have included an icon-font for you which is really really awesome (yes, it's also called Font Awesome)! You can place this icons on almost every location of joomla, scroll to the bottom to see how the icons working for you, also watch the really awesome features in the grey panel. More then 360 Icons are available this time, updated continuously. See all Icons here.

  • Icons are retina ready, so they look great devices with stunning high resolution displays
  • Great variaty, see the rich list above, there are icons for every needed possibility
  • The size of the icons always fit to the size of the text

Demo


All Font Awesome Icons


How to use

You can use this Shortcodes everywhere in your content, click here to find out more.

{icon | fa-heart color} - display an icon in the main template color

Possible options: color or black (changes the color of the icon)

The Icon size is addicted to the font-size so the icon always have the perfect size. Of course, with the shortcode you can display also icons in module titles and many more.