Welcome to the Frontpage

Advanced RokStories Styling RokStories has been overhauled to provide the spectacular display that you see on this demo. The module adapts depending on your image size, so no need to manually create rounded corners on your images, RokStories will do the rest.

The custom features are also available in the standalone version.

Read the Full Story

RocketTheme's Affinity July 2009 Released Affinity is the July 2009 release from RocketTheme and features extensive third party support for powerful and popular community products, such as JomSocial, K2 and phpBB3.

The template's core feature is Sortable Elements, which allows for the movement of modular rows, individual positions and stacks of modules

Read the Full Story

Third Party Extensions Support Popular community applications are supported by Affinity, from custom overrides, graphics and styling.

JomSocial, the community component; K2, the advanced content application; Community Builder, the profile extender; and phpBB3, with an accompanying style (phpBB3 club members only) are supported by the July 2009 template.

Read the Full Story

Sortable Elements

Sortable / Draggable Elements: provides the ability to interact with the template layout, from moving modules vertically in their positions to entire blocks / rows both horizontally and vertically.

3rd Party Extensions

Third Party Extension Support: refers to the inclusion of specific styling and overrides for several powerful community applications which are JomSocial, Community Builder, K2 and phpBB3

Style Variations

Affinity comes bundled with 6 style variations. You can try them by clicking these links:

Style 1, Style 2, Style 3, Style 4, Style 5, Style 6

JomSocial Integration / Support
JomSocial is a 3rd party community / social networking component by Azrul.com. The extension itself is a powerful platform for any Joomla site with a community, from extensive profile management, social interaction as seen on popular sites such as facebook (which can be integrated as well), to photo/video uploading and showcase facilitys, group creation and management and all what you would expect from a community extension.

[readon1 url="index.php?option=com_content&view=article&id=76&Itemid=193"]Learn More[/readon1]

K2 Content Extension
K2 is a content construction component (similar to CCK for those acquainted with Drupal), which lets you create custom content types (items) for your Joomla! website. With K2, you can transform your Joomla! website to a news site with author blogs, product catalogues, work portfolio, knowledge base, download/document manager, directory listing, event listing and more, all this bundled under one component.

[readon1 url="index.php?option=com_content&view=article&id=78&Itemid=195"]Learn More[/readon1]

Community Builder

Community Builder is an iconic community platform for Joomla. It servers primarily as a profile extender for Joomla, allow more control and options for user profiles. [readon1 url="index.php?option=com_content&view=article&id=77&Itemid=194"]Learn More[/readon1]

phpBB3 Support

phpBB3 is a powerful forum, and the perfect platform of choice for Joomla integration. The phpBB3 style will be simultaneously launched with the Joomla version. [readon1 url="index.php?option=com_content&view=article&id=79&Itemid=196"]Learn More[/readon1]

Sample Module

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at sem ut ipsum vestibulum euismod. Mauris et massa porta leo facilisis feugiat. Suspendisse id neque a sem facilisis blandit. Aliquam sem leo, commodo ut, rutrum auctor, iaculis nec, eros. Aenean massa. Mauris tincidunt. Vivamus consectetur, tortor sit amet dictum.

Login Form

Source Ordered Layout
RocketTheme Extensions
phpBB3 Style / RokBridge Application and Modules
K2 Component
Javascript Styling: Radios and Checkboxes

Source Ordered Layout
Affinity continues the latest trend of SEO optimised templates. The layout of the template has been constructed differently to the norm. A typical Joomla template, in regards to the mainbody source, will load the left column first, then the right column and finally the main column (where your main articles are loaded). Affinity takes a different approach and loads the main column code before the left and right columns.

Therefore, this template loads in this order: Header, Menu, Showcase, Main Column, Left Column, Right Column, Bottom, Footer. This is perfect for SEO purposes as the search crawlers will find your main content before your subsidiary content in your side columns. This is a major step forward and will improve your search engine results for your pages.

RocketTheme Extensions Integration
As well as the support / integration of the third party components, JomSocial, Community Builder and K2, we also style for our own extensions. There is specific styling for RokAjaxSearch, RokStories and RokTabs. Other extensions are present such as RokCandy, RokBridge and RokNavMenu, but they are not visual extensions as they are purely functionality.
[readon1 url="index.php?option=com_content&view=article&id=55&Itemid=162"]Learn More[/readon1]

phpBB3
phpBB3 is a powerful forum, and is the platform of choice for Joomla.org as well as our very own RocketTheme forum. The Affinity phpBB3 style is a product of the RocketTheme phpBB3 styles club and you will need to be a member in order to access the theme. Note: Joomla Template Club members do NOT have access to this theme.

However, as a community template, the joint launch of bother Joomla and phpBB3 counterparts is important, hence the synchronicity. Although, there are important Joomla elements that should be noted. Firstly, the Joomla and phpBB3 sites are synced via RokBridge, a free bridging component for the two platforms, and a series of modules to extract data from phpBB3 into Joomla are present, such as Latest Posts.

K2
K2 is a content construction component (similar to CCK for those acquainted with Drupal), which lets you create custom content types (items) for your Joomla! website. With K2, you can transform your Joomla! website to a news site with author blogs, product catalogs, work portfolio, knowledge base, download/document manager, directory listing, event listing and more, all this bundled under one component. Again, Affinity has styled support for this component to visually integrate the powerful component from JoomlaWorks.gr.
[readon1 url="index.php?option=com_content&view=article&id=78&Itemid=195"]Learn More[/readon1]

Javascript Styling: Radios and Checkboxes
One of the many new features in the template is the inclusion of JavaScript powered styling for radio icons and checkboxes, such as the ones used on the Polls and the Search pages. Traditionally, styling of these form elements is bland, default and ordinary. However, using special scripts, these elements can be manipulated as to allow styling as is present on the many demo pages. The template styled itself changers depending on body type chosen as well as the type of module class suffix in use. Yet another diverse and additional feature in the May template release.
[readon1 url="index.php?option=com_content&view=article&id=64&Itemid=171"]Configuration[/readon1]

Sample Module

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Module Variations

Module Variations
Affinity does not have module hilites that are activated via Module Class Suffix. Due to the complex nature of the template design, these must be set globally in the Template Parameters. See the different styles on the link below. [readon1 url="index.php?option=com_content&view=article&id=51&Itemid=158"]Learn More[/readon1]

Multi-Column Menu

Multiple Dropdown Column Menu
The multiple column dropdown feature is apparent in the template. Who needs a single dropdown column when you can have as many as you want? This feature is available for both, RokMoomenu and Suckerfish, both dropdown menus. Splitmenu menus also accompany this template.

Moomenu
Suckerfish
SplitMenu
No Menu

[readon1 url="index.php?option=com_content&view=article&id=63&Itemid=170"]Learn more[/readon1]

Sample Module

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Restore Default Settings