alternating bgcolor

Is it possible to define (possibly in the .template file) that the li's of Level1 get an alternating bgcolor? So i'm not talking about tab-dependend colors, but pure in the .template...

Keston

gave it any thought yet?

Could you give me a few standard templates please, so I can try something myself? Lets say the standard template for NavType Tabs, ActiveChildTabs and Hover....that would be great!!

Keston

bump

Hi Keston,
Sorry I missed this earlier.  All the sample skins are in the download package.  You may want to start with the Suckerfish template example.

I have attached that one and a couple others to this post.

thanks for the effort John, but i'm specifically looking for the _default_ code that is used for NavType Tabs (and having the templates for ActiveChildTabs and Hover would be nice too)

Keston

right now I'm not using any template, but the ul's and li's áre formed a certain way. This is probably done a default way in Snapsis.DNN.NavMenu.dll

I'd like to use a template that corresponds with this.

thanks John, I'll give it a go!

simply past this in your skin:

[script removed]   var commonJS = {       addEvent: function(obj,type,fn) {        if (obj.addEventListener) {      obj.addEventListener(type,fn,false);      return true;     } else if (obj.attachEvent) {      obj['e'+type+fn] = fn;      obj[type+fn] = function() { obj['e'+type+fn]( window.event );}      var r = obj.attachEvent('on'+type, obj[type+fn]);      return r;     } else {      obj['on'+type] = fn;      return true;     }       },       stripe: function(tbIndex) {        var tRows = document.getElementById('nav').getElementsByTagName('li');        // var i=0 for odd rows     // var i=1 for even rows     for (var i=0, thisRow; thisRow=tRows[i] i+=2) { // increment by 2      if (thisRow.className == 'Level0') (thisRow.className += (thisRow.className) ? ' even' : 'even');     }       }      }      commonJS.addEvent(window,'load',commonJS.stripe);  [script removed]

and define some css:

  #nav li.Level0{background-color:#ff0000;}
  #nav li.even{background-color:#ffffff;}

attached the javascript I used in my skin. However I had to use the Replacements to be sure that every li of Level0 got the class Level0 and not 'Level0 SelectedTab' or 'First-Child Level0'. If you want to keep using these classes you must change this in the javascript aswell.

Dont forget to mention these in your css:

#nav li.Level0{background-color:#nicecolor;}
#nav li.even{background-color:#alternatingnicecolor;}

Keston