DNN Skin 皮肤说明2

下面说说怎么下手吧。我们现弄个网站的皮肤，小试身手哦。
我们先用aa定义为我们这次皮肤名称。那么
1、建立skin.css文件，这个名称不能修改，我就不都写了我的界面设计不怎么好看。

 body {
 margin: 0px;
 text-align: center;
 background-image: url(bg.gif);
 background-repeat: repeat-x;
}
a:link {color: #006699; text-decoration:none;}
a:visited {color: #003C9A; text-decoration:none;}
a:hover {color: #0099CC; text-decoration: blink;}
a:active {color: #0099CC; text-decoration:none;}
。。。。

2、建立aa.html,名称很关键。

...
<link href="skin.css" type="text/css" rel="stylesheet" />
<center>
<table class="pagemaster" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr height="207">
            <td valign="top" width="207">
            <table height="100%" cellspacing="0" cellpadding="0" width="100%" border="0">
                <tbody>
                    <tr>
                        <td class="qmlogo"><img height="72" alt="" src="top_logo.gif" width="187" /></td>
                    </tr>
                    <tr>
                        <td class="qmlogin"><br />
                        [USER]<br />
                        [LOGIN]</td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td valign="top" width="583">
            <table height="100%" cellspacing="0" cellpadding="0" width="100%">
                <tbody>
                    <tr>
                        <td class="qmmenu">[SOLPARTMENU]</td>
                    </tr>
                    <tr height="135">
                        <td><img alt="" src="banner.gif" /></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
        <tr>
            <td colspan="2"><!--Content--Begin-->
            <table class="content" cellspacing="0" cellpadding="0" width="100%" align="center" border="0">
                <!-- <tr height="73">
          <td class="bannerBottom">[BREADCRUMB]</td>
        </tr>-->
                <tbody>
                    <tr>
                        <TD class=qmleft id=LeftPane vAlign=top align=left runat="server">&nbsp;</td>
                        <td width="1"></td>
                        <TD class=pane id=ContentPane vAlign=top align=center runat="server">&nbsp;</td>
                        <td width="1"></td>
                        <TD class=qmright id=RightPane vAlign=top align=right runat="server">&nbsp;</td>
                        <td width="1"></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
        <tr>
            <td class="copyright" colspan="2"><br />
            [COPYRIGHT] <br />
            [PRIVACY] </td>
        </tr>
    </tbody>
</table>
</center>
 。。。。

 

      上面红色部分呢就是DNN的控件格式就是必须是大写而且写在中括号内，其中蓝色部分呢就是DNN那几Panle了，id必须叫那个名字后面还得有ruant="server",这个DNN才能理解。
3、就是整理你的图片、样式表和Html文件了。
   对了忘了说，你要是在界面中直接放置图片那么你的用<%=SkinPath%>这样一句话，它能帮你找到皮肤文件的根目录。
4、打包我们可爱的皮肤。
     你建立一个aa的文件夹将你的.css、.html、等等都放到这里，然后再将这些文件打包为aa.zip的压缩包，压缩包下面不能嵌套文件夹。然后在aa目录下建立一个skin文件夹，将aa.zip压缩包放到里面。最后我们再为aa文件夹打包就可以了。

你可以试试 网站的皮肤了。明天讲怎么弄容器的了。