You need to Register for free and Login to post a message in the forum.

Forum

Forums > Skinning Toolkit > Skinning Toolkit
Subject: How to change menu item colours
Prev Next
You are not authorized to post a reply.

Author Messages
Marcusw
Nuke Pro
Nuke Pro
Posts:63
05 Jul 2007 8:41 AM  
Hi,

I have a very simple vertical solpart menu with 7 items.

Each menu item needs to have a sperate background colour (ranging from pink to dark red) and a seperate mouse-over background colour.

Any help and pointers appreciated.

Thanks,

Marcus.
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3308
06 Jul 2007 10:48 AM  
Hello,

I didn't think it was possible to specify individual colours for each menu item, but I've just had a quick look and have a possible solution.

This will only work for a site that you are currently coding, you will need to adapt the technique for each menu item and site that you create.

Using the Web Developers Toolbar for firefox - go to Information / Display ID & Class details

here you will be able to view all of the ids assigned to each individual Solpart menu item.

From there you can create css specifically for each item, for instance:

#tddnn_dnnMENU_ctldnnMENU99
{
background-color: pink;
}

For further info on using the web developers toolbar check out:
Troubleshooting DotNetNuke Skins
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Marcusw
Nuke Pro
Nuke Pro
Posts:63
06 Jul 2007 10:53 AM  

Hi Lee,

Thanks for that, I also found that little tip somewhere and it works pretty well.

However, I can't get the mouseover event to work as I don't know what to call the mouseover class name in the style sheet.

Any ideas?

Thanks,

Marcus.
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3308
06 Jul 2007 11:02 AM  
almost posted that I couldn't find a solution, but then it occurred to me, here you go:


#tddnn_dnnMENU_ctldnnMENU99
{
background-color: pink;
}

#tddnn_dnnMENU_ctldnnMENU99:hover
{
background-color: yellow;
}


This is changing the colour whenever you hover over the table cell, rather than hovering over a link. You may need to check it in all browsers to see if it works correctly.
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
Marcusw
Nuke Pro
Nuke Pro
Posts:63
06 Jul 2007 11:26 AM  

Have you tried this Lee? I can't get that to work?

Cheers,

Marcus
dnncovered1
Nuker
Nuker
Posts:13
06 Jul 2007 11:18 PM  
hi lee
Posted By leesykes on 06 Jul 2007 11:02 AM
almost posted that I couldn't find a solution, but then it occurred to me, here you go:


#tddnn_dnnMENU_ctldnnMENU99
{
background-color: pink;
}

#tddnn_dnnMENU_ctldnnMENU99:hover
{
background-color: yellow;
}


This is changing the colour whenever you hover over the table cell, rather than hovering over a link. You may need to check it in all browsers to see if it works correctly.


he wants.... sperate background colour (ranging from pink to dark red)
this possible by your code, i don't think so,....

DNNCovered.com

Web Marketing Consultant

DNN Covered is a one stop solution for buying and selling skins, modules and portals based on DNN (Dotnetnuke) framework.

sales@dnncovered.com | Memberships | Free DNN Stuffs | Contact Us

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3308
07 Jul 2007 4:01 AM  
Hello,

yes it is, here's an example image that I applied to this live site - each menu item has a different background image:
http://www.dnncreative.com/Portals/0/pics/forum/forum_menu_mulitcolours.gif

you can see the code for it on the left hand side.

Like I said, you have to use the Web Developers Toolbar to find and target the id of each table cell
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > Skinning Toolkit > Skinning Toolkit > How to change menu item colours


ActiveForums 3.7

Latest Forum Posts

RE: Restart Application by leesykes
It will restart your DotNetNuke installation and reload the application.Clearing cache will clear th...
RE: How can i edit any module from front end by leesykes
hello,I have just tested this and can see exactly the same as you, I suspect the core team have set ...
RE: EasyCGI help? by leesykes
You may want to ask them to reset the correct permissions on your DotNetNuke installation files, som...
RE: quick question by leesykes
Hello,It will be possible to a degree, but it depends on how both of the skins have been built. You ...
RE: EasyCGI help? by Dr Joe
I'll let you know how it works out. I think I opened up about 6 tickets with them so far. ...
RE: EasyCGI help? by derpir
Hi Joe amazing to say the least! I will change host to PowerDNN as soon as possible, seems to me t...
RE: EasyCGI help? by Dr Joe
Amazing - I'm going through this exact same thing with EasyCGI! I managed to successfully instal...
Running the local host installation after building the application by saintX
My localhost installation of DNN was running blameless. After I oppened the application with VWD it ...
RE: quick question by derpir
Hello Is it possible to buy two skins and combine them? for example put one skins visual attributes...
RE: Environment Variables by leesykes
Thanks for the info,
RE: How can i edit any module from front end by sanju_k1421
ok if i added an text html . now i want to fill into that have to log in ,but i want that an...
Module not working when logged off. by t.ramya85
Hi friends,I have created two modules which interact with each other and i have kept one module to b...
RE: Environment Variables by fandnet
There are many ways to use variables like what I was trying to use...But here is how I did it.DotNet...
RE: OpenForce '08 by mgordon
It was truly a great time.  I really feel this year was much better than last year.  I hope to ge th...
Environment Variables by fandnet
I am creating a simple module that registered users can use to send an email invitation to people wh...
RE: How can i edit any module from front end by leesykes
I'm not sure that I follow, could you provide an example?
RE: Development of modules by leesykes
Hello,Glad you find them useful, at the moment there are not any plans to go into Module Development...
RE: SQL Server 2008 Documents Module DotNetNuke by leesykes
Hello,Thanks for the tip. Yes both connection strings are in correctly and the user has full permiss...
RE: Now, portal creation problem by jncraig
Since you have other issues with installing modules, etc. I believe that you are correct that it's a...
RE: How do I display the current time by jncraig
The [CURRENTDATE] skin object has a DateFormat attribute. The examples give MMMM dd, yyyy as a typi...
DotNetNuke Modules
RSS Feeds