This advanced currency converter can be displayed within your own web page, referencing a style sheet. Just click the 'Highlight All' button and copy (Hold Ctrl + C) and paste into your page's code as per instructions. Adding the code to your web page is performed in two easy steps as shown below.
Please note that to use these tools you will require some coding knowledge as we are unable to assist you with the configuration in any way and they are provided 'as is'.
Customising The Appearance
Customising the look and style of the currency converter is handled by the Style Sheet (CSS) which you placed into your web page in Step 1 above.
You can adjust the style properties to achieve your desired look. The default classes that are customisable within the Style Sheet are as follows:
Class Names
Customises
.mainTable
background-color - Changes the background colour of the main content section (same as 1 below).
.headFootTable
background-color - Changes the background colour header and footer sections (same as 2 below).
.mainFont
color - Changes the main font colour (same as 3 below).
.formField
background-color - Changes the background colour for the form fields (same as 1 below).
.btn
background-color - Changes the background colour for the buttons.
The guide below demonstrates which areas handled by the class fields:
Customising the Results Page (optional)
The results page of your advanced Currency Converter can also be customised from the default style to look more like the rest of your website. Incorporate any or all of the variable options below, once you have pasted the code from Step 2 above into your web page. Replace the entire string including the []s for each of the below.
Background colour for the main content section. Look for the following code... <input type="hidden" name="BGcolour" value="[Background colour of main content section]"> and change the value [Background colour of main content section] to the hexadecimal value of your choice (Same colour as .mainTable).
Background colour for the table header and footers. Look for the following code... <input type="hidden" name="BGcolour" value="[Background colour of header/footer sections]"> and change the value [Background colour of header/footer sections] to the hexadecimal value of your choice (Same colour as .headFootTable).
Main font colour. Look for the following code... <input type="hidden" name="fontColour" value="[Main font colour]"> and change the value [Main font colour] to the hexadecimal value of your choice (Same colour as .mainFont).
Form fields background colour. Look for the following code... <input type="hidden" name="fontColour" value="[Form colour]"> and change the value [Form colour] to the hexadecimal value of your choice (Same colour as .formField).
Button background colour. Look for the following code... <input type="hidden" name="btnColour" value="[Background colour of button]">
and change the value [Background colour of button] to your preference (same colour as .btn).
Change the logo. Look for the following code... <input type="hidden" name="logo" value="[Logo URL]"> and change the value [Logo URL] to your preference (do not include the http://).
Add your own comment/title. Look for the following code... <input type="hidden" name="Comment" value="[Comment]"> and change the value [Comment] to your preference.
Add your own link URL for the main logo. Look for the following code... <input type="hidden" name="Comment" value="[URL]"> and change the value [URL] to your preference.
Add the partner id. Look for the following code... <input type="hidden" name="pid" value=""> and change the value text according to your partner id.
IMPORTANT : This information has been prepared for distribution over the internet and without taking into account the investment objectives, financial situation and particular needs of any particular person. OzForex Pty Ltd makes no recommendations as to the merits of any financial product referred to in this website, emails or its related websites. Please read our Product Disclosure Statement and our Financial Service Guide.
