• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 770
  • Last Modified:

Converting photoshop file to DNN skin

Can someone tell me how to convert a photoshop file to a DNN skin. I'm looking for step by step instructions since this is all new to me.
  • 2
2 Solutions
StephanLead Software EngineerCommented:
Is DNN new to you or trying to implement your skin?
rmills8387Author Commented:
I have been using Artisteer to design my skins but would like to learn how to do it from a photoshop layout. I already have a website setup.
StephanLead Software EngineerCommented:
The only way to do this is to manually create your blocks and styles with html and CSS, there is no possible way to export photoshop into a default layout. (there is a way, but it's not recommended), if you have images to show, you could save them as gif, jpeg or png (only if you use transparancy that are not in gif format right visible).
Bill CochranDeveloper/AnalystCommented:
First, you build your html file (or .aspx) with the proper html tags to provide the layout of the page.  Then build your .css file to aide in the layout process.  Cut the parts of the photoshop layout into images that are required by the .css file to make the page look right.  Include your dnn tags (usually something like [login], [nav], etc.) if this is an html file.  You then need to have a skin.xml to add the additional settings required by the dnn controls added to the skin layout.  Once you package all of this (.html, .css, .xml and all images) into a .zip file, you can upload it to a test server/portal and see how it works.  from here, you would then make changes to fix problems you may have overlooked. once the test site looks right, publish your skin.  

Artisteer makes life so much easier...but getting a specific site design from artisteer can be impossible.  One tactic I use in this case is to take a template that looks close to what I want and modify it to meet my customer's needs.

Building a skin from scratch is time consuming and in my experience, frustrating.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now