来源 CSBlog主题与皮肤的制作与定制简单介绍

[ 2009-1-4 9:35:01 | 作者: 一线风 | 阅读:1123 | 评论:0 | 天气: sunny | 心情: busy ]
Font Size: Large | Medium | Small

先说简单的,皮肤(Style):
 制作皮肤是比较简单的,只需要找到/App_Themes/Theme/Style/Skin.css 然后更改CSS里的内容就OK了.至少要对CSS有一定的了解.可以下个CSS样式手册自已看看.CSS里面的应用到区块上样式我都做了注解了.
 
 然后就是比较高级点的,你可能想自已增加样式应用到某些地方,或是对显示的结构进行更改,比如下面拉动的改成左右拉动.甚至直接用Flash来渲染. 这时候仅是修改CSS是无论如何也做不到的,那么只能修改主题了.

主题修改(xslt):
 修改主题其实就是修改xslt模板xslt模板就是对xml原始数据进行渲染的.想查看输出的原始XML数据,只需要修改coreSettings.config里的 debug="true"   renderOption="xml" 就会直接输出XML.
 
 比如,有一个集合,它的路径是:CSWave.Xml/Blogs/Blog 我们想对其进行操作就只需要两步即可.
 一,定义一个变理获取集合值:<xsl:variable name="Blogs" select="CSWave.Xml/Blogs/Blog" />
 二,渲染已经定义的变量:
   

XML/HTML代码
  1. <xsl:for-each select="$Blogs">  
  2.    <a href="/Blog/Blog.aspx?Id={@Id}"> <xsl:value-of select="@Title"  /> </a>  
  3.     </xsl:for-each>  

   这样就把Blog集合给列出来了.是不是超级简单呀? 通过上述的方法就能输出标准的自定的HTML各种结果.甚至可以 修改 <xsl:output method="xml" 的输出办法直接输出XML让Flash读取数据来显示
  
 这样就能在不改动任何程序的源代码的情况下,做出你自已喜欢的不同的主题和样式.
 
 
总结:可以通过CSS直接更改同一个主题下的皮肤.但是不能更改网页显示的架构.所以如果想改变显示的架构,就只能改变主题.一般情况下只需改改样式就能得出漂亮的不同的风格的皮肤.

大家如果在制作皮肤的过程中有什么问题,欢迎提出!

分类:项目文档
Tag: CSBlog 主题 皮肤