This is the discussion for adding drop boxes to other templates from the tutorial here:



http://joomlabamboo.com/tutorials-and-resources/adding-drop-boxes-to-other-templates



You need to be a logged in club member to read the full tutorial.

Hmm..... it's not work like I well hab it:(

What files shulds the ccs code puts in - I have try a lot?





I think my index is okay:

@import "/templates//css/styles.css";

@import "/templates//css/template_css.css";

@import "/templates//css/.css";





id ) initEditor(); ?>

window.addEvent('domready', function() {

new SimpleSlide("SimpleSlide",{type: "", direction: "forward", auto: "loop", time: , duration: });

});

@import "/templates//slimbox/slimbox_ex.css";



img, div, a img { behavior: url(/templates/getTemplate(); ?>/css/iepngfix.htc); }

showDelay: 0, // Delay for 500 milliseconds

onShow: function(toolTip) {

this.fx.start(1);

},

onHide: function(toolTip) {

this.fx.start(0);

}



});



var myTips1 = new MooTips($$('.toolTipImg'), {

maxTitleChars: 100 // long caption



});



// Simple offset tooltip with no fade

var myTips3 = new MooTips($$('.toolTipImgDOM2'), {

fixed: true,

offsets: {'x':-200,'y':-200}

});



// Tooltips with fading transition, slight offset and new class name and longer title caption

var myTips2 = new MooTips($$('.toolTipImgDOM'), {

maxTitleChars: 80, // long caption

fixed: true,

hideDelay: 2500,

className: 'advert1',

offsets: {'x':120,'y':-110}, // offset by 100,100

initialize:function(){

this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);

},

showDelay: 200, // Delay for 500 milliseconds

onShow: function(toolTip) {

this.fx.start(1);

},

onHide: function(toolTip) {

this.fx.start(0);

}

});



// Tooltip with a hide and show delay and fading transition

var myTips7 = new MooTips($$('.toolTipImgDOM7'), {

hideDelay: 2500,

initialize:function(){

this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);

},

showDelay: 200,

onShow: function(toolTip) {

this.fx.start(1);

},

onHide: function(toolTip) {

this.fx.start(0);

}

});







// Tooltip for the drop boxes the offset is relative to the width defined in the css

var myTips = new MooTips($$('.toolTipImgDOMmenu'), {

fixed: true,

className: '',

offsets: {'x':-80,'y':25},

initialize:function(){

this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 280, wait: false}).set(0);

},

showDelay: 0, // Delay for 500 milliseconds

onShow: function(toolTip) {

this.fx.start(1);

},

onHide: function(toolTip) {

this.fx.start(0);

}



});



// Tooltip for the ajax requests

var myTips5 = new MooTips($$('.toolTipImgAJAX'), {

maxTitleChars: 100,

hideDelay: 2000,

offsets: {'x':0,'y':0}, // offset by 100,100

initialize:function(){

this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);

},

showDelay: 200, // Delay for 500 milliseconds

onShow: function(toolTip) {

this.fx.start(1);

},

onHide: function(toolTip) {

this.fx.start(0);

}

});







});



Joomla BambooBack to top







window.addEvent('domready', function(){







var mySlide = new Fx.Slide('advert1', {

duration: 400,

transition: Fx.Transitions.quadOut

}).hide();



$('toggle').addEvent('click', function(e){

e = new Event(e);

mySlide.toggle();

e.stop();

});





var mySlide2 = new Fx.Slide('advert2', {

duration: 400,

transition: Fx.Transitions.quadOut

}).hide();



$('toggle2').addEvent('click', function(e){

e = new Event(e);

mySlide2.toggle();

e.stop();

});







var mySlide3 = new Fx.Slide('advert3', {

duration: 400,

transition: Fx.Transitions.quadOut

}).hide();



$('toggle3').addEvent('click', function(e){

e = new Event(e);

mySlide3.toggle();

e.stop();

});









});





::

Hi Per,



The test site you sent to me via email is using Habitat3 ... did you want to use the Slider template?



Anthony

Per S¯rensen wrote:



Change this to



[code:1]className: 'dropbox',[/code:1]

Hi Anthony



I like to have like your demo site Habitat3

with a top menu (link joomla menu)

for the Habotat3 or Slider template?

Like this gennemloeber.dk/menu2.gif

ahh ok ...



Publish the menu you want to use to the top position and then choose flat list for menu style.



There is no suckerfish built in to the habitat3 so you will just be able to achieve a horizontal menu using this method.



The drop down that you see in the demo uses a dropbox and then has a menu module published to one of the drop boxes. The module menu style is also flat list so thats how you get the vertical list being displayed on the demo.



I got confused with another post where you wanted to incorporate the drop boxes into the Slider template.



Hope Ive understood,



Thanks Anthony.

Thanks Anthony



A flat list menu also this cann't work - think I well giving up:S

I just checked your demo again and looks like you've got the joomla menu happening. So do you just want to have a drop down menu now?



If so email me some super admin details and Ill set it up for you.

Your got a mail - Anthony

Arh.......Anthony so far so good



gennemloeber.dk/1_5/ -> Themes



How can jeg fix the style, so it's look like yours - Anthony?

Looks great Per,



Just add the module class -dropbox to the menu and make sure its a flat list and you should be right

Thanks you Anthony

Hey Anthony,



I'm trying to add dropboxes to the slider template following your tutorial but I think I don't have access to the complete tutorial. Whenever I klick on http://joomlabamb...o-other-templates I'm logged off and when I try to login again, I get the message "you are not authorised to view this ressource".



Hmmm, maybe I'm dumb or something, and step 1 is the whole tutorial ....



Is it?



Thanks a lot!

Julia.

Hey Jewlz,



Yes thats the full tutorial just forgot to continue with the headings ...

Thanks, Anthony!



So the reason that the drop boxes do not work by now means that there must be something wrong with my code ... guess I'm gonna peruse it again ...



jewlz.

Hey Jewlz,



Can you post a link and Ill take a look for you ...



Thanks Anthony.

The link is www.wolfgangholzmair.com/taurus/



I don't make any progress implementing those drop boxes within the slider template.



there are a few points i dont't quite understand:



- i use the top menu for displaying the drop boxes, right? In which position do I publish the top menu then to make it show up?



- do i have to name the modules in the dropboxes 'dropbox1', 'dropbox2' etc?



- in which position do I publish those modules then?



- where exactly do I have to put the HTML for the menu links?



I'd understand all this (at least better) if I'd have to publish the modules to postitions named "dropbox1", "dropbox2" and so on, but i can't find those positions.



Maybe I made some errors copying the code into my index.html?



Or it's just my brain ...



Thx!!!

Jewlz.

index.php of course ...