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
DNN Creative Magazine Subscriber
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
DNN Creative Magazine Subscriber
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
DNN Creative Magazine Subscriber
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
DNN Creative Magazine Subscriber
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
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2371
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
DNN Creative Magazine Subscriber
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
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2371
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

Restricting DateEditControl till date by coder247
Hi All,   We are using the DateEditControl (for obvious reasons!!) in our application. But we want t...
RE: Email Set UP per Portal by jncraig
I think that the answer depends on how email is configured at your host. You'll probably have to co...
RE: skin/container error load by jncraig
I would suggest checking permissions for directories. Does this occur only when you upload a skin...
RE: Add New Profile Properties by jncraig
Hmmm ... I don't have an answer. Does anyone else?
RE: No Access for me too by ristori
it is ok now. Thanks for this action.
skin/container error load by islandman
Has anyone else run across this error when loading skins or containers from site settings?I am using...
Email Set UP per Portal by islandman
How do I set up a unique email address per domain name off 1 hosting environment. for example...m...
RE: localhost Install issues by cdees
Lee: I wanted to follow up on this for anyone following this thread. I have been unable to solve t...
RE: Add New Profile Properties by WSI
HI Joe, The DNN version is 4.5.5. Thanks, Cliff
Change Skin on URL by vinita
Hi,Can the skin be changed based on the url used to access a portal. Multiple portal aliases may be ...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
Best DNN portal ever! by derpir
I have been a subscriber since august 2008, and DNNCreative.com is simply the best DNN Portal, their...
RE: skinning trouble by derpir
Hello Yes could you be so kind and take a look att the htm-file and css-file.I would be very gratef...
Search function is not working by kishorpawar
I am using Seach module in my project but not working, i have set   host setting alsoHost --> Schedu...
RE: backend is changing from sql2005 to sql2008 by leesykes
hello,There should not be any code changes needed, but you'll need to make sure that SQL 2008 upgrad...
RE: skinning trouble by leesykes
Hello,I would need to see your code to help you with this one, you can zip up your files and attach ...
RE: Installing DotNetNuke 4.9.00 on VWD 2005 w/ SQL server 2008 by leesykes
I have run a test with SQL Server 2008 express and DotNetNuke installed in exactly the the same way ...
RE: Issue 39 Interview by leesykes
thanks Bill, glad it was useful, we will have a think about the best way to approach this,Thanks,
RE: Issue 39 Authentication by leesykes
yes I have a live site in 4.9.0 at it seems stable as well.
AppTheory
RSS Feeds