CSBlog主题与皮肤的制作与定制简单介绍
| 心情: busy
]
先说简单的,皮肤(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" />
二,渲染已经定义的变量:
- <xsl:for-each select="$Blogs">
- <a href="/Blog/Blog.aspx?Id={@Id}"> <xsl:value-of select="@Title" /> </a>
- </xsl:for-each>
这样就把Blog集合给列出来了.是不是超级简单呀? 通过上述的方法就能输出标准的自定的HTML各种结果.甚至可以 修改 <xsl:output method="xml" 的输出办法直接输出XML让Flash读取数据来显示.
这样就能在不改动任何程序的源代码的情况下,做出你自已喜欢的不同的主题和样式.
总结:可以通过CSS直接更改同一个主题下的皮肤.但是不能更改网页显示的架构.所以如果想改变显示的架构,就只能改变主题.一般情况下只需改改样式就能得出漂亮的不同的风格的皮肤.
大家如果在制作皮肤的过程中有什么问题,欢迎提出!
- 牛气冲天皮肤再次修改-提供独立包下载 [2009年1月6日 9:41]
- 2009年新年主题与皮肤的制作完成啦~ [2009年1月4日 9:29]
- CSBlogV2.11更新历史 [2008年12月31日 9:48]
- CSBlogV2.11问题收集与信息反馈专用-提供09年贺岁版下载地址 [2008年12月31日 9:38]
- URL重写配置说明及模板逆向生成静态链接的相关说明 [2008年12月25日 16:03]
- 快速把CSBlog里的内容给转到QQ空间里 [2008年12月20日 15:30]
- CSBlogV2_B051124发布,欢迎下载使用 [2008年11月25日 13:36]
- CSBlog主题制作(一)——将XML数据输出为其它格式(XHTML) [2008年11月24日 17:32]
- CSBlogV2[2.0.1]更新历史一览表 [2008年11月21日 16:09]
- CSBlogV2公测发布,欢迎大家下载试用体验. [2008年11月20日 17:22]
- CSBlogV1 源代码公布下载 [2008年11月17日 17:22]
- CSBlogV2内测与问题反馈. [2008年11月17日 10:49]
订阅地址
