Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How to Style NavigationHow to Style Navigation
Previous
 
Next
New Post
5/19/2009 1:28 PM
 
Jake Rocheleau

Joined: 3/31/2009
Posts: 16

I am creating my own skin from scratch, and so far I have been doing pretty good no problems. However I am now trying to skin the menu, and can't seem to get it to style at all. I coded the page in regular XHTML/CSS before I added it to DotNetNuke as a skin, and I had my styles like this:

#nav ul li a { code here;

#nav ul li { code here; }

And so on and so forth like that. So I am wondering if the DNN menu system is set up like this, and if now how am I supposed to style each link and link container?
 
New Post
5/19/2009 5:13 PM
 
Jon Edwards


www.shebangwebsites.co.za
Joined: 4/4/2008
Posts: 325

Hi Jake

A few quick notes before we get started here...  In order to better help you in future, we would need to know the following information:

  1. What version of DNN are you using?
  2. Does your Skin have a valid Doctype?
  3. In your instance, what Menu Control are you using..? (Solpart, NavMenu, HouseMenu, etc, etc)

I'm assuming you're using the default DNN NAVMenu control.  This menu does not render as an unordered list by default, but rather, as a series of <span> spans in <td> table cells.  Ugly, yes.  DNN 5.1 is supposed to support UL rendering for the DNN Nav control - you'll find documentation on this in the forums (I can't find the link right now, but I know that you could search something like "DNN Nav UL RenderMode").

If you're skinning a resellable skin, I suggest skinning this control as is, and then looking at giving buyers the option of your "bonus" styling for another 3rd party menu.  HouseMenu skinobject is free, and renders as you'd like it to.  Other purchase controls are Snapsis (UL Menu) and I personally use the Datasprings CISS SideMenu, which I have customized myself using a Suckerfish derivative.

Jon

Shebang Websites - A product of Mogridge Design
Hey, we're partnered with UntangleMyWeb.com
 
New Post
5/21/2009 8:11 AM
 
Jake Rocheleau

Joined: 3/31/2009
Posts: 16

Hey Jon,

Thanks for the quick reply! I am using DotNetNuke version 4.09 according to my host settings. As for the valid doctype, I have no idea. I created the skin from scratch and have a skin.css, skin.html, and skin.xml file along with some images. I don't have any doctype declaration in the folder or anything, but please do let me know if that's needed.

I'm not exactly sure what type of menu I'm using, but this is what it says in my Skin.xml file for my theme under NAV:

 

 

<Name>ProviderName</Name> <Value>DNNMenuNavigationProvider</Value>

Hopefully this is somewhat helpful as to what type of menu I'm using, as I'm not too sure what it would be. And even if the menu isn't styled in an unordered list that's fine, I would just like to know how I can gain access to it using CSS. I am not reselling this template, it is a design for my school district's website. Thanks!
 
New Post
5/21/2009 9:25 AM
 
Jon Edwards


www.shebangwebsites.co.za
Joined: 4/4/2008
Posts: 325

Hi Jake

Firstly... Yes, you are using the Default DNN Nav Menu - thiscan be styled with CSS, but its not a UL LI menu.  As I said, it uses tds and spans.

Secondly, you are using the HTML skinning method, which - to be honest - I have never used.  I skin purely in .ascx  If you choose to go this route, you will need the following files:

  1. skinname.ascx
  2. skin.css (default css for a skin)
  3. skinname.css (for styles specific to that skin instance)
  4. skinname.doctype.xml

Anyway, regardsless, the menu is styled the same way using CSS.  The big thing though is that you either need to overwrite the default css selectors, or tell the control that you're going to be using other ones.  The best way to learn is to look at the default DNN skin - Minimal Extropy.  It has examples of both skinning methods, and the respective associated files and css.

Jon

Shebang Websites - A product of Mogridge Design
Hey, we're partnered with UntangleMyWeb.com
 
 Page 1 of 1
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How to Style NavigationHow to Style Navigation


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, 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 DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out