RokCandy Typography

Napisao/la Super User. Posted in O Lori

[div class="alert" class2="icon"]The RokCandy component is required for the syntax below to work.[/div]

All syntax below uses RokCandy, the content macro extension for Joomla. RokCandy converts simple, understandable and pre-defined syntax to complex HTML constructions.

If you wish to view the typography page, showing how to setup the various typography elements with HTML, then please go to the HTML Typography page.

If you would like to read more detailed information on inserting the included typography into your content, check out the Typography Tutorial.

[div2 class="highlight1"][highlight]This is a span that allows you to highlight words or phrases. Use the following format: [highlight] ... some content ... [/highlight][/highlight]

This is the Highlight 1 Block typography. Use the following format: [div2 class="highlight1"]...[/div2]. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/div2] [div2 class="highlight2"][highlight]This is a span that allows you to highlight words or phrases. Use the following format: [highlight] ... some content ... [/highlight][/highlight]

This is the Highlight 2 Block typography. Use the following format: [div2 class="highlight2"]...[/div2]. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/div2] [componentheading]This is a ComponentHeading[/componentheading]

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

[contentheading]This is a ContentHeading[/contentheading]

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

[h1]This is an H1 Header[/h1]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

[h2]This is an H2 Header[/h2]

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

[h3]This is an H3 Header[/h3]

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

[h4]This is an H4 Header[/h4]

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

[h5]This is an H5 Header[/h5]

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

[h4]Notice Styles are shown below[/h4] [div class="attention" class2="icon"]This is a sample of the 'attention' style. Use this style to denote very important information to your users. To use this use the following html: [div class="attention" class2="icon"] ...some content.... [/div][/div] [div class="notice" class2="icon"]This is a sample of the 'notice' style. Use this style to denote very important information to your users. To use this use the following html: [div class="notice" class2="icon"] ...some content.... [/div][/div] [div class="alert" class2="icon"]This is a sample of the 'alert' style. Use this style to denote very important information to your users. To use this use the following html: [div class="alert" class2="icon"] ...some content.... [/div][/div] [div class="download" class2="icon"]This is a sample of the 'download' style. Use this style to denote very important information to your users. To use this use the following html: [div class="download" class2="icon"] ...some content.... [/div][/div] [div class="approved" class2="icon"]This is a sample of the 'approved' style. Use this style to denote very important information to your users. To use this use the following html: [div class="approved" class2="icon"] ...some content.... [/div][/div] [div class="media" class2="icon"]This is a sample of the 'media' style. Use this style to denote very important information to your users. To use this use the following html: [div class="media" class2="icon"] ...some content.... [/div][/div] [div class="note" class2="icon"]This is a sample of the 'note' style. Use this style to denote very important information to your users. To use this use the following html: [div class="note" class2="icon"] ...some content.... [/div][/div] [div class="cart" class2="icon"]This is a sample of the 'cart' style. Use this style to denote very important information to your users. To use this use the following html: [div class="card" class2="icon"] ...some content.... [/div][/div] [div class="camera" class2="icon"]This is a sample of the 'camera' style. Use this style to denote very important information to your users. To use this use the following html: [div class="camera" class2="icon"] ...some content.... [/div][/div] [div class="doc" class2="icon"]This is a sample of the 'doc' style. Use this style to denote very important information to your users. To use this use the following html: [div class="doc" class2="icon"] ...some content.... [/div][/div] [pre] This is a sample [pre] ... [/pre] tag: div.modulebox-black div.bx1 { background: url(../images/black/box_bl.png) 0 100% no-repeat; } div.modulebox-black div.bx2 { background: url(../images/black/box_tr.png) 100% 0 no-repeat; } div.modulebox-black div.bx3 { background: url(../images/black/box_tl.png) 0 0 no-repeat; padding: 0; margin: 0; } [/pre] [h3]Blockquote Styles[/h3] [blockquote]This is a blockquote, you will want to use the following formatting: [blockquote]....[/blockquote]Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.[/blockquote]
[h3]List Styles - Bullets[/h3]

Below is a list with bullets. To use this style create a list in the following format: [list class=class name][li]....[/li][li....[/li][/list]

[list class="bullet-1"][li]To use this style create a list in the following format: [list class="bullet-1"][li]...[/li][li]...[/li][/list].[/li][/list] [list class="bullet-2"][li]To use this style create a list in the following format: [list class="bullet-2"][li]...[/li][li]...[/li][/list].[/li][/list] [list class="bullet-3"][li]To use this style create a list in the following format: [list class="bullet-3"][li]...[/li][li]...[/li][/list].[/li][/list] [list class="bullet-4"][li]To use this style create a list in the following format: [list class="bullet-4"][li]...[/li][li]...[/li][/list].[/li][/list] [list class="bullet-5"][li]To use this style create a list in the following format: [list class="bullet-5"][li]...[/li][li]...[/li][/list].[/li][/list] [list class="bullet-6"][li]To use this style create a list in the following format: [list class="bullet-6"][li]...[/li][li]...[/li][/list].[/li][/list] [list class="bullet-7"][li]To use this style create a list in the following format: [list class="bullet-7"][li]...[/li][li]...[/li][/list].[/li][/list] [list class="bullet-8"][li]To use this style create a list in the following format: [list class="bullet-8"][li]...[/li][li]...[/li][/list].[/li][/list] [list class="bullet-9"][li]To use this style create a list in the following format: [list class="bullet-9"][li]...[/li][li]...[/li][/list].[/li][/list]
[h3]Span Styles - Number[/h3]

Below is a list with number. To use this style create a list in the following format:[number type="type" value="1"]...some content...[/number]

[number type="square" value="1"]To use this style create a list in the following format: [number type="square" value="1"]...some content...[/number]

[/number] [number type="square" value="2"]To use this style create a list in the following format: [number type="square" value="2"]...some content...[/number]

[/number] [number type="square" value="3"]To use this style create a list in the following format: [number type="square" value="3"]...some content...[/number]

[/number]
[number type="circle" value="1"]To use this style create a list in the following format: [number type="circle" value="1"]...some content...[/number]

[/number] [number type="circle" value="2"]To use this style create a list in the following format: [number type="circle" value="2"]...some content...[/number]

[/number] [number type="circle" value="3"]To use this style create a list in the following format: [number type="circle" value="3"]...some content...[/number]

[/number] [h3]Highlight Styles[/h3] This is a span that allows you to [highlight]highlight words or phrases[/highlight]. Use the following format: [highlight] ... some content ... [/highlight]

This is a span that allows you to [highlightbold]highlight words or phrases[/highlightbold]. Use the following format: [highlightbold] ... some content .... [/highlightbold]

[h3]Inset Styles[/h3]

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.[inset side="right" title="Inset Right Title"]You will need to use the following formatting: [inset side="right" title="Inset Right Title"] ... some content ...[/inset][/inset]Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.[inset side="left" title="Inset Left Title"]You will need to use the following formatting: [inset side="left" title="Inset Left Title"] ... some content ...[/inset][/inset]Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


[h3]DropCap Styles[/h3] [dropcap cap="P"]Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting: [dropcap cap="P"]...some content...[/dropcap][/dropcap] [h3]Important Emphasis Styles[/h3] [important title="Sample Title"]This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: [important title="Sample Title"]...some content[/important][/important]

Extensions

Napisao/la Super User. Posted in O Lori

This is a listing of all the extensions that accompany the template release.

image RokQuickCart Module
A javascript based cart component. A quick and easy way to setup a shop in your Joomla site.   Demo - Download - Documentation
image RokStories Module
Functional showcase module for displaying content items and their accompanying images in an interactive and versatile manner.   Demo - Download - Documentation
image RokAjaxSearch Module
Ajax powered module, allowing for interactive search of both local Joomla pages and the web with its Google integration.   Demo - Download - Documentation
image RokNavMenu Module
RokNavMenu is a foundational extension which is at the core of the inbuilt menu systems and is a requirement for all themes.   Demo - Download - Documentation
image RokBox Module
Javascript popup / litebox utility, can be used for images, links, videos, websites, PDFs and much more.   Demo - Download - Documentation
image RokNewsPager Module
A preview content module, enhanced by ajax for dynamic pagination as well as accordion effects.   Demo - Download - Documentation
image RokCandy Component
A component that provides BBcode style functionality for Joomla for swift and easy implementation of complex code.   Download - Documentation
image RokGZipper Plugin
A performance plugin that compresses your CSS and JS files via GZip which results in faster page loads. Compatible templates only.   Demo - Download - Documentation
image RokTabs Module
Tabbed content module, perfect for maximising content exposure without sacrificing on site real estate. Built-in Mootools effects.   Demo - Download - Documentation
image RokPad Editor
A code editor with syntax highlighting, ajax saving and much more. Better than Joomla's No Editor.   Download - Documentation

Installation

Napisao/la Super User. Posted in O Lori

This guide covers the basics of installing a template.

Downloading the necessary files

To install the template, you only need one file:-

  • Iridium Template rt_iridium_j15.tgz - This is the template file that you use to install into Joomla.

There are other files that you may wish to download that accompany the release, but are not required for the template to work.

  • Iridium Source PNG(s) iridium-sources.zip - This contains all the Adobe Fireworks PNG source files for the template, and if applicable, the logo font.
  • Iridium Extensions iridium-extensions-j15.zip - This package contains all the extensions that accompany the template release.
  • Iridium RocketLauncher Joomla_RT_Iridium_j15.zip - The RocketLauncher pack is a full Joomla install that contains all the demo content, including extensions and the template.
The latest extensions can be downloaded from the Extensions Download area located here

Step 1 - Using the Joomla installer

  • Login into the Joomla administrator (http://yoursite.com/administrator)
  • Go to Extensions → Install/Uninstall
  • Select the browse button and find rt_iridium_j15.tgz
  • Click Upload & Install

The template is now installed.

Step 2 - Making Iridium Default

  • Login into the Joomla administrator (http://yoursite.com/administrator)
  • Go to Extensions → Template Manager
  • Find rt_iridium_j15.tgz
  • Select the radio icon to its left
  • Click Default in the top right button menu

The template is now default and will appear as your site theme.

HTML Typography

Napisao/la Super User. Posted in O Lori

This tutorial page features all the typography available with the template, showcasing them in HTML form. If you wish to use the RokCandy format, which is WYSIWYG friendly, please go to the RokCandy Typography page.

This page shows all of the typography styles and settings in action. If you would like to read more detailed information on inserting the included typography into your content, check out the Typography Tutorial.

This is a span that allows you to highlight words or phrases. Use the following format: <span class="highlight">...</span>

This is the Highlight 1 Block typography. Use the following format: <div class="highlight1">...</div>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a span that allows you to highlight words or phrases. Use the following format: <span class="highlight">...</span>

This is the Highlight 2 Block typography. Use the following format: <div class="highlight2">...</div>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a ComponentHeading

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

This is a Contentheading

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

This is an H1 Header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

This is an H2 Header

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

This is an H3 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

This is an H4 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

This is an H5 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

Notice Styles are shown below

This is a sample of the 'attention' style. Use this style to denote very important information to your users. To use this use the following html: <div class="attention"><div class="icon">....</div></div>
This is a sample of the 'notice' style. Use this style to denote very important information to your users. To use this use the following html: <div class="notice"><div class="icon">....</div></div>
This is a sample of the 'alert' style. Use this style to denote very important information to your users. To use this use the following html: <div class="alert"><div class="icon">....</div></div>
This is a sample of the 'download' style. Use this style to denote very important information to your users. To use this use the following html: <div class="download"><div class="icon">....</div></div>
This is a sample of the 'approved' style. Use this style to denote very important information to your users. To use this use the following html: <div class="approved"><div class="icon">....</div></div>
This is a sample of the 'media' style. Use this style to denote very important information to your users. To use this use the following html: <div class="media"><div class="icon">....</div></div>
This is a sample of the 'note' style. Use this style to denote very important information to your users. To use this use the following html: <div class="note"><div class="icon">....</div></div>
This is a sample of the 'cart' style. Use this style to denote very important information to your users. To use this use the following html: <div class="cart"><div class="icon">....</div></div>
This is a sample of the 'camera' style. Use this style to denote very important information to your users. To use this use the following html: <div class="camera"><div class="icon">....</div></div>
This is a sample of the 'doc' style. Use this style to denote very important information to your users. To use this use the following html: <div class="doc"><div class="icon">....</div></div>
This is a sample <pre>...</pre> tag:

div.modulebox-black div.bx1 {
  background: url(../images/black/box_bl.png) 0 100% no-repeat; 
}

div.modulebox-black div.bx2 {
  background: url(../images/black/box_tr.png) 100% 0 no-repeat;
}

div.modulebox-black div.bx3 {
  background: url(../images/black/box_tl.png) 0 0 no-repeat;
  padding: 0;
  margin: 0;
}

Blockquote Styles

This is a blockquote, you will want to use the following formatting: <div class="quotes"><blockquote><p>....</p></blockquote></div>. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

List Styles - Bullets

Below is a list with bullets. To use this style create a list in the following format: <ul class="class name"><li>....</li><li>....</li>...</ul>

  • To use this style create a list in the following format: <ul class="bullet-1"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet-2"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet-3"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet-4"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet-5"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet-6"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet-7"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet-8"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet-9"><li>....</li><li>....</li>...</ul>.

Span Styles - Number

Below is a list with number. To use this style create a list in the following format: <p class="number"><span class="number-[type]">[any number]</span>[your content]</p>

1To use this style create a list in the following format: <p class="number"><span class="number-square">1</span>....some content....</p>

2To use this style create a list in the following format: <p class="number"><span class="number-square">2</span>....some content....</p>

3To use this style create a list in the following format: <p class="number"><span class="number-square">3</span>....some content....</p>


1To use this style create a list in the following format: <p class="number"><span class="number-circle">1</span>....some content....</p>

2To use this style create a list in the following format: <p class="number"><span class="number-circle">2</span>....some content....</p>

3To use this style create a list in the following format: <p class="number"><span class="number-circle">3</span>....some content....</p>


Highlight Styles

This is a span that allows you to highlight words or phrases. Use the following format: <span class="highlight">...</span>

This is a span that allows you to highlight words or phrases. Use the following format: <span class="highlight-bold">...</span>

Inset Styles

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Inset Right TitleYou will need to use the following formatting: <span class="inset-right"><span class="inset-right-title">....</span>...some content...</strong>Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Inset Left TitleYou will need to use the following formatting: <span class="inset-left"><span class="inset-left-title">....</span>...some content...</span>Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


DropCap Styles

PPraesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting: <p class="dropcap"><span class="dropcap">P</span></p>

Important Emphasis Styles

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: <div class="important"><span class="important-title">Sample Title</span>...some content...</div>

Tutorials

Napisao/la Super User. Posted in O Lori

Joomla 1.5 Iridium Written Tutorials

Installation
How to Install
RocketLauncher
Replicate the demo
Style Control
Control the style
Menu Options
Choose a menu
Using Typography
Content styling
Logo Editing
Edit the logo

Joomla 1.5 Iridium Video Tutorials

image

Logo Editing Video Tutorial

Learn how to customise your Iridium logo using Adobe Fireworks with this detailed video tutorial.

Joomla 1.5 Forum Tutorials

Demo Content

We have a forum based tutorial outlining the syntax used in constructing the Frontpage elements of the Iridium demo, mainly (if not all), using the RocketTheme RokCandy extension.

Template Configuration

To configure the template, go to Extensions → Template Manager → rt_iridium_j15. There you will find a list of all the template parameters. You can control many aspects of the template here. If you mouseover the labels/names of each parameter, a description will appear via tooltip to outline what each parameter does.

IE6 PNG Fix

The template has an integrated PNG fix for IE6 that allows transparent PNG32 images to show, as intended, in the IE6 browser. All you need to do is add class="png" to the element such as the change in the following example:-

<img src="images/sample1.png" alt="sample" />

Change to

<img src="images/sample1.png" alt="sample" class="png" />

RocketLauncher

Napisao/la Super User. Posted in O Lori

What is RocketLauncher?

RocketLauncher is a Joomla installation package that installs Joomla as the demo. The launcher installs the sample data, which has been customised to match the demo, and the template, extensions and images are already built in. The launcher is the best method to replicate the demo with ease.

Due to the complexity of our demos, it is much easier to see it in action then it is to read in written tutorials and / or viewing screenshots. Therefore, the process of using the template on your Joomla site is much faster, simpler and makes for a better experience.

Version

We use the latest Joomla version available at the time for our launchers and when Joomla updates, we proceed to update all the launchers so they are up to date for all new downloads. Please go to the Joomla Downloads repository to see what version the RocketLauncher is using.

For information on upgrading Joomla, please see: http://docs.joomla.org

RocketLauncher includes a FULL Joomla install, in addition to the template and demo contents. The Joomla installation process is necessary in creating the demo content, therefore RocketLauncher will only work properly as a new Joomla installation. It can not be used on an existing Joomla installation.

Instructions

Step 1 - Upload the files

  • Download the Iridium RocketLauncher Package (Joomla_RT_Iridium_j15.zip) from the Iridium template downloads section
  • Unzip the zip packaged onto your computer to reveal the Joomla_RT_Iridium_j15 folder
  • Upload this to your site using your FTP client

Note, on some servers, you can upload the zip and extract the package directly onto your server using cPanel or SSH access. For more details on this, please contact your hosting provider.

Step 2 - Installation

  • Direct your browser to the installation such as www.yoursite.com/Joomla_RT_Iridium_j15 or to whatever directory your uploaded to
  • Choose a Language for your site then click next
  • Review the Pre-Installation Check page then click next
  • Review the License page then click next
  • Insert your Database information: host name, mysql username and mysql password then click next
  • Insert your main configuration information: site name, admin password and email address
  • Click Install Sample Data then click next
  • Delete the /installation directory on your server
It is very important that you click the Install Sample Data button during the installation process, otherwise the launcher will be blank.

Further Guides

RocketLauncher Installation Video Tutorial
Learn the steps to uploading the RocketLauncher package files to your server and installing the RocketLauncher template package by following along with the steps in this detailed video tutorial. It's now easier than ever before to deploy a replica of the RocketTheme template demo sites.

Uploading RocketLauncher to your Root
An in depth guide that details the steps necessary to properly upload the files from the RocketLauncher template package directly to the root of your site. This will ensure your RocketLauncher installation installs to the root of your site, and not in a subfolder.

Updating RocketLauncher / Joomla on Mac
If you are a Mac user and develop in a localhost environment, you will want to use Terminal to update your Joomla as it is the fastest and simplest way to update locally on a Mac.

Lori

Lezbijska organizacija Rijeka "LORI" osnovana je 19. listopada 2000.g.
Cilj udruge je informiranje i ...

više o lori

Volontiranje

Organizacija koja cijeni svoje volontere i volonteri koji cijene sebe i svoj rad su ključni element uspješnog partnerstva.

priključi se

Podržite nas

Podrška, informacije, savjetovanje.

Podržite LORI

Kontakt

Janeza Trdine 7/IV, 51000  Rijeka
+385 (0)51 212 186
+385 (0)91 593 4133
+385 (0)91 493 4133
loricure@yahoo.com

Copyright © 2010 LORI, All Rights Reserved