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

Forum

Forums > DotNetNuke® > DotNetNuke® Questions
Subject: How Do I Change the Menu Font Color???
Prev Next
You are not authorized to post a reply.

Author Messages
sydcam
Nuke Newbie
Nuke Newbie
Posts:2
07 Aug 2008 7:17 PM  
Hi,

I'm new to DNN and I'm developing a new skin from scratch.  I need to know how to change the color of the items in my main menu.  I have been trying to use the "Edit CSS" tool in Firefox to modify the css settings.  I tried to change the .MainMenu_MenuItem with no success.  What am I missing?

Thanks!
usheen
Nuke Newbie
Nuke Newbie
Posts:7
07 Aug 2008 9:46 PM  
If you are using Firefox I would advise getting the Firebug addon installed. Once you have done that restart your browser and revisit your website, place your mouse over the text/item which you want to see the CSS for and click on the "Inspect element" option which should appear on the buttom of your Right-Click Menu.

You should now see the HTML window on the lower left of your screen and across from that is the list of CSS elements which effect the appearance of the HTML element you want.

The part you are concerned with here is the CSS file and the element, so for a simple example I will use the your username as it appears in your post above.

Right-Click your mouse while it is over "sydcam". Select "Inspect element". The Firebug window should now be appearing at the bottom half of Firefox.

Hopefully you will see the line beginning with:   td class="afpostinfol" .... highlighted and on the right you will see the CSS for: .afpostinfol, .afpostinfo2..... and also the CSS file and line number for these: module.css (line 120).  

So now we know that in order to alter the appearance of the text "sydam" we must open up the file "module.css and go to line 120 and alter the ".afpostinfol, .afpostinfo2" elements.

However, sometimes we can have CSS files with the same name in a website and attached to the same HTML file. So, if you look again at the CSS information window in Firebug on the bottom right of your screen and look again at the line with ".afpostinfol, .afpostinfo2" you will notice that the name of the file "module.css (120)" is actually a link. If you place you mouse over the link the full address of the location of that particular CSS file is shown.

You do not need to click on it, just right-click on it and select "copy location". Now depending on whether or not you are on a live server or a localhost development server you should open the CSS file in Notepad/Dreamweaver and edit that particular line, or in the case of a live server you should download the file name, make you changes and upload it.

If you are on a localhost/developement server/pc then you can just click on the "module.css (line 120)" file name and it will open up, you can make you changes instantly and they are saved to the file. This obviously only works on local installations of a website.

That was a bit of a mouth full, but if you play around with Firebug in Firefox you can save yourself alot of time in designing and laying out your site design.
sydcam
Nuke Newbie
Nuke Newbie
Posts:2
07 Aug 2008 10:11 PM  
Thank you for your quick response. I will give this a try. Do you know of a good menu module? I may not need it if I can get your solution to work, but I would still like to know if there is a good tool/module to create or modiy my menu. Thank you again!
usheen
Nuke Newbie
Nuke Newbie
Posts:7
07 Aug 2008 10:18 PM  
We have been using Snapsis Nav Menu mainly because the SolPartMenu is a mess in both CSS/HTML and SEO terms.

Snapsis is cheap, easy to setup and there are thousands of variations you can use, its also very easy to customise to your own needs and it is generates CSS and SEO friendly code.
jncraig
Nuke Master II
Nuke Master II
Posts:2032
14 Aug 2008 9:59 PM  
Just a note that the "Edit CSS" option in the Web Developer's Toolbar doesn't change the CSS files in your DotNetNuke installation. It lets you modify what's local to your browser only.

I concur that the Snapsis menu is a good one.
Joe Craig
DNN Creative Support
Subscribe to the website
usheen
Nuke Newbie
Nuke Newbie
Posts:7
15 Aug 2008 8:36 AM  
Sorry sydcam,

As jncraig noted you can't save changes to the CSS file using the Edit CSS option. We have tweaked our own version of the developer toolbar to allow us to edit and save changes locally, I forgot to/should have mentioned that.
jncraig
Nuke Master II
Nuke Master II
Posts:2032
15 Aug 2008 9:09 AM  
Perhaps you could donate those "tweaks" back to the community so that they can be incorporated into the next version of Web Developer's Toolbar.
Joe Craig
DNN Creative Support
Subscribe to the website
You are not authorized to post a reply.
Forums > DotNetNuke® > DotNetNuke® Questions > How Do I Change the Menu Font Color???


ActiveForums 3.7

Latest Forum Posts

DNN - web services not working by paulrobinson
Good Afternoon,Please help.  I have just installed my DNN web site to my dedicated live host machine...
[HOUSEMENU] token not working by whred5
HiI have been playing around with the Lazy_Days skin in an effort to learn css based skinning, I hav...
RE: Building a website with DNN by freedom22
Lee or Joe, I meant that the skin.css file I downloaded has classes like .main_dnnmenu_item td w...
RE: Building a website with DNN by freedom22
Lee, thanks for your reply. I did find the files. I am going through your tutorail, and in video7...
RE: page publish date by leesykes
I would suggest you view these tutorials:User Accounts new features User Accounts and User Settings ...
RE: page publish date by jncraig
I'm not quite sure that I understand you, but ... on the user accounts page there are these options:...
RE: Best so far for me by jncraig
I like the Snapsis CSS Nav Menu. You'll find it at Snapsis.com.
RE: How to limit access to the admin menu.... by leesykes
Hello,Simply reverse the process, you can copy the settings from one of the other admin menu items t...
RE: How to limit access to the admin menu.... by tallorder
Shame about the parent page drop down being grey out since any Site Administrator is going to want t...
RE: Host and Admin user login not working on remote host by paulrobinson
A couple of quick questions: 1. Can I format the login page to the same as my other Text/HTML mo...
RE: Host and Admin user login not working on remote host by leesykes
Hello,Great, glad to help, have you had a look here for some SEO articles and interviews
RE: A question about permission? by leesykes
ok great, glad to help,
RE: A question about permission? by derpir
Your e-mail helped thanks I now have all my permissions set as they should. thanks
RE: Host and Admin user login not working on remote host by paulrobinson
Lee, Thanks for your help on this - there was actually a character dropped off the end of the machi...
RE: A question about permission? by derpir
one question... After getting the permissions... Shouldn´t I be able to do all my development at...
RE: Solpartmenu and line breacks by leesykes
Hello,If you have a look in the CSS Reference Book p108Word-wrapThis is an Internet Explorer 5.5 or ...
RE: A question about permission? by derpir
Thank you Lee! I sent your reply suggestion and I hope they will understand better what I wanted fr...
RE: A question about permission? by leesykes
hello,In order for DNN to operate correctly it needs full read and write permissions for the Network...
RE: Host and Admin user login not working on remote host by leesykes
you will be able to register as a new user if the machine keys are incorrect, but can you login as a...
RE: centering a page in dnn by leesykes
Yes I have not come across a solution to that either and I think it occurs in all browsers.Thanks,
AppTheory
RSS Feeds