MotorShow template customization Basic template customization This tutorial will show you how to customize MotorShow template to fit your needs. Author: Igor Mihaljko Date: 03. March 2008
MotorShow template customization
Greetings dear user! This tutorial will cover basic MotorShow template customization. It is inspired with a questions posted on official forum. After reading questions and trying to answer it on the forum I decided to write a short tutorial. After all, picture is worth thousand words. I don’t think that I have to explain in details template installation so I will just put few pictures to remind to how to do it:
Author: E-mail: Date:
Igor Mihaljko mihha@inet.hr 03.03.2008
2
MotorShow template customization
There is login module that is customized for this template so we will install it too:
Now we just have to publish this module on right position. To find right position we have to see where module positions in template are. We can do this in two ways: 1. with mouse
2. or by entering the following address in your browser address bar www.yoursiteurl.com/?tp=1
Author: E-mail: Date:
Igor Mihaljko mihha@inet.hr 03.03.2008
3
MotorShow template customization
I prefer second way because I get the full site layout in browser window and not just part of it because if we do it on a first way the layout is loaded in IFRAME inside administrator area of our site. Here are the positions of MotorShow template:
As you can see, there is “login” module position defined in this template. We just need to add this position in list of Joomla module positions if it doesn’t exists there already.
Author: E-mail: Date:
Igor Mihaljko mihha@inet.hr 03.03.2008
4
MotorShow template customization
If you have new installation of Joomla, the “login” position is not defined by default so we will add it right now. Just type “login” (without the quotes naturally) in the first available empty textbox and click on the “Save” button to save changes.
After adding new module position lets add login module to our site. Open module manager:
Find “MotorShow horizontal Login Form” and click on it.
Author: E-mail: Date:
Igor Mihaljko mihha@inet.hr 03.03.2008
5
MotorShow template customization
Set the parameters of this module as show on the following pictures.
And save the changes.
If you done everything correctly, if you check your site homepage you should see something like this:
Ok. We have set the login form. New to this template is image gallery powered by mootools framework. You can see this image gallery in action on MotorShow demo site. It shows up to 18 images with nice sliding effect on banner of this template. To be able to show your pictures in slider you should upload your pictures by FTP to images/show folder that can be found under MotorShow template folder. To achieve the best results images should be 472x254 pixels large.
Author: E-mail: Date:
Igor Mihaljko mihha@inet.hr 03.03.2008
6
MotorShow template customization
Another nice features of this template are Typography styles that you can use in your content.
Author: E-mail: Date:
Igor Mihaljko mihha@inet.hr 03.03.2008
7
MotorShow template customization
Author: E-mail: Date:
Igor Mihaljko mihha@inet.hr 03.03.2008
8
MotorShow template customization
To put some spice to your content do the following. Start writing new content. Choose the part of the text that you would like to quote, open HTML representation of your content and surround your text with the opening and closing pair of span keyword:
Author: E-mail: Date:
Igor Mihaljko mihha@inet.hr 03.03.2008
9
MotorShow template customization
You can see the result right in your editor so you are able to know how will the result look like when you publish your content on site.
Until now I showed you how to change your setting through Joomla administration backend. There are just few things to show which can’t be done through Joomla backend (unless you have some kind of file manager component installed). If you want to set your image slide show you will have to open config.php.inc file which can be located in scripts folder under motorshow template’s folder. If you open this file with text editor you will see few PHP variables definitions. $default_font = "default"; $wait = "4000"; $effect = "random"; $duration = "500"; $loop = "true";
// // // // //
smaller | default | larger time to wait until change to other image slide | fade | wipe | changing duration true | false
The names and comments after the variables are self explanatory so I think that I don’t have to explain them more. Change some of those values and fit the slider to your needs. This concludes my tutorial regarding customization of this template. If a left something unexplained you can ask me for help on JoomlaMarket forum and I will put my efforts to help you solve your issues.
Author: E-mail: Date:
Igor Mihaljko mihha@inet.hr 03.03.2008
10