0
Welcome Guest! Login
0 items Join Now

Graffito

Your Guide to Using the Graffito Template for Joomla


Introduction

Graffito, the October 2012 template release, is a corporate themed design, perfect for a plethora of sites due to its combination of visual character with subtlety. Built on the Gantry4 Framework, it features a responsive layout and LESS CSS support, a dynamic stylesheet language.

Integrated styling is available for RokSprocket in all its layout modes, providing a rich stylistic platform to construct a dynamic and engaging site. Standard Gantry and template features also apply, such as Fusion with MegaMenu.

NOTICE: Graffito is a Joomla 3.x Template.

Requirements

  • Apache 2.2+ or Microsoft IIS 7
  • PHP 5.3.10+ (PHP 5.5+ Recommended)
  • MySQL 5.1+
  • Joomla 3.4

NOTE: Gantry v4.1.35 is required for Graffito to work correctly. For more details on the Gantry Framework, please visit its dedicated website.

Key Features

  • Joomla 2.5.x / 3.x.x Compatible
  • Responsive Layout
  • 8 Preset Styles
  • 76 Module Positions
  • 8 Styled and 25 Structural Module Suffixes
  • RokSprocket Responsive Layout Integrated
  • Styled Support for Responsive K2 Layout
  • Powerful Gantry 4 Framework
  • Custom Content Typography
  • Fusion MegaMenu & Splitmenu
  • Load Transitions
  • FF, Safari, Chrome, Opera, IE8+ Compatible
  • HTML5, CSS3, LESS CSS

Responsive Layout

Graffito's responsive grid system is designed for desktop, tablet and smartphone systems - each with minor modifications to ensure compatibility in each mode.

We use the responsive layout based on Twitter's Bootstrap Framework, with its collection of utility classes, to provide a great degree of flexibility for a responsive design.

The table below shows the breakdown of screen resolutions and associated devices, and which layout characters are then applied to each.

Label Description Layout Width Column Width
Smartphones Standard smartphones 480px and below 100% fluid
Smartphones to Tablets Larger smartphones and small tablets 767px and below 100% fluid
Tablets Larger tablets 768px and above 64px
Desktop Standard desktops and laptops 960px and above 80px
Large Display Large desktops and high-resolution laptops 1200px and above 100px

Powered by Gantry 4 Framework

Graffito is the first RocketTheme template built on the Gantry4 Framework with a new, faster administration UI. One of the other exciting new features is the ability to use LESS CSS to make developing templates easier, more flexible, and overall, more enjoyable.

Responsive Layout for RokSprocket

Graffito comes with the RokSprocket extension that is built to work with a responsive layout and support mobile touch events, such as 'swipe'.

K2 (Third Party) Responsive Layout

K2 is the popular powerful content extension for Joomla! with CCK-like features. Graffito also comes with the K2 styling support that is built to work with the responsive layout.


Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.