Thursday, April 25, 2024
   
Text Size
Login
image image image
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.
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
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.

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

Learn all about the exciting RocketTheme exclusive extensions that are included in the Affinity template release. Here you can find instructions for installation and configuration for each of the custom extensions/addons.

Step One: Installing the Extension

[list class=bullet-1][li]Download the affinity-extensions-j15.zip archive from the Affinity download section of the RocketTheme Joomla! Club. Unzip the archive and inside you will find individual zip files for each of the extensions.[/li] [li]Login in to your administrator console on your Joomla! website and navigate to the Extensions menu item, and select Install/Uninstall from the dropdown menu. [/li] [li]In the Upload Package File section, click the Choose File button and select one of the extension_name.zip that was inside of the zip file you downloaded earlier. Next click the Upload File & Install button to install the module.[/li][/list]

Step Two: Publishing the Module/Plugin

[list class=bullet-1][li]Now the module is installed it must be published in the appropriate module position and configured to suit our needs. From the top menu, select Extensions → Module Manager[/li] [li]This will take you to the Site Module Manager which allows you to configure the placement and configuration of all modules in your Joomla website.[/li] [li]Locate the module from the list. Remember there could be a few pages. Once you have found it, you can publish in 2 ways: The first is selecting the cross next to the title or clicking the title then set Publish to Yes followed by Save.[/li] [li]Plugins behave in a similar way, simply go to Extensions → Plugin Manager and enable the plugin. You can also configure it from the same manager.[/li][/list] [clear][/clear]

What Extensions accompany the Affinity release?

[list class=bullet-3][li]RokStories Module
RokStories is a great module to display your articles and accompanying images as a featured item. The module itself is facilitated by Mootools to transition between images and articles seamlessly. Perfect for showcasing featured articles on your site, as seen on the frontpage. [/li]\r [li]RokBridge Application / phpBB3 Style
phpBB is a powerful forum platform, which is the perfect companion for any Joomla site wishing to expand with a forum-based community. The forum itself is very functional, highly configurable and overall, extremely versatile. Now, with the RokBridge component, you can sync the users and logged in sessions of both Joomla and phpBB3. Similarly, with the RocketTheme phpBB3 styles club, you can have a matching style for your Joomla template. [/li] [li]RokBox Plugin
RokBox, the successor of our popular RokZoom plugin, is a mootools powered JavaScript slideshow that allows you to quickly and easily display multiple media formats including images, videos (video sharing services also) and music. RokBox provides a theme system that allows you to create your own custom ones to fit your websites design. It includes two predefined themes, a Light theme and a Dark theme that will fit seamlessly into your site design. RokBox is as easy as pie to install and customize, providing an easy way to create your own custom themes for it. [/li] [li]RokAjaxSearch Module
RokAjaxSearch brings fantastic search functionality to Joomla, using the powerful and versatile javascript library, Mootools. So, what does the module do? The best description is an example, simply type test in the search box in the upper right of Affinity and wait ... and a popup shall materialise, showcasing the Joomla search results for you. [/li] [li]RokTabs Module
RokTabs, the fully independent and incredible flexible standalone version of the former RokSlide. The module itself is installable into Joomla and can be easily utilised on any template, not just Affinity. As its name implies, it is a tabbed based module to efficiently showcase your content to your visitors. [/li] [li]RokNavMenu Module
RokNavMenu is now an essential ingredient of RocketTheme templates. It provides various functions which are above and beyond what the mainmenu, and the subsequent template overrides can do. Therefore, a much more sophisticated menu can be constructed providing you with a much greater degree of usability. This makes the incredible advanced multiple-dropdown menu possible. It is an essential install for the integrated menu systems to operate. [/li] [li]RokCandy Component
The popular plugin from RocketTheme which allows you to implement typography easily, without fear of the WYSIWYG editor ruining your formatting and allows you, and/or your clients to add them to your content with ease. This is through a method similar to BBcode (as seen in a forum). WYSIWYG friendly syntax can be used, or even custom configured that will transform a set snippet to the correct HTML when it is parsed by Joomla. [/li] [/list]

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
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. [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.

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 sagittis, urna lectus dapibus metus, ut congue.

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

Login Form