Solved

Converting photoshop file to DNN skin

Posted on 2010-08-28
5
745 Views
Last Modified: 2012-08-13
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.
0
Comment
Question by:rmills8387
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
5 Comments
 
LVL 16

Expert Comment

by:Stephan
ID: 33550865
Is DNN new to you or trying to implement your skin?
0
 

Author Comment

by:rmills8387
ID: 33550939
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.
0
 
LVL 16

Assisted Solution

by:Stephan
Stephan earned 250 total points
ID: 33552564
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).
0
 
LVL 4

Accepted Solution

by:
Bill Cochran earned 250 total points
ID: 33626918
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.

+Bill
0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

New Relic: Our company recently started researching several products to figure out what were the best ways for us to increase our web page speed and to quickly identify performance problems that we may be having. One of the products we evaluated wa…
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Wufoo.com provides powerful tools for surveying targeted groups, and utilizing data from completed surveys to find trends, discover areas of demand or customer expectation, and make business decisions on products or services.
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.

718 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question