News
  • Register
  • You are here:  
  • Home /
  • Features /
  • J! Stuff /
  • News /
  • Latest

Template Specific Options

Details
Written by Super User
Category: Latest
Published: 12 May 2013
Hits: 48810
This template is built on the very powerful S5 Vertex Framework, which comes packed with amazing features! Learn More About Vertex...

Every template built on Vertex also comes with its own unique template specific options applicable to that particular template such as highlight colors, social icons, and much more. These features are in addition to the standard functions of Vertex, and are still controlled through the very user friendly interface of Vertex. This page will document the features specific to this template.

Template Specific Configuration Interface of Vertex

Below is a screenshot that shows all the template specific features available in the user friendly Vertex admin:




Custom Highlight Colors

One of the first things you will notice about Oasis is the vibrant colors found throughout the design, this is all made possible by the very wide variety of color configuration options shown in the screenshot above. In addition to that you can also change the color of any module row under the Backgrounds tab within Vertex. Below is an example of how these color choices work.



The colors choices you can pick from the Vertex admin are:

1. Change the background color of any module row under the Backgrounds tab.
2. Change the background color of the custom_2 row.
3. Set a background color to show behind the menu when custom_1 is not present (see below for more information).
4. Two highlight colors control buttons, titles, links and more.
5. Set the login and register link colors that show in the upper right corner.
6. Choice a background color for the S5 Box (login and register popup).
7. Set the active and inactive colors of the S5 Tab Show tabs.


Header Background Image and Color

Whenever the custom_1 position is used it will show undernearth the menu and logo area. The logo menu and logo area is opaque so the image in custom_1 will show through. Whenever there is not a module published to custom_1 the header area needs its own background color or image since it no longer has a module showing through from underneath it. You can easily set a solid color or a background image for when custom_1 is not present.






Social Icons

Easily link to a social media site with the built in social icons found in the header of this template. Simply enter the url of your social site in the configuration and the icon will automatically appear. To disable an icon simply leave the url blank for that particular icon.




Uppercase Leters

Choose to enable or disable uppercase letters on most menu items, buttons, titles and more.






Small Menu

The S5 Flex Menu gives you the ability to have subtext on each menu item. If you choose not to use subtext on the first level links simply choose to disable this option and the menu will automatically down size.





Stock Photography

Details
Written by Super User
Category: Latest
Published: 12 May 2013
Hits: 5036
All content and images shown on this site is for demo, presentation purposes only. This site is intended to exemplify a live website and does not make any claim of any kind to the validity of non-Shape5 content, images or posts published. Stock photography and icons are often purchased from shutterstock.com for this demo only, and is not included with this template. Occasionally open source images are used as well, but are also not included. You may not use these items for your own use without first purchasing them from their copyright owner. Links will be provided for some of these items if you wish to purchase them from their copyright owners or download them from their sources.

Site Shapers

Details
Written by Super User
Category: Latest
Published: 12 May 2013
Hits: 10864


So what are Site Shapers? They are quick installs of Joomla combined with all the modules, content, etc used on our demo, excluding stock photography. Within a few minutes you can have your site up, running and looking just like our demo. No more importing SQL dumps and installing modules. Just head on over to the download section of this template and grab a Site Shaper. Simply install the Site Shaper like any other Joomla installation, it's that easy!

Please also visit our tutorials download page for a more in depth site shaper tutorial.


How to setup a Site Shaper

  • Login to your cpanel or your server admin panel.
  • Locate the area where your databases are (usually labeled Mysql Databases)
  • Create a new database
  • Next create a new database user and assign it to this newly created database in the previous step
  • You will then need to extract the site shaper to either a folder on your server or the root directory such as WWW. NOTE: if you already have a website in the root of your WWW folder, we suggest creating a new folder and extract the site shaper there. If your cpanel does not have an extract option or you cannot find it, you may also extract the contents of your site shaper in to a folder on your desktop and upload all the files via an ftp client to your server.
  • Next, navigate to the url where you extracted the site shaper via your web browser.
  • Continue through each screen until you reach the below screenshot:



  • At the above screen be sure to enter localhost as shown, continue to fill in the following text fields with your newly created database and username information
  • Follow through the rest of the site shaper setup and click the install sample data at the last screen and the installation is complete! (be sure to rename/remove the installation directory after finishing the install)



Search Engine Optimized

Details
Written by Super User
Category: Latest
Published: 12 May 2013
Hits: 3772

SEO - Get your site noticed!

Not only is this template beautifully designed but it is great for search engine optimization as well! What is SEO? It is simple the act of altering a web site so that it does well in the organic, crawler-based listings of search engines such as google.com. How does this template accomplish this? It's simple, the majority of your most valuable content is found in the main body of your site, through css we are able to alter the layout of the site and call the main content before the left and right columns are called. This allows for your content to be found first by search engines before it reaches your other content, which is vital in search engine optimization. This is a common feature this can be done with almost all of Shape 5 templates as well.

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

S5 Tab Show

Details
Written by Super User
Category: Latest
Published: 12 May 2013
Hits: 10220
The S5 Tab Show can be demo'd at the top of this page. This version of the module is customized specifically for this template and cannot be used with any other templates. We do have another version that can be used on any Joomla template.

PLEASE NOTE - On the homepage of this demo you will see this module overlap the S5 Image and Content Fader module, as well as a fade-in effect; these features are only available if you publish the S5 Tab Show module to custom_2 and the S5 Image and Content Fader module to custom_1 on the same page. Those features were intended to work together with those modules only and in those positions only. This does NOT mean that these modules must be used in those positions nor does it mean that both modules must be present on the same page, it simply means if you wish to have those effects they most be published in that fashion. Also, custom_2 was designed ONLY for this module, no other module but S5 Tab Show should be published to this position due to the integration of S5 Image and Content Fader mentioned here.


The module holds up to 10 actual module positions so you can publish any of your favorite modules to one of the slides and keep your site clean and consolidated while giving it a nice effect. Simply publish the s5 tab show module to your desired module position and pages. Then start publishing modules to the positions in the tab show (s5_tab1, s5_tab2, etc); these modules will become the slides. There is also an automatic advance feature that allows you to automatically advance through the slides are your own specified interval.
  1. S5 Quick Contact
  2. S5 Image and Content Fader
  3. S5 Vertical Accordion
  4. S5 Flex Menu - Menu System

S5 Quick Contact






All content and images shown are for demo purposes only

This site is intended to exemplify a live website and does not make any claim of any kind to the validity of non-Shape5 content, images or posts published.