My Blog

Blog

  • S5 Flex Menu – Menu System

    The S5 Flex Menu system is a very powerful plugin that provides functionality
    far beyond what the standard Joomla menu system can provide. This plugin
    is intended to be as an extension of the existing menu system in Joomla to add many new features! Please see the full list of features below.

    This menu system works off of the core Joomla mootools script so no extra javascript library is needed and keep download sizes to a minimum. Also, if you do not want to use this menu you can simply turn it it off from the template configuration page.

    Take your website to the next design level by using the robust and feature
    rich S5 Flex Menu System. Organize your links with ease and show content
    in places you never could before!

    Please note – this template does not support sub text on the first level links. However, all sub menus do.

    Menu Features:

    • Multiple javascript effects with core mootools
    • Multiple columns for menu items or modules
    • Modules load directly into the menu
    • Group sub menu items into the same column or fly out
    • Optional sub texts for each menu item
    • Optional menu icon images for each menu item
    • And much more!

    Menu Screenshot:

    I like what I see! I want to JOIN TODAY.

  • Typography Options

        <div class=”s5_higlightbox”><p>Your content goes
    here!</p></div>

    This is a sample blockquote. Use <blockquote><p>Your content goes
    here!</p></blockquote>     to create a blockquote.

    <div class=”s5_greenbox”>
    <div class=”point”>
    Your text here
    </div>
    </div>

    <div class=”s5_redbox”>
    <div class=”point”>
    Your text here
    </div>
    </div>

    <div class=”s5_bluebox”>
    <div class=”point”>
    Your text here
    </div>
    </div>

    <div class=”s5_graybox”>
    <div class=”point”>
    Your text here
    </div>
    </div>

    This is a styled box. Use <div class="black_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="gray_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="red_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="blue_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="green_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="yellow_box">Your content
    goes here!</div>

    This is a styled box. Use <div class="orange_box">Your content
    goes here!</div>

    This is an image with the “boxed” class applied:

    This is an image with the “boxed_black” class applied:

    This is an image with the “padded” class applied:

    This is an image with the “full_width” class applied. This can also be done automatically in the template configuration. Be sure to review our Vertex Guide here for other full width image options.

    Heading 1

    Heading 2

    Heading 3

    Heading 4

    Heading 5

    This is a sample code div. Use <div
    class="code">Your content goes here!</div>     to create a code div.

    #s5_code { width: 30px; color: #fff; line-height: 45px; }

    1. This is an Ordered List
    2. Congue Quisque augue elit dolor nibh.
    3. Condimentum elte quis.
    4. Opsum dolor sit amet consectetuer.

    • This is an Unordered List
    • Congue Quisque augue elit dolor nibh.
    • Condimentum elte quis.
    • Opsum dolor sit amet consectetuer.

    • This is an Unordered List with class ul_arrow
    • Congue Quisque augue elit dolor nibh.
    • Condimentum elte quis.
    • Opsum dolor sit amet consectetuer.

    • This is an Unordered List with class ul_star
    • Congue Quisque augue elit dolor nibh.
    • Condimentum elte quis.
    • Opsum dolor sit amet consectetuer.

    • This is an Unordered List with class ul_bullet
    • Congue Quisque augue elit dolor nibh.
    • Condimentum elte quis.
    • Opsum dolor sit amet consectetuer.

    • This is an Unordered List with class s5_features_list
    • Lorem ipsum dolor sit amet, consectetur es
      elit. In rhoncus lobortis orci, sed vestibulum
      et. Fusce in dolor velit, sit amet vehicul.
    • Lorem ipsum dolor sit amet, consectetur es
      elit. In rhoncus lobortis orci, sed vestibulum
      et. Fusce in dolor velit, sit amet vehicul.
    • Lorem ipsum dolor sit amet, consectetur es
      elit. In rhoncus lobortis orci, sed vestibulum
      et. Fusce in dolor velit, sit amet vehicul.

    The following list will support lists up to number 9, add the following class to the UL wrapping the below LI elements, class=”ul_numbers”:

    • This is a sample styled number list <li class="li_number1">Your content
      goes here!</li>
    • This is a sample styled number list <li class="li_number2">Your content
      goes here!</li>
    • This is a sample styled number list <li class="li_number3">Your content
      goes here!</li>
    • This is a sample styled number list <li class="li_number4">Your content
      goes here!</li>