Skip to content
This repository has been archived by the owner on Apr 29, 2024. It is now read-only.

Home

Jump to bottom
Shahrukh A. Khan edited this page Apr 16, 2014 · 4 revisions

S3 Responsive Template System for Joomla

Current Version Compatibility Build Status
3.0 Joomla 2.5 & Joomla 3.x Build Status

S3 Responsive Framework for Joomla 2.5 & Joomla 3.x integrated with Bootstrap 3 Responsive Images and Less

S3 Framework Base Theme

The S3 Framework base theme is a clean modern responsive design that is a great place to start when building your custom S3 powered theme.

What is the S3 Responsive Framework?

S3 is a sophisticated framework with the sole intention of being the best platform to build a solid theme with. S3 takes all the lessons learned during the development of many Joomla templates Themes and distills that knowledge into a single super-flexible framework that is easy to configure, simple to extend, and powerful enough to handle anything we want to throw at it.

Key Features

  • Responsive Design supporting Phone, Tablets and Desktops
  • LESS CSS auto-compilation
  • Flexible widgets for template customization
  • Full extensible framework architecture

Features

  • 6 Columns Grid System
  • 150+ Module Positions
  • Suitable with any design
  • IE7 and IE8 Supported
  • Template Manager
  • Custom Sitename
  • Custom Logo
  • Choose from Different Styles
  • Use Style Switcher
  • Show or hide component area on front page
  • Show or hide main body container
  • Custom template_modules.less where you customized modules can be updated through out the site
  • Custom theme's module styles with themes/style1/theme_modules.less file
  • s3-elements folder contains s3-button.less s3-typography.less, s3-form-elements.less ( where you can update your own customize styles)
  • Less Development Mode Enable / Disable
  • Use Google Analytics Code
  • Show or Hide Copyright
  • Show or Hide Framework Logo
  • Use Custom Meta Generator
  • Less compiler as lessphp
  • Responsive Video with FitVids.js.
  • Scroll Data Options Smooth Scroll

Style Options

  • Custom Sitename
  • Custom Logo
  • Style Settings
  • Choose from different Styles
  • Style Switcher on "Default On"
  • Show Frontpage Articles or Hide it
  • Show Main Body

Color Modules

  • All Module Styles
  • Padding for All Modules
  • Link Custom CSS i.e. padding, margin or display style etc.
  • Modules boxes with different colors i.e. white, black, light, dark, blue, red, orange, green and their href link colors

Custom Badge Modules

  • Badge Position Vertically and Horizontally
  • Create 5 different custom class for badges and use upload custom images by calling them with s3-badge-your-badge-name in module_suffix

Extra Modules

  • 5 Round Modules write your own custom code for rounded corner module css classes are s3-round1, s3-round2, s3-round3, s3-round4 & s3-round5
  • 5 Shadow Modules write your own custom code for box shadow module css classes are s3-shadow1, s3-shadow2, s3-shadow3, s3-shadow4 & s3-shadow5

S3 Template Configuration

  • Enable or Disable development mode
  • Google Analytics
  • Show Credit "Default Show" (Hide or Show) when its hide the module still be available for this postion
  • Show Copyright "Default Show" (Hide or Show) when its hide the module still be available for this postion
  • Show Framework Logo "Default Show" (Hide or Show)
  • Type Meta Generator
  • Use Responsive Video "Default Off"
  • Fixed Header "Default Off" If you want to hide/show header and Menu on scroll up/down
  • Enable Height i.e. 100 (Fixed header will be hide after scrolling down 100px)
  • Scrollable Data
  • Scroll Speed
  • Scroll Options

How To Use

Download, Fork, Commit.

If you think you can make this better, please Download, Fork, & Commit. We'd love to see your ideas.

Licence

The S3 Responsive Template System is opensource software released under the GPL.

Shaz3e's Website | @Shaz3e | Fan Page

Clone this wiki locally