Features
Vintage comes with a range of different colour options to suit your project.
You can decide between three different variables out of the box
1. Background Colour - 5 to choose from.
2. Button and link hilite colour combinations - 15 to choose from.
3. Tag colour - 9 to choose from.
Choosing your own colour scheme is simple and involves setting your required colours as per the screenshot below.
A small selection of colour combinations available.
Click the thumbnails below to view the full size screenshot.
Vintage is a tumblr inspired Joomla template that features multiple colour schemes a simple tagging system for your content and an elegantly responsive design.
The Zengrid framework is a powerful and feature rich Joomla template framework that caters to designers, developers and site builders alike. Check out it's incredible features:
Awesome font control
Combine the power of the 250+ font families available in the Google Font Directory with the simplicity of the Typekit font replacement system.
Flexible layouts
Choose from fixed width, percentage based fluid and mobile friendly responsive layouts. Also conveniently hide module on mobile devices.
Easily change template colours
Easily change template colours using the built-in colour picker and custom selectors.
Translation and localisation
All templates are easily localised by simply editing or creating your own language translation of both the template admin and the template front end.
A multitude of modules
Almost all Zen Grid Framework based templates take advantage of the 50+ module positions that exist in the core framework. You wont always need to use 50 module positions but if you do - then we have you covered.
Social Icons
Integrated support for twitter, Facebook and a stack of other social media links and icons.
CSS and Javascript Compression
The framework combines and compresses the javascript and css delivered by the template and framework which reduces http requests when loading the site and reduces files sizes of your web site's core assets.
Easily add your own css and javascript
Upload your own css and javascript files to the template's user folder and have them automatically included in your site.
Integrated Google Analytics
Easily set up Google analytics on your Joomla website by simply pasting your analytics code into the template administrator interface.
Hidden Panel
Need to create a slick fly out or dropdown panel for your Joomla site? Just publish any module to a panel position and the framework will do the rest.
Remove Mootools
If you dont need Mootools on your site then it's easy to set the option to not load Mootools on your site which can be a significant advantage when it comes to page load on your site.
A beautiful user interface
Version 2 of the Zen Grid Framework sports a beautiful user interface that makes using framework a true joy.
Template admin access control
Ever have a customer that wants that likes to fiddle with template settings? The Zen Grid framework now gives you the option to remove selected options from the template administrator interface.
A beautiful offline page
When your site isn't quite ready to reply you can show a simple and streamlined offline page for your users.
Useful frontend debug mode
Easily display helpful template information and settings on the front end of your site to help familiarise yourself with framework functionality.
Built-in documentation
Never leave the template admin again with the complex built-in framework and template documentation built into the template interface.
Clean markup
The Zen Grid Framework features clean and reusable markup based on a flexible and scalable percentage grid that makes it super easy to scale your content according to screen size.
Three menu systems to choose from
Each Zen Grid Framework template has the option of displaying your menus in either a jQuery powered superfish menu, split menu or accordion like panel menu. The menus are delivered via the core Joomla menu module and are a snap to set up.
Tabbed Modules
A tabbed interface can easily be created by simply publishing any module of your choosing to the tab1, tab2, tab3, tab4 positions. Take a look at the Meridian Joomla template's front page for a quick demo.
IE6 PNG Fix
The framework also supports a png dix for transparent images for the Internet Explorer 6 browser.
Rebrandable
Removing our branding on the front end of the template is an easy toggle in the template admin.
Overview
The best way to think of the jQuery Masonry effect is that it's the opposite of css floats. Whereas floating elements with css will organise each block horizontally (see the grid layout), masonry organises each block vertically. The blocks on the page consequently organise themselves based on the next available space below the preceding block, like a jigsaw puzzle or as the name suggests a piece of masonry.
Two main layout options.
There are two main ways that zentools implements the masonry layout.
- Widths specified by the meta keywords - as shown below. (setup instructions below).
- Equal number of columns. Example here.
Features
- Create dynamic and flexible layouts using multiple width items as well as equal width items.
- Display any number of core elements from your Joomla or K2 content or images retrieved from a folder.
- Media queries revert all items to a 100% width for smaller screens.
Responding to small screens
If you resize this page you will be able to see that rather than rendering smaller and smaller columns on mobile resolutions we have used some media queries to specify that when the browser reaches the width of 520px, all of the columns collpase into a single column. This is a uniform behaviour for all of the Zentool module layouts.
The item category overlay
The platform template has some specific css added for the zentools module to display the category element as an overlay on top of the image. In order to display the category name in this way you need to ensure that the category element is the second item in the zentools list while the first is the image. If this is not the case then the category layout will display in a normal "flat" method.
Masonry using equal widths
-
Deep Meadows
Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
New dreams
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque tortor lundium, placerat sociis tempor odio cum vut sociis vel, amet sociis in, pulvinar, dis. Mid, phasellus sed ac phasellus dolor, nunc odio adipiscing elit pulvinar, amet arcu.
Massa purus dis dis integer et tortor rhoncus vel, magnis mauris eu, elementum sociis, turpis in, urna elit platea nisi et enim turpis lorem egestas. Lacus, sed urna mus pid nec tempor, in rhoncus scelerisque purus urna magna et pulvinar? Auctor sagittis tincidunt, eu?
-
Orchard Dreaming
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque tortor lundium, placerat sociis tempor odio cum vut sociis vel, amet sociis in, pulvinar, dis. Mid, phasellus sed ac phasellus dolor, nunc odio adipiscing elit pulvinar, amet arcu.
Massa purus dis dis integer et tortor rhoncus vel, magnis mauris eu, elementum sociis, turpis in, urna elit platea nisi et enim turpis lorem egestas. Lacus, sed urna mus pid nec tempor, in rhoncus scelerisque purus urna magna et pulvinar? Auctor sagittis tincidunt, eu?
-
Time to relax
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque tortor lundium, placerat sociis tempor odio cum vut sociis vel, amet sociis in, pulvinar, dis. Mid, phasellus sed ac phasellus dolor, nunc odio adipiscing elit pulvinar, amet arcu.
Massa purus dis dis integer et tortor rhoncus vel, magnis mauris eu, elementum sociis, turpis in, urna elit platea nisi et enim turpis lorem egestas. Lacus, sed urna mus pid nec tempor, in rhoncus scelerisque purus urna magna et pulvinar? Auctor sagittis tincidunt, eu?
-
Sunflower Epiphany
Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandit in. Vivamus euismod, nisi eget interdum mollis, augue leo vulputate diam, eu vulputate lectus elit et augue. Cras a leo in quam bibendum dapibus tempus euismod est.
-
New dreams
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque tortor lundium, placerat sociis tempor odio cum vut sociis vel, amet sociis in, pulvinar, dis. Mid, phasellus sed ac phasellus dolor, nunc odio adipiscing elit pulvinar, amet arcu.
Massa purus dis dis integer et tortor rhoncus vel, magnis mauris eu, elementum sociis, turpis in, urna elit platea nisi et enim turpis lorem egestas. Lacus, sed urna mus pid nec tempor, in rhoncus scelerisque purus urna magna et pulvinar? Auctor sagittis tincidunt, eu?
The blocks of text below are controlled via width classes that are built into the Zen Grid Framework. The classes scale according to your browser width and are useful for employing complex or interesting content layouts directly within your Joomla content.
The Zen Grid Framework uses a combination of elements from popular css frameworks available. The following highlights the standard typographical element styling that is available across all Zen Grid Framework v2 Joomla templates.
Overview
The Zentools list layout is the perfect layout for when you need to display your content in a simple unordered list.
Features
- Each item is rendered underneath the next one in a vertical list.
- Create layouts that include up to four columns.
Two columns
A simple blog style two column layout using Joomla as the content source.
-
3 Jan, 12
Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandi
-
3 Jan, 12
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
-
3 Jan, 12
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
-
3 Jan, 12
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
-
3 Jan, 12
Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blan
Three Columns
A three column list layout rendering content from Joomla.
-
3 Jan, 12
Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandi
-
3 Jan, 12
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
-
3 Jan, 12
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
This Joomla template comes with some standard module classes to apply to your modules to create unique highlighting for your module content. These classes are available across all Zen Grid Framework version2 templates but may have been modified in your template's theme or hilite css file.
Overview
The Zentools grid layout is a classic multi-column responsive grid that scales to fit your template.
Features
- A flexible grid based on 1 to 12 columns
- Create columns within columns.
A simple grid
-
Deep Meadows
Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandi
-
New dreams
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
-
Orchard Dreaming
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
-
Time to relax
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
-
Sunflower Epiphany
Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blan
-
New dreams
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
Lots of columns
Columns within columns
-
Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blandi
-
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
-
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
-
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
-
Suspendisse tincidunt tincidunt ante eget lacinia. In iaculis pulvinar urna, in iaculis lacus blan
-
Penatibus lundium pid arcu aenean augue auctor ultrices, lectus nunc ac! Hac, augue, pellentesque to
This template provides additional styles for K2 from Joomlaworks. This very popular extension gives you additional means to control and create content. You are free to use this template without K2, but we have done the extra work to style K2 to fit the whole theme. Here is an excerpt about K2 and what it can do for you.
The Zentools accordion layout is displays your content in a simple no fuss vertical accordion.
Features
- Each item is rendered underneath the next one in a vertical list.
- Create layouts that include up to four columns.
- Use the title or category as the first item to trigger the accordion.
- Select whether to load the accordion with the first item open.
Overview
The Zentools carousel is a responsive carousel (resize your browser) that scales to suit the width of your page. The examples below are highlighting the subtle image effects available in the module.
Carousel Features
- Responsive: responds to the width of your page (resize your browser to see)
- Display unlimited images from a folder, Joomla or K2 content.
- Determine the base width of the carousel item
- Determine the minimum number of items to display in a carousel at one time.
- When the page is resized the current item is returned to the visible part of the carousel.
- Based on the elastislide carousel script.
Rounded shadow example
The shadow example below is another implementation of css3 to generate a subtle shadow effect on the image. The relevant css is .zenshadow img.
The carousel is displaying a selection of images loaded from a folder.
Page 1 of 2
