Download DOWNLOAD
Forums FORUMS
Blogs BLOGS
Forge FORGE
Help HELP
Marketplace MARKETPLACE
DotNetNuke Home
You are here >   Community > Blogs
Register  |  Login

DNN Blog

Feb 26

Posted by: Jon Henning
2/26/2009 

TemplateSkinMenu1I am pleased to announce the availability of a new DotNetNuke skin template on CodePlex.  I decided to add two additional templates (DotNetNuke Skin (VB) and DotNetNuke Skin (C#)).  Like the AJAX Module templates, these templates will provide all the MSBuild goodness to automatically create a source and installation package using the information collected in the wizard upon project creation.  The default skin that is created demonstrates some of the new functionality now possible with the DNNMenu v2.x like

  • Rounded glossy corners
  • Animation (requires updated navigation provider)
  • Substitution of items for images
  • Control over nearly every aspect of the menu via CSS Selectors

To get started simply

  • Download the msi setup package and install it
  • Start Visual Studio, Choose New Project... and Select DotNetNuke Skin

NewProjectDotNetNukeSkin

  • Fill out the wizard

NewProjectWizard 

  • Choose Load project normally when the Security Warning shows

NewProjectWarning

  • Read documentation for pointers

NewProjectDoc

  • Compile the skin (You are not actually compiling a dll, this is simply running the custom MSBuild script to package your skin)
  • Install the skin like any other through DotNetNuke.  Note:  the ability to install via install.aspx?mode=installresources is not possible at this time due to a bug in DNN5.

For those of you who wish to simply learn from an already created skin, simply download the Sample installation package directly.

The sample skin has two kinds: index and animated.  This demonstrates both flavors of skin development (ascx and html using the new object tag syntax).  The animated uses ascx due to the lack of support for custom attributes in the html token replacement engine in dnn.  (I am still trying to get this added- please don't direct your annoyances at me).  It also has a packaged container which demonstrates a few more css tweaks.

TemplateSkinMenu2

Finally, I want to encourage people to download the latest version of the WebControls on CodePlex.  It is not required for this skin/template, but there was one minor fix I added to address the animation triggering multiple times.

Tags:

12 comment(s) so far...

Re: New Skin Template Released on CodePlex

Sweet!

Thanks Jon

By Burl Doty on   2/26/2009

Re: New Skin Template Released on CodePlex

I like it :-).

By borrad on   2/26/2009

Re: New Skin Template Released on CodePlex

Looks good i will have to try it out tonight and see if it gives me the control over the men u i need

By Dylan Barber on   2/26/2009

Re: New Skin Template Released on CodePlex

Thanks a ton, I love the new DNN5 skin logic and the menu options are just heaven, sorry all you custom menu developers, but DNN5 just took care of all my problems. :)
My clients are excited and love the new skins I am cranking out at blazing speeds. I appreciate your work on this though, cause I have a bunch of clients that want to test their feet in making their own skins, and well this makes it much much easier for me to get them started.

Thanks for the work.

By keeperofstars on   2/27/2009

Re: New Skin Template Released on CodePlex

Jon did the latest web control get bundled in DNN 5.0.1 / 4.9.2? I just want to know in case I need to update.... thanks.

By Alex Shirley on   2/27/2009

Re: New Skin Template Released on CodePlex

Jon, is the DNNMenuNavigationProvider in codeplex a different one than the provider included in DNN5.0.1?

By Stefan Cullmann on   2/28/2009

Re: New Skin Template Released on CodePlex

Is this skin SEO compliant?

By Jerry Andersen on   2/27/2009

Re: New Skin Template Released on CodePlex

This is excellent Jon, just tried it thankyou...

By Alex Shirley on   2/27/2009

Re: New Skin Template Released on CodePlex

Alex - No new webcontrols were included in DNN4 as it requires MSAJAX which 4.x cannot. 5.01 did not include the new controls either.

Stefan - the navigation provider I provided did get included in DNN5.01, so you could pull from there as well. (the dll I posted was compiled by me, but should match the source code as I checked it in).

Jerry - Should be.

By Jon Henning on   2/27/2009

Re: New Skin Template Released on CodePlex

Will i be able to open a tab in a new window? By the way great effort :)

By Ismet Dumlupinar on   2/28/2009

Re: New Skin Template Released on CodePlex

Excellent work!!! Love the css selectors, UnorderedList and your webcast explaining it all. I just installed and used the skin template with 5.0.1 without any problems.

By mikevdm on   3/16/2009

Re: New Skin Template Released on CodePlex

Thank you.This skin is very beautyfull

By Hung Dang Quang on   2/4/2010

Networks

Follow DNNCorp on Twitter

LinkedIn

Follow us on Twitter @DNNCorp or join the DotNetNuke Community on LinkedIn

Sponsors

DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation

Hosted by MaximumASP