Forum Support

 
Advanced Search


[1]

Offline mikeseoz
Free Member
Posts: 29
Posted on: August 10, 2012, 12:23:59 PM

im using digital system and i notice it just have 3 position (top, right and user1), what i want to do is to put a image slider on it, where the banner is place, but donno how to do it. also want to know how can i achieve a drop down menu on it. can you guys help me out, it will be much appreciated it.

thanks shape5 in advanced
« Last Edit: August 10, 2012, 05:50:43 PM by mikeseoz »
Logged

Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted on: September 19, 2012, 12:47:56 AM

If you wish to have a "vertical accordion" drop down module I would highly suggest signing up to Shape5 Club Joomla as it is offered in the Extensions Directory for registered users.

You also look like you need to add a custom module position to the template. Below is my tutorial on how to accomplish a new module position in your template. If you wish to receive additional coding support please sign up for a membership Smiley

There are 3 files you need to edit to add a new module position to your template.

Template.CSS
TemplateDetails.XML
Index.PHP

Step 1 - Add a new entry to your template.css to the bottom of body elements. In this case I am calling my new module s5_mymodule

#s5_mymodule {
   position: absolute;
   left: 909px;
   top: 51px;}



Step 2 - Add a new positions entry to your TemplateDetails.XML file. In this case we will use the following entry to match our CSS

<position>s5_mymodule</position>



Step 3 - Add a new entry to your Index.PHP in an area relative to where you want your module to appear. For example if you wanted something near the "header" area find another module such as "logo" and add it below there. You can customize the "exact" position within the CSS file by adjusting "left" and "top" in the above template.css code that you added earlier so just get it somewhere close.

    <div id="s5_mymodule">
    <jdoc:include type="modules" name="s5_mymodule" />
</div>



Step 4 - Add anything you want to your new module position in joomla! In this case I have just made a custom html and wrote WE DID IT! multiple times but you can add anything such as pictures, sliders etc



Step 5 - The outcome will look something like below which you can adjust later with the CSS

Where the module position appears in the www.yourdomain.com/?tp=1




What an example of a module published to this position looks like










Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.018 seconds with 22 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.