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

R2integrated - formerly bi4ce
Jango Studios - Skins, Modules and Hosting for DotNetNuke
eUKhost.com is commited to offer exceptional UK Windows Web Hosting solutions with quality 24x7 technical support.Our plans support ASP.Net, ASP, ASP.NET Ajax extensions, XML, MSSQL, MySQL, PHP,DNN, multiple domains and Shared SSL as standard.
SmarterTools
Verndale
The Official Microsoft ASP.NET Website
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  How do I create skins?
Previous Previous
 
Next Next
New Post 12/12/2007 3:04 PM
User is offline Cuong Dang
280 posts
engagesoftware.com
9th Ranked


Re: How do I create skins? 

You are a web designer, using a Mac--then using XHTML/CSS is a way to go.
Except there are modules in DotNetNuke still being developed using tables.

 


Cuong Dang
Engage Software
St. Louis, MO
314.966.4000



The leading provider of DotNetNuke support, training and custom module development.
 
New Post 12/12/2007 6:43 PM
User is offline Nina Meiers
1719 posts
www.xd.com.au
5th Ranked




Re: How do I create skins? 

Nothing beats learning about skinning than opening up the files and checking them out yourself and understanding the code.  The skinning documentation, although people say it's not been updated etc. it's really been very well written and that is how I got started about 4 years ago and the principles in many situations still apply.

You can use Dreamweaver to create skins if you are graphically/designer inclined.  I have several resellers, marketers and clients who have a Mac - there are work arounds.  You can work in html or if you want to do more advanced skinning, sometimes learning the ascx method is helpful as  when you learn more, you can drop in code to extend the skin just that little bit further and by linking the CSS file when working, you can see the output on the page in most instances.

I'm not buying into the argument about tables or no tables either in spite of my comments on this post, I won't be commenting any further. I have my own opinion on this whole concept which seems to be shared between designers, not the clients. I've NEVER been asked by the end user client about providing xhtml skins, but it's a fantastic bandwagon to jump on. I genuinely appreciate open source xhtml skins  - I really do, and I study and analyse them for commercial alternatives for clients, but tell that to the marketing and branding division of a corporation who insist on pixel perfect replication of their information and it's a whole different ball game.  If xhtml purity is what you're after with funky designs, then joomla might be the way to go, but hey - who wants to look like joomla all the time? 

People use DNN for it's amazing capabilities, and if it's not xhtml perfect, we can work on that area, but in business, clients will often be more insistent that their skin looks like they want it to.  And if tell them they can only use a couple of modules in their whole DNN site or they lose compliancy - then they get a better understanding.. an xhtml compliant skin isn't worth the bytes it takes up on your computer if you're not prepared to forgo most of the modules that are currently in existance.   Yes, things are changing.. fantastic, and it's great, we need to and we move forward ever improving our process, but let's get Mike off to a good start for him to understand about skinning and the concepts of it with some examples to at least look at and get a grasp on it.

I've got some skins you get started with Mike, I admit, without shame, they are not perfect, not necessarily compliant, not all working perfectly across browser, versions of dnn or even macs - (you did hear about the whole generation of DNN sites that have no menu when using solpart which, until not that long ago didn't even show) ... but you know what - it's going to give you some thing to look at - There are over 50 skins, each with previews - it took me a few months to get going and I have some exciting new skins in the near future, which I am looking forward to sharing.  Not all the skins are my own design OK - I'm not taking credit for them, but it's a great opportunity to have a look at some of the layouts, but I do have some very popular skins that I have seen variations of on many sites.

http://www.dnnskins.com/previews.aspx - This is a site I have created to help newcomers to DNN at least get to preview, each image links to an online preview.  You can then register and download and see if you can't get inspired or grasp a little more to help you understand it.

I'm really happy to see more Mac users coming in to the fold and enjoying the dnn framework which, until recently wasn't the case.  If you have FTP you can upload a skin to a test url and test it, we don't always use our local builds to test skins, You can set DW to view the CSS file while working on it, you won't be able to see the menu structure, that's css, and, by the way - if you're working like that - then caching is something you need to be aware of -  my Mac colleague told me that to avoid caching the CSS he actually linked it to another static site - so it was calling CSS from another location, and found that updating the CSS and using Safari or Firefox for previewing was a help.   I found that with my Safari browser it tended to hold on to the skin style and CSS more than with IE.

If you work in ASCX mode, you can ftp the skin file and refresh, and if you use html you'll need to be logged in to 'reparse' your skins.

You'll also need to have good xml knowledge to make a difference, as this is required to do alot of the extended skin formatting to bring the css changes into reality - eg.. the ASCX skin is created by the dnn skinning engine, when you upload a html skin, but to make the css classes apply in many areas, you'll need to bind it to an xml file so that the output is written into the ascx file. 

But I digress - I could talk about the real world scenarios for days... because when you're running a business, that's what you have to deal with, but I admire and respect those who have the month of sundays spare to try a rubiks cube of code methods and styles to then put that file back in the folder for another attempt 12 months down the track..  We will get there, but don't get sucked into perfect, just start the journey with something that will give you some successes.  There is also a large group of people who come into DNN and ditch it because it's not xhtml compliant to their expectations, because they 'feel it should be'... I've got plenty of email from those sort, and my answer, might sound harsh and it's - SO WHAT - the guys are working on it, doing what they can.. use joomla or something else if that is your main goal... and get over it.. DNN is simply outstanding for what it does.

Oops.. does it sound like I've been talking to someone like that recently - Someone said I'm biased... and I said.. Hell Yeah.... I am.

http://blogs.ninameiers.com/2007/07/16/Failed+Validation+But+The+Public+Keeps+Buying.aspx  here's my take on the whole thing - but what do I know - I am but the end user.   

Nina Meiers
Lots of Free skins... Really..


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 12/12/2007 10:41 PM
User is offline julia_llac
162 posts
www.travel2siam.ru
9th Ranked


Re: How do I create skins? 

I second what Nina Meiers has said about opening up the skin files and seeing by yourself how they work...  I found it very easy to make a skin using photoshop and dreamweaver eventhough I am not designer or a programmer, ust draw your site in photoshop slice it there, save it and place it along with all needed controls into a nice looking ascx file, then make a css file place all the fgiles into one folder pack it up and install as a skin.. that's what I do . it works , so maybe I am wrong but so far everything looks and works like it should

since I am more qualified to be regarded as a normal end user I don't know the difference between tables or other means of dividing :)

 
New Post 12/13/2007 2:44 AM
User is offline Timo Breumelhof
1752 posts
5th Ranked




Re: How do I create skins? 

Skin examples are great for learning DNNs functionality, but from an (X)HTML/CSS point of view a lot of them are an example of how NOT to create your skin IMO.

(I'm refering to skins in general here, no specific site or vendor)

XHTML is part of the module release process now so we are making progress and there are still some issues in the core to solve.

Some changes seem easy but can become very complicated if you consider "all" the scenarios where DNN gets used...


Timo Breumelhof -- www.searchdotnetnuke.com -- Extended DNN (forum) search
 
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  How do I create skins?
 


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.

 


Code 5 Systems, LLC.
The DNN Missing Link: A Form Module. Form Master 1.6 is an intuitive Form Creation Module at a great price. Quality Custom Module development, and DNN consulting services.
www.code5systems.com
SSL Enabled and Amazingly FAST...
SSL enable your DNN web site with SSLRedirect, compress your DNN web site HTTP data flow by up to 75%-90% with HttpCompressionAgent, and monitor your DNN web site's performance with WebKeepAlive...
www.sanibellogic.com
Ultra Media Gallery & Video Gallery
The most popular photo gallery and video gallery module. with Flash interface.
www.bizmodules.net

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