This template includes limited support of CSS3 for IE7 and IE8. With the power of css3, websites can now be built much faster and with far
less code. Design features such as gradients or shadows that used to be
created and then called as images on the page are now simply called
by css code. Transition effects that used to require full javascript libraries can
now be called with less than 1kb of text. Rounded corners that used to
require upwards of eight wrapping div elements can now be done with a
single element. What does this mean for you? Simple, a lightning fast website,
that becomes even more search engine friendly.
Many modern browsers such as Firefox4 of IE9 already support CSS3 natively, but where does that leave IE7 and IE8? Thankfully a great solution called CSS PIE (Progressive Internet Explorer) has been introduced and is integrated into this template. Simply put, CSS PIE a script that upgrades IE7 and 8 to support most CSS3 formatting. There are slight variations and some CSS3 formatting isn't supported, but overall it does a great job and allows us to extend CSS3 support to IE7 and 8.
The info slide script is a great way to display your content to your customers! It will place a sliding text box over any image on the page. It can be placed inside of content or modules. It will also automatically adjust to any size screen size on window resize. See below for a demonstration.
This template includes a scroll to feature that will scroll your page to a specified section of your site. All you have to do is create an external link in your menu manager and then in the URL area enter in any ID on your page. You can reference any of the following IDs in order:
#s5_header_area1
#s5_top_row1_area1
#s5_top_row2_area1
#s5_top_row3_area1
#s5_center_area1
#s5_bottom_row1_area1
#s5_bottom_row2_area1
#s5_bottom_row3_area1
#s5_footer_area1
Screenshot of admin area of an external menu item with DIV reference entered:
This template has the ability to set the entire width of your set to either a
fixed pixel width or a fluid percentage width. You can set the width to any size
you want.
You may also set the widths of the following positions to any width that you
need to: left, left_inset, right, and right_inset. You may set them to any width
you need to. Columns can either be set to a fixed px width or they can be set to a fluid percentage width. If you are enabling the responsive layout we recommend setting these to percentage width.
Row Widths
This template comes loaded with module positions, many of which appear in rows
of 6 module positions. Any row that contains 6 module positions can have it's
row columns set to automatic widths or manual. For example, in the picture below
the first row shows 4 modules published and since it's set to automatic each is
set to 25% width. The second row shows a manual calculation for each module in
the row. Again, you may do this for any row that contains 6 modules. If you
setup a manual calculation they must total to 100%. Not all 6 modules need to be
used, as shown below.
All of this is done very easily in the template configuration.