Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

DotNetNuke Marketplace
  Ads  
r2i.ntegrated
 


  Sponsors  

Meet Our Sponsors

telerik
ExactTarget email software solutions
Merak Mail Server
WebSecureStores -- ASP.NET & DotNetNuke Hosting Solutions
FCKeditor Project
Salaro -- Skins and more
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  Main Menu CSS
Previous Previous
 
Next Next
New Post 2/23/2006 12:29 PM
User is offline Mark Stewart
4 posts
10th Ranked


Main Menu CSS 

I've created a new skin and set the [solpartmenu] tag to display vertically - no problem, works great.

I've modified the .MainMenu_MenuContainer style to add a border, set a background and align text - no problem, works great.

I've modified the other .MainMenu_* styles - no problem, works great.

The last thing I'm trying to do is add a 1px solid white border around the main menu cells. For instance, my main menu consists of Home, Forums, Blog, Admin and Host. So, I want to put the 1px solid white border around each one of the main menu items and for the life of me I can't figure out where to set that style.

Anyone have some insight before I pull out the few remaining hairs I have left? :)

Mark

 
New Post 2/23/2006 1:22 PM
User is offline Nina Meiers
1737 posts
www.xd.com.au
5th Ranked




Re: Main Menu CSS 

Try looking at the MainMenu_MenuItem - If you take the time to look at some of these names - think about them - it helps you understand where things need to be changed.

MainMenu_MenuItem - is the Main Menu Item on the top level.

Another trick I use - to check that cache isn't causing a problem - because it can you know... I make a ridiculous colour or thickness of a border - to force a ridiculous look - so I can quickly identify what I'm working on.

Nina Meiers


Nina Meiers - XD Design - Professional, Ethical and passionate about DotNetNuke
Over 50 FREE DotNetNuke Skins

XD Design - xd.com.au by Nina Meiers
 
New Post 2/23/2006 1:27 PM
User is offline Lee Sykes
279 posts
www.dnncreative.com
9th Ranked


Re: Main Menu CSS 
That's a good tip from Nina, and it's one I regularly use if I am having problems with Solpart. - Just set a border to 5px in bright green and you can soon work out which menu class affects which element of the menu!

Lee Sykes - DNN Creative Magazine - 366 Video Tutorials, Articles, Interviews - January Issue 40 out now!
DNN Creative Magazine for DotNetNuke

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
 
New Post 2/23/2006 1:28 PM
User is offline Mark Stewart
4 posts
10th Ranked


Re: Main Menu CSS 

The names make sense and I have made some of those ridiculous changes you mentioned, but to no avail. BTW, I've been making these changes in the Stylesheet Editor on the Site Settings page and I'm wondering if that's the problem...

Maybe I should specify all those styles in my skin package .css file?

 
New Post 2/23/2006 1:39 PM
User is offline Nina Meiers
1737 posts
www.xd.com.au
5th Ranked




Re: Main Menu CSS 

That is most likely the reason.

I have done a couple of articles on CSS hierarchy - but in a nutshell, the closer to the file - the louder it speaks and more it is listened to.

  • default.css - sits in the _default folder - it's there as a fallback for thing missing in the global portal overview
    • If the class is missing from the filename.css, skin.css & portal.css - this will render the class
  • portal.css - sits in the portal/0/ or portal/1.. etc folder and it the local management - eg.. of that portal
    • If the class is missing from the filename.css and skin.css - this will render the class
  • skin.css - sits in the relevant skin folder - and pertains to skins within that folder set
    • If there is no filename.css file - this is the normal default file used for skinning purposes
  • filename.css - helps you customis a particular skin in within the folder -
    • If you have contrasting pages and need to make a specific class stand out in a file - you can add this to enhance the skin

So in summary - In a skin set - I work with common functionality - something that's pertaining to all the skins within a folder.. usually the content panes and stuff... and if I have something that's specific to that skin - I add the filename.skin css - eg... PortalMain.ascx / PortalMain.css  and can further finetune skins within the folder.

There are some other elements to consider though - eg. modules - what classes are they using - in theory you should be able to drop them into the editor from the admin/settings page  which is - in fact.. the portal.css file that resides in the portal/0/ folder

I hope this sets you on the right track

Nina Meiers


Nina Meiers - XD Design - Professional, Ethical and passionate about DotNetNuke
Over 50 FREE DotNetNuke Skins

XD Design - xd.com.au by Nina Meiers
 
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  Main Menu CSS
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, please observe the following posting guidelines:

1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

 


Jetkey Smart Map
Smart Map is an AJAX powered Google Map module that displays driving directions, proximity search results and data from your own databases. Smart Map reads GPX (GPS data) files, GeoRSS feeds, and KML data. You can pass any querystring parameter to Smart Map and into your own custom queries to control what data displays on the map.
smartmap.jetkey.com
DNNSpired.com
Inspired to extend DotNetNuke®, everyday.
www.DNNSpired.com
TMA Resources
TMA Resources is a software company providing eBusiness solutions for the Association market.
www.tmaresources.com

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP