我们先用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"> </td>
<td width="1"></td>
<TD class=pane id=ContentPane vAlign=top align=center runat="server"> </td>
<td width="1"></td>
<TD class=qmright id=RightPane vAlign=top align=right runat="server"> </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文件夹打包就可以了。
你可以试试 网站的皮肤了。明天讲怎么弄容器的了。