windows

IE6 PNG Fix

What is the PNGfix?

If you have ever opened a webpage with a transparent PNG in Internet Explorer 6, you will see an obvious problem. The images do not appear transparent but adopts a light blue background. which is unsightly to say the least. This is the purpose of the PNGfix, to allow transparent PNG images to work correctly in the web browser Internet Explorer 6. A common way around this is to use a range of different Joomla! extensions which can be applied to your site. However, this is already built in to new RocketTheme templates (the fix already provides other solutions to various other IE6 issues). The author is this new PNGfix is Drew Diller.

Learn More

Below is a list of all the Rocket Theme Templates which have the PNGfix described above, incorporated into it. Also, all new templates releases will contain this as it has become an recurrent feature.

Meridian
Akiraka
Mixxmag

How do I use the PNGfix?

To apply the PNGfix to a particular image, all you need to do is add a class, png. We have an example of image HTML code below:-

<img src="image.jpg" alt="Image" />

Now add class="png" to the code such as:-

<img src="image.jpg" alt="Image" class="png" />

Uninstall all other PNGfixes before using the template version, that includes plugins you may have installed into Joomla as it will conflict with the template fix

How to remove the PNGfix

If you wish to remove the PNGfix from the template, you have to remove the file and remove the reference from the rt_head_includes.php file. The file is called DD_belatedPNG.js and is located in the /templates/rt_meridian_j15/js directory. You would then remove the following from the rt_head_includes.php file:-

<script src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/js/DD_belatedPNG.js"></script>
<script>
    DD_belatedPNG.fix('.png');
</script>

RokCandy

What is RokCandy?

RokCandy is a new component from RocketTheme which provides BBcode-type functionality into Joomla. Therefore, you do not need to worry about the WYSIWYG editor stripping out your custom code, or worry about your HTML abilities in order to use the various Typography and other styled elements. It changes the preset syntax, such as [example] to the relevant HTML code, once Joomla parses the article. What does that mean? Well, it means if you type [example] into your content, whether in HTML or normal WYSIWYG mode, it will always show [example] and will not be stripped away on save or reopen. All the changing to HTML, is done via Joomla when it outputs the article onto the site itself.

For example, [example title={title}]{text}[/example] can be set to output the following:-

<div class="example">
	<h3>Title</h3>
	<p>Some content</p>
</div>

How do I configure RokCandy, the Syntax?

RokCandy is outfitted with prebuilt statements, however, with the overriding ability of Joomla 1.5, you can create new ones and override them in the template files, and not have to concern yourself with editing core files. The file is called default.ini and is located in the /templates/rt_meridian_j15/html/com_rokcandy directory. Similarly, you can also add and control your own in the Administrator (Admin > Components > RokCandy). They will appear in the following format:-

[tag]{text}[/tag]=<tag>{text}</tag>

Such as

[alert]{text}[/alert]=<span class="alert">{text}</span>

As is apparent, each line is separated into distinctive sections. There are two parts, the RokCandy syntax (left of =) and the outputted HTML (right of =). You would create your own tag name and insert them between square brackets, [], followed by {text} and the closing tag with [] brackets again. This segment is followed by the = symbol and following on from that is the HTML output. Note, the {text} is required in both parts to denote what element is to be carried forward. You can use any value between the {} brackets, such as {title} or {link} as long as they are cross referenced in the HTML output as shown in the example below:-

[box title={title} link={link}]{text}[/box]=<div class="box"><h3><a href="{link}">{title}</a></h3><p>{text}</p></div>

Note, the best way to understand the syntax rules is to look at the default.ini file and see what syntax we use. RokCandy Examples

Color Chooser

The popular return of the color chooser in Meridian makes a second appearance, in a more conservative and complimentary format. There are several options to choose from to supplement the elegance and ease of use with the template. Simply go to the template manager to change a variety of styles and colours.

The options are as follows, and the areas that they control are indicative in their name:-

Body Style
Header Style
Title Colour
Body Colour
Body Link Colour

Creating your own presets

With Meridian, we provide a series of preset configurations for the color chooser which you and your visitors can select from. However, if you wish to set or change these yourself, the process is extremely simple.

Login into the Joomla Administrator
Go to Extensions > Template Manager > rt_meridian_j15
Set Preset Styles to Custom
Now, choose all the colour options you wish from the several options available, as well as the Overlay Texture value
Hit the Custom Styles button in the Button menu, located in the upper right of the template manager
This will output all the values into the Custom Style Output box, situated below the 4 options. Copy the outputted code from this box
Open the file styles.php which is located within the /templates/rt_meridian_j15/ directory

Locate the following code block.

$stylesList = array(
	'style1'  => array('light', 'header1', "#cc0000", "#333333", "#9F9964"),
	'style2'  => array('dark', 'header1', "#6DAA12", "#999999", "#5E72C0"),
	'style3'  => array('beige', 'header1', "#81000A", "#3F3F37", "#4E9C96"),
	'style4'  => array('blue', 'header1', "#2B4F5E", "#3E7288", "#E6842F")
);

Edit that block to meet your needs, either by remove the code between $stylesList = array( and ); and copying in the code directly, or adding the new style code to the list of current styles or whatever method you prefer.
Ensure that you only edit the code in between $stylesList = array( and ); and ensure it is the right format otherwise you will receive errors
Save, and upload the file to your site.

Typography Overview

Typography is a fundamental part of a template, providing you with the tools to characterise your content and bring it to life. There is a vast array of typography available with this template, as is with our previous releases, from list styles, notice blocks and a diverse number of other elements.

There are now 2 methods in which to implement the typography into your Joomla content:-

HTML Mode: This is the typical approach seen in pre-2009 templates, were you had to physically add the HTML to your content in order for it to work. This can be a strenuous task for two main reasons. The first being the WYSIWYG editor of Joomla, which, more often than not would strip out the HTML from your content if you opened any formatted article with it. The second being the ability of the user, if you are using purely to the WYSIWYG editor, using the HTML mode or no editor at all can be a difficult step to reach.
RokCandy Mode: The all new component 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 in a modern. WYSIWYG friendly syntax can be used, or even custom custom configured that will transform a set snippet to the correct HTML when it is parsed by Joomla.

Why use RokCandy?

RokCandy is the ideal solution for those with limited coding skills or those who implement our templates for their clients. It is free from the WYSIWYG editors horrific filtering habits and can be easily pre-configured for your personal needs or the needs of your client.

If you are apt with HTML, and are not implementing a site for someone who has limited coding skills, then the HTML method would be our recommended choice. RokCandy Typography

HTML Typography

Build backlinks Fast This site uses the assistance of the Phigit digital marketing company