Replicant Customisation
A guide to the basic Replicant customisation options that can be configured in the template index.php file with a description of each of the available options and how they affect the presentation of the template.
Here is a breakdown of the available options:
$default_style = "style1"; // custom | [style1... style3]
$bg_image = "bg36.jpg"; // any image in images/bg/
$bg_fixed = "fixed"; // fixed | scroll
$bg_color = "#0A1B2B"; // color behind the bg image (should blend)
$header_style = "dark-teal"; // blue | dark-teal | dark-purple | grey
$header_text = "#fff"; // any hex color
$header_link = "#fc0"; // any hex color
$body_style = "smoke"; // glass | smoke
$body_text = "#fff"; // any hex color
$body_link = "#58878c"; // any hex color
$border_color = "#364148"; // any hex color
$side_width = "200"; // width in px
$menu_name = "mainmenu"; // mainmenu by default, can be any Joomla menu name
$menu_type = "moomenu"; // moomenu | splitmenu | module
$menu_side = "left"; // left | right
$default_font = "default"; // smaller | default | larger
$show_pathway = "true"; // true | false
Replicant has 3, premade styles that can be easily selected from the option shown below. Simple change the settings between the two
" " tags to your style of choice. In conjunction with the premade styles, you have the option of creating custom built style from combination of
a primary style, secondary style, menu style and body style.
$default_style = "style1"; // custom | [style1... style3]
One of the most noticeable features of
Replicant is the ability to change the background image to whatever you want. This setting is controlled from the code snippet shown below. Insert the name of your image between the " " tags. This image needs to be contained within the images/bg directory of
/rt_replicant.
$bg_image = "bg36.jpg"; // any image in images/bg/
Once you have inserted your desired background image, you will need to decided on the background colour. This will be the background that will extend to the extremeties of the template on all resolutions. As described in the quotation, the colour
should blend to produce the perfect background. The colour itself is in HEX format.
$bg_color = "#0A1B2B"; // color behind the bg image (should blend)
This parameters allow you to control the position of the background image that you have chosen. The
fixed option ensures that the background image stays static on the page. Therefore, when you are scrolling on your website, the background is stagnant in the browser window. The
scroll option is the opposite, when you scroll down the website, the background is also scrolled.
$bg_fixed = "fixed"; // fixed | scroll
The header style refers to the style of
Replicant's header. You can choose between 10 preset styles to suit your needs by editing the code shown below.
$header_style = "dark-teal"; // blue | dark-teal | dark-purple | grey
With the ability to change the background which alters the entire feel of
Replicant, you will want a quick and simple method of changing colours of text. Now, you need not go browsing through the style.css files as it is now stored in the index.php as a configurable option for maximum ease and accessibility. This controls the colour of the text contained with the header area such as the login module in this demo.
$header_text = "#fff"; // any hex color
With the ability to change the background which alters the entire feel of
Replicant, you will want a quick and simple method of changing colours of text. Now, you need not go browsing through the style.css files as it is now stored in the index.php as a configurable option for maximum ease and accessibility. The following snippet shows you how to change the colour of link items in the header area.
$header_link = "#fc0"; // any hex color
Replicant gives you the ability to easily choose between 2 distinct body styles. The body refers to the area that expands the largest portion of the template.
$body_style = "smoke"; // glass | smoke
With the ability to change the background which alters the entire feel of
Replicant, you will want a quick and simple method of changing colours of text. Now, you need not go browsing through the style.css files as it is now stored in the index.php as a configurable option for maximum ease and accessibility. This controls the colour of the text in the body.
$body_text = "#fff"; // any hex color
With the ability to change the background which alters the entire feel of
Replicant, you will want a quick and simple method of changing colours of text. Now, you need not go browsing through the style.css files as it is now stored in the index.php as a configurable option for maximum ease and accessibility. The following snippet shows you how to change the colour of link items in the body.
$body_link = "#58878c"; // any hex color
This option appears to be insignificant but when applied, you will witness the dramatic changes. The borders of the templates (the boundary between the template and the background) can be change in the following parameters.
$border_color = "#364148"; // any hex color
The setting shown below controls the width of the side positions, left & right.
$side_width = "200"; // width in px
The following parameter controls which Joomla! menu is loaded for the horizontal navigation bar. Therefore, you can create your own
custom menu to load independent from any menu module on your site. The possibilities are endless.
$menu_name = "mainmenu"; // mainmenu by default
Replicant has the 3 options for the horizontal navigation bar. You can either, select moomenu, the latest addition to the Rocket Theme arsenal; splitmenu, the popular classic or have no menu at all and have the area as a separate module position.
$menu_type = "moomenu"; // moomenu | splitmenu | module
The the menu orientation is only applicable if you select splitmenu from the option described in the previous paragraph. The splitmenu deploys a menu module into the template for sub menu items (these would appear as dropdowns in the moomenu). With
Replicant, you have the option to choose between the left or position position for the sub menu module.
$menu_side = "left"; // left | right
Based on your own personal preference, or the preference of your users; you can easily set the default font size of the text in your site by editing the following line:
$default_font = "default"; // smaller | default | larger
Sometimes sites just look better with no pathway, and we've provided a convenient toggle to allow you to disable this for your site
$show_pathway = "true"; // true | false
