如果您是一个新云爱好者,并且已经了解新云风格的基本制作,您可以跳过此部分。
当然,如果还不了解风格制作而你又要想制作的话,那必须得有一个前提条件:那就是你必须懂得基本的HTML语言和CSS知识。
在此就不赘述,你可以购买相关书籍或在网上查找相关教程来学习!
1.对于处入门者,你可以使用一些辅助软件:
Macromedia Dreamweaver V8.0 简体中文版
下载地址:
http://dl.yesdown.net/network/YesDown_50792.html
Macromedia Fireworks V8.0 简体中文版
下载地址:
http://dl.yesdown.net/graphics/YesDown_50793.html
Macromedia Flash V8.0 简体中文版
下载地址:
http://dl.yesdown.net/graphics/YesDown_66135.html
图片处理软件:
Adobe Photoshop CS 简体中文版
下载地址:
http://dl.yesdown.net/graphics/YesDown_86173.html
CSS编辑器:
TopStyle
下载地址:
http://dl.yesdown.net/YesDown_61142.html
2.了解新云(NEWASP)的风格构架:
新云的风格模板可分为2部分,即(头、尾部)标签与中部风格模板样式
其操作步骤为:进入后台 >> 常规设置 >> 模板管理 | 标签管理
套用别人的一句话:如果说模版套系是骨架,那么界面方案就是模版风格的血肉。
到此,如果你了解了相关的知识后,那么我们就可以开始着手制作我们的风格了。
3.开始制作我们的第一个风格:
在本节中,我们通过新建一个全新的风格模板来制作。
进入模板管理,假如我要制作一个站手机站的风格,如下图填入:

其中,模板名称为我们自己所需要的风格名称,而模板目录为我们存放风格相关图片及CSS样式的路径,一般是位于系统的skin目录下,填好之后我们就点 新建模板 ,确定之后就会看到我们刚建立的风格了。
下面我们在
操作选项 这把刚新建的风格 设为默认模板
,然后我们可以先制作头部标签,进入标签管理 >>添加自定义标签

标签名称最好不要重复已经存在的,这个名称在后面的制作中还要用到的。标签说明填知道是什么就行了。所属频道可以设置该标签指定于某一频道专属,如果你在名称一栏填了已经存在的名称,这里则一定要选一个频道。
下面就可以编辑我们的代码了,我用的是DW,编辑完成后,把代码粘贴到标签内容:里保存。尾部部标签也按照上述方法操作。
进入模板样式总管理 点我们刚建立的风格名称进入相关模板管理列表,

进入 编辑模板界面风格

同样的方法,我们需要自己编辑界面代码,然后粘贴到 模板内容 里保存即可。
完成后我们就可以在前台刷新我们编辑的页面来查看我们制作的效果了。
如果你是用TABLE方式来制作,可以用这个标签来控制表格的宽度:{$Width}
!discuzcode_copyclipboard!
!discuzcode_code!:
<table width="{$Width}" border="0" align="center" cellpadding="0" cellspacing="0" class="tableborder">
<tr>
<td height="22" bgcolor="#EFEFEF"><table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td width="4%" align="center"><img src="{$InstallDir}{$SkinPath}class_ar.gif" width="13" height="13"></td>
<td width="74%">您当前的位置:<a href="{$InstallDir}">{$WebSiteName}</a> -> 首页</td>
<td width="22%" align="center"><img src="{$InstallDir}{$SkinPath}h_arrow.gif" width="11" height="11" align="absmiddle"> <a href="{$InstallDir}user/logout.asp">退出登录</a> <img src="{$InstallDir}{$SkinPath}h_arrow.gif" width="11" height="11" align="absmiddle"> <a href="{$InstallDir}user/">用户管理</a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="1" bgcolor="D9D9D9"></td>
</tr>
.........................................
{$Width} 的宽度在 模板常规设置 0、设置表格的宽度 里设置,用这个标签可以在以后的维护中方便改变,而里面的一些表格你可以采用百分比来控制。
如果你是使用的DIV方式来构架制作的话,那宽度等就在CSS里来控制吧,这样在以后的维护中更方便我们的修改。
在此,鉴于经常有朋友问标签的调用问题,我也在此简单的说一下,如图:

相关的参数可以查看说明文档或到下面这查看:
网站管理系统相关标签说明 :
http://club.136z.com/viewthread.php?tid=16&extra=page%3D1
至于其他页面风格的制作方法也按照上面的步骤来做就是了。
到此,可以说我们已经完成了一套风格的制作,你可以应用到你的站上或到网上与朋友一起分享了!
本文采用图文描述,所以述说比较简单,旨在抛砖引玉,让大家入门。
由于现在手上还有几个朋友定做的风格还没完成,又必须要赶在元月十五前回家,在以后我会再给大家相关的教程。
此文过程中难免有不正之处,欢迎批评指正!
最后提前祝大家春节快乐、工作顺利、网站人气十足!
可乐方便面 2007.01.08