《动易网站管理系统》模板制作示例

作者:雅虎| 来源:本站原创 点击数: 更新时间:2005年05月26日


更换新风格

  在刚才的模板制作中,一般都是将CSS样式定义在本网页页面中的。您可以将CSS样式代码放在网站的风格模板中进行调用与管理,以方便在其他模板页面统一调用。

  1.在DW的码视图区中,选择并复制之间的CSS样式代码:

  2.进入您架设《动易网站管理系统》的后台,在后台左侧导航的“系统设置”中,单击“网站风格管理”。

  在出现的“网站风格管理”界面中,单击顶部“添加风格”功能链接。在出现的“添加新风格”界面中,填写自定义风格名称,在“风格配色设置”内容框中,粘贴(Ctrl+V)刚才复制的代码。单击“添加”按钮添加新的风格。
  !在添加新风格时,系统会出现默认提供的CSS样式代码,您可以将其相同的代码删除后再粘贴。
  3.在风格管理首页界面中,点选新添加的风格后,单击“将选中的风格设为默认风格”按钮,将新风格设置为默认。
  4.进入网站通用模板管理中,修改新添加的网站首页模板:

  将里面的CSS样式代码删除,替换成风格标签“{$Skin_CSS}”和菜单JS标签“{$MenuJS}”后,单击“保存修改结果”按钮保存修改。
  5.访问并刷新前台的网站首页页面,即可看到更改后的效果。
!如果操作正确,进行了上述将CSS样式代码放在风格模板中管理的更改后,前台页面的效果应该与更改前相同。

  将CSS样式代码放在风格模板中管理,有许多优势,如可以减少页面代码、重复调用相同的定义等。定义在风格模板中的CSS样式,在今后各模板中只要以“class="css定义名"”的方式进行调用即可。有关CSS样式的知识请参阅相关书籍。
  当然您也可以不调用系统的风格模板(即在模板中不调用标签“{$Skin_CSS}”),而在每个模板中,单独对本页面的样式进行定义。

小 结

  系统默认提供的模板,以最少的图片及尽可能全的功能来设计模板,因此并不一定就符合您的要求。您可以参考默认模板中各个模块显示的标签及风格调用方式,来理解各个显示内容、调用的标签与模板设计之间的相互关系与作用。

  如果要做一个完全有个性的网站模板,需要您花费一定的时间精心设计与制作。系统提供的模板功能,能满足您在不同频道、不同栏目与不同内容页面,设计与显示不同的风格与版式。

  特别感谢鸿雁针对本教材内容制作了“《动易网站管理系统》模板制作示例视频教材”,请大家点击下面的地址观看本教材内容的视频教材:http://help.powereasy.net/QiHang/qihang2005/Advance/416.html

 

首页 上一页 1 2 3 4 5 6 7 8 9 10 下一页 尾页 转到
33444
本篇文章的Tags:    帮助  后台  管理  模板  制作  
如果以上内容未能解决您的问题,欢迎您到我们的讨论区发帖寻求帮助,我们的工作人员会热情为您解答。