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

We integrated some really awesome shortcodes in this Template, you can use them nearly everywhere in your template using a short syntax, use them in module titles, use them in content, use them in other modules and so much more places.

  • Easy to use without knowledge of coding, works with every Editor
  • Awesome styling and functions for your content, you will love it
  • Spice up your Content using the WS-Shortcode system

Demo


You can see a Demo on nearly every page of this Template, scroll to the bottom of the respective page to see the shortcode syntax.


How to use

The shortcodes are very easy to use, simply click the typography button and click on the element of your choice, edit the settings, save and ready. Yes it's true! But attention: if you are using frontend editing please deactivate the button (not the shortsystem, only the button)

One of the most innovative features of this Joomla Template is the possibility to include Modal Windows on every place where you want. Modals are made for show a Joomla Module in nice Lightbox. See the big feature list above.

  • Including is so easy and comfortable using our integrated shortcode system
  • It's possible to display up to 10 reveals on every page and link them internal
  • Reveal is no iframe it's inline content, so search engines will thank you
  • Of course the reveal modal is fully responsive and fits to all devices
  • Display nearly every Joomla Module in this reveal, for example a Login Module

Demo


Modal as a Button click button

Open Login Module

Open Text Module

Open Menu Module

Modal as a Link click link

Fusce dapibus, tellus ac cursus commodo, open Content condimentum nibh, ut fermentum massa justo sit amet risus. Fusce dapibus, tellus ac cursus commodo, open Content Module condimentum nibh, ut fermentum massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. open Menu Module donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue.


Modal as a Image click image


How to use

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

{button-data | btn-large btn-info | #name-of-the-Moduleposition | Text for the Button | data-toggle="modal"}

{link-data | name-of-the-Moduleposition | #name-of-the-Moduleposition | Text for the Link | data-toggle="modal"}

{image-data | name-of-the-Moduleposition | #name-of-the-Moduleposition | /path-to-image.jpg | data-toggle="modal"}

Follow this instruction step-by-step to create your Modal:

  • Add a new module (for example the custom html module)
  • Place your text/content/shortcode/image inside the textfield
  • Give a module position like modal1
  • Made menu assignment to the page where to display
  • Save the module
  • Go to the page/module/area where to display and use one of the upper shortcodes

<

p>Attention: It's really easy to use this reveal modal but some things keep in mind:

  • Use one of the possible module positions modal1 - modal10
  • Use Menu Assignment to display only on pages where you want to open the modal cause it loads otherwise on every page
  • Don't use the Modal for display Maps, many Images or Videos, for this Case we have the Lightbox included

We included an easy to use Grid System in this template for you using our Shortcode System so it's very easy for you to use Columns everywhere in Content or in modules.

  • Works in every Wysiwig Editor using our shortcodes, so no loses of div or span classes
  • Hundreds of variations are possible, made columns where ever you want and how often you like
  • Columns works everywhere cause they are based on percentages values

Demo


2
2
2
2
2
2

3
3
3
3

4
4
4

6
6

12


3 Columns Layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.


2 Columns Layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.


4 Columns Layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.


How to use

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

{row} {col4}Your Content goes here.{/col} {col4}Your Content goes here.{/col} {col4}Your Content goes here.{/col} {/row}

{row} {col6}Your Content goes here.{/col} {col6}Your Content goes here.{/col} {/row}

{row} {col2}Your Content goes here.{/col} {col2}Your Content goes here.{/col} {col2}Your Content goes here.{/col} {col2}Your Content goes here.{/col} {col2}Your Content goes here.{/col} {col2}Your Content goes here.{/col} {/row}

Attention: made columns like you want, but remember that the end value of your columns always should be fit to twelve!

Videos are a nice way to publish your message all over the world. If you want to include your Videos from YouTube, Vimeo or an other Video Hoster you can include this in an easy way using our shortcode system.

  • You only must to type in the ID of the Video from YouTube or Vimeo, that's all
  • The output video is responsive so it always fits to the device where you want to watch
  • No complicated including of an iframe in a Wysiwig editor using extensions

Vimeo

How to use Vimeo Videos

{vimeo | 24195442}

Example: http://vimeo.com/24195442 means your ID is 24195442


YouTube

How to use YouTube Videos

{youtube | Yq_6kEyIAcM}

Example: http://www.youtube.com/watch?v=Yq_6kEyIAcM means your ID is Yq_6kEyIAcM


YouTube Widescreen

How to use YouTube Widescreen Videos

{youtube-wide | N966cATFWjI}

Example: http://www.youtube.com/watch?v=N966cATFWjI means your ID is N966cATFWjI


Responsive iFrames

How to use responsive iFrames (works also with Flash Content)

{iframe}Your iFrame embedding Code here{/iframe}

Attention: for including regular iFrames or Flash it's recommend to turn your WYSIWIG Editor, like TinyMCE, to off!

Also we integrated some nice pricing tables for your business plans into this template. Of course, they working very well with responsive webdesign so no matter about sizes or alignments of the tables. This is a Light Version of the GO Pricing Tables from Granthweb.

  • Use a maximum of five pricing tables per row, fully responsive
  • Use as many as you wish, also several times on one page
  • Well styled with CSS3 so problems with table constucts on your website
  • Nice effect when hover the pricing table or highlight one item

Pricing Table 1 ( 5 columns, Style 1, Enlarge Effect )


Pricing Table 2 ( 3 columns, Style 2, Enlarge Effect deactivated )


Pricing Table 3 ( 4 columns, Style 1, Enlarge Effect, Space Level 3, no default Highlight )


How to use

These Pricing Tables are made with a nice and simple Joomla Module with a lot of options, so no worries about usage! You can insert the in Content using the following Syntax:

{loadposition name-of-the-pseudo-modulposition}