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

Latest commit

 

History

History
126 lines (108 loc) · 5.02 KB

README.md

File metadata and controls

126 lines (108 loc) · 5.02 KB
Raw

S3 Framework

####Create beautiful responsive Joomla templates more easier and faster.

S3Framework Version Build Status

LIVE DEMO

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
  • Responsive elements with Bootstrap v4.1.3.
  • Font Icons with Font Awesome v5.1.0.
  • Less compiler as lessphp.
  • Responsive Video with FitVids.js.

Features

  • 10+ Different Header Styles
  • 12 Columns Grid System
  • 300+ Module Positions
  • Full width Modules Added in v3.2
  • Suitable with any design
  • IE7 and IE8 Supported
  • Template Manager
  • Custom Sitename
  • Custom Logo
  • Choose from Different Styles
  • Choose from DIfferent Colors - added in 4.0
  • Enable Modules (component / component-top / component-(1 to 12) / component-bottom) to hide Component
  • Show or hide component area on front page
  • Show or hide main body container
  • Custom theme's module styles with themes/style1/theme_modules.less file
  • Less Development Mode Enable / Disable
  • Use Google Analytics Code
  • Show or Hide Copyright
  • Show or Hide Framework Logo
  • Use Custom Meta Generator
  • Mod_Chrome Updated to create complex grid all modules starts with grid-
  • Set Columns for Modules - added in 4.0
  • Custom Google Fonts (Since 4.0)

S3 Theme Configurations

  • Custom Sitename
  • Choose from 8 Different Themes (Since 4.0)
  • Choose from Different Theme Styles (Since 4.0)
  • Google Analytics
  • Enable / Disable development mode
  • Custom Meta Generator
  • Show/Hide Admin Toolbar
  • Set Thumbnail - Width/Height/Crop (Since 4.0)
  • Excerpt Length (Since 4.0)
  • Change Read More (Since 4.0)

Header Settings

  • Custom Site Logo
  • 14 different header styles
  • Enable/Diable Search Option
  • Custom Social Links
  • Phone Number
  • Email
  • Call to Action
  • Fixed Header and Menu
  • Fixed Header "Default Off" If you want to hide/show header and Menu on scroll up/down enable this option
  • Fixed Header Text Color - Color Picker Added
  • Fixed Header Background Color - Color Picker Added
  • Header Height Change body top padding when using fixed header i.e. 150px
  • Ease Speed: Define header ease slideUp/slideDown speed in ms default 200
  • Break Point: Type your break point (only number) i.e. (768 for tablet) fixed header will show on larger than break point defined here.

CC Settings - Copyright & Credit Settings

  • Change Style - Choose from 3 different styles
  • Show Copyright "Default Show" (Hide or Show) when its hide you cannot use sidebar
  • Show Credit "Default Show" (Hide or Show) when its hide you cannot use sidebar
  • Show/Hide Framework Logo
  • Custom Footer Logo - instead of Framework logo
  • CC Fixed Functionality
  • CC Text Color
  • CC Background Color

Layout Settings

  • Set Logo Column (by selecting logo column header module will be automaticaly adjusted)
  • Set Sidebar Column (by selecting sidebar column page container will be automatically adjusted)
  • Grid Settings
  • Set All Modles Columns (added in 4.0)
  • [+] Set Top Column
  • [+] Set Slideshow Column
  • [+] Set Showcase Column
  • [+] Set Feature Column
  • [+] Set Bottom Feature Column
  • [+] Set Utility Column
  • [+] Set Scroller Column
  • [+] Set Extension Column
  • [+] Set Bottom Column
  • [+] Set Footer Column
  • [+] Set Bottom Footer Column

Libraries

  • Hosted on CDN (external libraries option)
  • Use jQUery as addScript() joomla default functionality
  • Use Bootstrap
  • Use Bootstrap Theme
  • Use Font Awesome
  • Use Responsive Video

How To Use

Visit for Complete Documentation

Download, Fork, Commit.

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

License

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

Shaz3e's Website | @Shaz3e | Fan Page