Stylish Simplicity

Syan is designed with the understanding that impressive design must not necessarily distract from it's content.

Syan makes your website beautiful throught the use of soft contrasts, subtle lighting effects and balanced typoghraphy. Explore this demo site and find out if the Syan user experience right for your site!
Sooper Features

Color module integration, animated dropdown menus and custom typography are just a few of the variety of extras that you get with a single purchase, check out the dropdown menu above to explore Syan's features!

As our theme also comes with free lifetime updates, you may get new features in the future as features and improvements in future themes will be backported to Syan.

Read More

Play with settings

Make Syan your own design by changing the colors and layout settings!
This is what a block looks like if you give it the "color" skin, using the skinr module. It adapts to the colors you select in the color wheel, try it and see for youself!

Buy Now!

Purchase SOOPER Syan

Color Freedom

You can completely change the look of your theme with the Farbtastic colorpicker:

User login

Sooper Configurator Tryout

Color scheme

Color set:

Primary Color:

Headings Color:

Text color:

Set Random Color

Logo image settings

If toggled on, the following logo will be displayed.

Use the default logo

Check here if you want the theme to use the logo supplied with it.

Path to custom logo:

The path to the file you would like to use as your logo file instead of the default logo.

Upload logo image:

If you don't have direct file access to the server, use this field to upload your logo.

Shortcut icon settings

Your shortcut icon, or 'favicon', is displayed in the address bar and bookmarks of most browsers.

Use the default shortcut icon.

Check here if you want the theme to use the default shortcut icon.

Path to custom icon:

The path to the image file you would like to use as your custom shortcut icon.

Upload icon image:

If you don't have direct file access to the server, use this field to upload your shortcut icon.

Sooper Theme Settings

These settings only exist for the SOOPER Syan theme and all the styles based on it.

SOOPER LayoutKit

Apply LivePreview!

Fixed or Fluid width:

Fixed width (in pixels)

Fluid width (as percentage of browser width)

FIXED Layout Width:

Width in pixels, do not add trailing 'px'. This field is only used when "Fixed" is selected above.

FLUID Layout Width:

Width in percentage of browser, do not add trailing '%'. This field is only used when "Fluid" is selected above.

Set Random Layout!

Advanced Layout Options

Min-width:

CSS min-width setting in pixels. Set 0 to disable.

Max-width:

CSS max-width setting in pixels. Set 0 to disable.

Center Column Width Override:

Use this setting if you need unequal width sidebars. Takes a valid css width value such as "200px" or "20%". Advanced users only, wrong override settings may result in layout collapse. Set 0 to disable.

Expand admin pages:

Yes

Expand admin pages to 90% of browser width, to make your site more manageable if regular pages are narrow. Admin pages are all pages in the /admin path.

SOOPER FontKit

Base Font:

Select the font set for the body text.

Headings Font:

Select the font set for the headings.

Cufon Font Replacement

Cufon is a script that replaces web fonts with an embedded font. This method does not have any effect on Search Engines or accessibility for screen-readers. You can generate you own Cufon fonts with the Cufon Generator. For further instructions see (todo: write some documentation on this).

Enable Cufon font replacement

Cufon Font Face:

Available font example images:

SOOPER DropDownKit

Note: Drop-down menus go up to 4 levels deep.

Drop-down Menus Sub-Level Menu Width:

Sets the width of all the Sublevels of the dropdown menu.

Sooperfish Dropdowns

Enable Sooperfish dropdowns

2-Column Dropdown:

Maximum number of list items in a single column-dropdown. When this limit is exceeded a 2-column dropdown will load.

3-Column Dropdown:

Maximum number of list items in a 2-column dropdown. When this limit is exceeded a 3-column dropdown will load.

Mouse-Out Delay:

Time in milliseconds the sublevel menus remain visible when you mouse out of the menu. A study by usability expert Jacob Nielsen recommends 500 milliseconds. Do not add "ms" to the number. Set 0 to disable.

Menu-Show Animation

Animation Speed:

Animation speed in milliseconds. Do not add "ms" to the number.

Animation Easing:

This determines how the animation gains speed.

Animation set-up:

Fade

Fold sideways

Fold vertical

Select the properties you would like to animate.

Menu-hide Animation

Animation Speed:

Animation speed in milliseconds. Do not add "ms" to the number.

Animation Easing:

This determines how the animation gains speed.

Animation set-up:

Fade

Fold sideways

Fold vertical

Select the properties you would like to animate.

More Fonts

SOOPER FontKit integrates the popular Cufon software with your Drupal theme. Over 30 free fonts included!

Try these for example:

Advent Pro
Qlassik
Sansation
Chunk Five

Search Engine Friendly Code

We understand the importance of search engine optimization and all our template files are organised for optimal search engine friendliness!

We also recommend the following Drupal modules to make your Drupal site rank higher:

Purchase Now

Seen enough? go purchase this theme from the product page!

ADT StarterKit

This theme comes with an installer and a database containing this demo site. It can be used as a starting point for your site or as a place to play and learn. Read more about SOOPER StarterKit here.

Who's new

radogub
uoclosposhov
jewishespuf
drutash
chihuvudum

Syan

Stylish Simplicity

Sooper Features