Products

Solutions

Resources

Partners

Community

Blog

About

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 do i design a skin in Dreamweaver?How do i design a skin in Dreamweaver?
Previous
 
Next
New Post
12/17/2006 6:08 PM
 

I was put on to DNN through someone who has a similar CMS and was charging the world for it.

With this being free, i thought it would solve most of my problems, but instead it's been giving me headaches as to how on earth i actually design/skin a website.

I tend to do a fair bit of work in flash, but there are some websites that i'm working on that will require a lot of content management, like www.myauthentiks.com for example.

I have designs all done for most of my sites, but i cant figure out how i put them together in DNN. I've looked and looked for hours and days for information on how to do this, and i've signed up to at least 8 websites so far who tell me i have to pay for a video or for a template skin to see how to edit and customise. I'm nearing the end of my patience and it's not even been a full week yet.

If anyone can put me on to somewhere where i can read/watch how to take my design from DW and stick it into DNN, i will love you long time. It's either that or i stick to standard html and manually update everything for two hand fulls of websites (or i sell my body to pay for the other CMS which is limited to 1 per domain)

*NB, i havent actually installed DNN myself yet, i'm still playing with the demo version. Reason being is that i'm currently with a linux host, and dont want to switch if i'm not going to use DNN in the future since i have about 15 sites to move over with me.

-thanks!

 
New Post
12/20/2006 11:35 AM
 
Basically, I started by reverse-engineering the default skins... you can find their files in the \Portals\_default\Skins\SKIN_NAME  folders. There is also the Skinning Document in the documentation download.

Bascially, if you want to knock out a basic skin, make a new folder, within it create the files:

skin.html
skin.css
skin.xml*

*Only put this in if you have some XML you wish to use, otherwise leave it our for now.

Open the Skin.html file, make up a table and put in the [MENU], [USER] and [LOGIN] links  and then put in the following code:

<TABLE width="100%">
  <TR>
    <TD class="toppane" colspan="3" id="TopPane" runat="server" valign="top"></TD>
  </TR>
  <TR valign="top">
    <TD class="leftpane" id="LeftPane" runat="server" valign="top"></TD>
    <TD class="contentpane" id="ContentPane" runat="server" valign="top"></TD>
    <TD class="rightpane" id="RightPane" runat="server" valign="top"></TD>
  </TR>
  <TR>
    <TD class="bottompane" colspan="3" id="BottomPane" runat="server" valign="top"></TD>
  </TR>
</TABLE>

Save the files, put them in a ZIP and then login as Host / Admin and upload the new skin. Load it up and see what happens. This will give you the basics needed for a DNN site, the Login control, Menu system, User Link and contentpanes for modules.

It will definitely help if you have host-level access to the DNN install though...

Good Luck

SB

Wells Doty Jr
Online Content Development
 
New Post
12/20/2006 11:37 AM
 
A quick addendum...

I've recently been banging my head against the wall with FreeTextBox background problems... I found that using the following code as a "Wrapper" for the other code helps out, but I would probably only use this once you understand the basics of putting a skin together...

<!--PageMaster-->
<TABLE class="pagemaster" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD valign="top">
<!--SkinMaster-->
<TABLE class="skinmaster" width="770" border="0" align="center" cellspacing="0" cellpadding="0">
<TR>
<TD id="ControlPanel" runat="server" class="contentpane" valign="top" align="center"></TD>
</TR>
<TR>
<TD valign="top">
<!--SkinHeader-->
<TABLE class="skinheader" cellSpacing="0" cellPadding="3" width="100%" border="0">
  <TR>
    <TD>
        <!-- INSERT Here -->
    </TD>
  </TR>
</TABLE>
<!--End Skin Header -->
</TD>
</TR>
</TABLE>
<!--End SkinMaster-->
</TD>
</TR>
</TABLE>
<!--End PageMaster-->

Wells Doty Jr
Online Content Development
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...How do i design a skin in Dreamweaver?How do i design a skin in Dreamweaver?


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