Features

SYFA theme utilises the latest features of the fast and slick Warp theme framework. It comes with a broad range of layout and module variations as well as a neat typography to style your content. Read on to learn more about this theme and its features:

  • Dropline Menu with 3rd level dropdown
  • 5 module styles combinable with 4 badges and 6 icons
  • Custom style for Widgetkit Slideshow and Slideset
  • Smooth CSS animations
  • Matching Mobile Theme
  • Flexible template and column widths
  • All Warp framework features are available

Theme Layout

This theme comes with the default Warp6 module layout. The blue module positions allow to choose a module layout which defines the module alignment and proportions: equal, double or stack. You can easily add your own module layouts. The two available sidebars, highlighted in red, can be switched to the left or right side and their widths can easily be set in the theme administration. For modules in the blue and red positions you can choose different module styles. Take a look at the module variations page to get an overview.

Module Positions
Module Positions
Module Layouts
Module Layouts
Colum Layouts
Column Layouts

Special Features

Streamline theme comes with some unique features we want to introduce to you. Have fun!

Social Icons

As a little extra, the SYFA theme offers a set of social icons. They are easy to add to your content and are part of our editable Adobe Fireworks Image Source Files.

Here is a little code example how to add them:

<ul class="social-icons">
	<li class="rss"><a href="#"></a></li>
	<li class="twitter"><a href="#"></a></li>
	<li class="facebook"><a href="#"></a></li>
</ul>

Possible class names are rss, twitter, facebook, flickr, linkedin, myspace, lastfm, dribbble, digg, delicious, deviantart, technorati, stumbleupon, yahoo, openid, xing, forrst and googleplus.

Additional Social Icons

We added additional social icons optimized for toolbar position or black module style.

Here is a little code example how to add them:

<ul class="social-icons-custom">
	<li class="twitter"><a href="#"></a></li>
	<li class="facebook"><a href="#"></a></li>
	<li class="googleplus"><a href="#"></a></li>
</ul>

Possible class names are twitter, facebook, flickr, dribbble and googleplus.