ASP.NET开源博客QBlog模板皮肤制作教程索引贴

最近几天花了点时间，制作了一下教程，写了几篇 开源博客 秋色园 QBlog 模板皮肤制作文章，这里给出一个索引：
PS：同时 秋色园 也增加了四套皮肤，目前共有8套皮肤。

1：ASP.NET开源博客QBlog模板制作教程:博客模板皮肤介绍说明(一)

说明：用截图及文字的方式介绍了模板的基础样式及原理。
示例图片：
1：样式文件



2：ASP.NET开源博客QBlog模板制作教程:博客首页-头部[博客标题|博客概要|博客菜单导航|博客登陆注册退出|多语言导航](二)

说明：实战制作：模板头部说明制作教程。
示例图片：
1：博客头部



3：ASP.NET开源博客QBlog模板制作教程:博客首页-共用部分[博客公告|博客文章分类|博客归档|博客相册分类|博客最新评论](三)
4：ASP.NET开源博客QBlog模板制作教程:博客首页-共用部分[博客最新文章|阅读排行榜|点击排行榜|友情链接|访问统计](四)

说明：实战制作：模板侧边栏共用部分：
示例图片：图片上面有标题，就不重复了。





















5：ASP.NET开源博客QBlog模板制作教程:博客首页-文章列表与分页控件(五)

说明：实战制作：模板文章列表及分页显示说明制作教程。
示例图片：
1：文章列表：



2：文章分类名称和分类描述



3：分页显示



6：ASP.NET开源博客QBlog模板制作教程:博客文章详细页-帖子详细|评论列表|评论框(六)

说明：介绍博客文章详细显示及评论列表及评论框的制作说明：
示例图片：
1：文章详细

[b]

[/b]
2：回复列表
[有点长，省略]
3：评论框



总结：

博客皮肤文章这一块，就到这里结束了。

基本上就两个页面，一个文章列表和文章帖子页。

即：index.html，articlelist.html，articledetail.html。

如果皮肤以文章为主，不包含图片，首页[index.html]和文章列表[articlelist.html]就是一样的了。

因此制作一套皮肤，基本上就做两个页面就可以了。

至于commoncache.html不是必须的，如果你想抽取共同代码到这里，让其它页面简洁一点，也可以使用。

还有一篇视频：QBlog开发者视频教程:博客皮肤模板制作指南-模板之拿来主义(六)
开源QBlog下载：http://www.cyqdata.com/download/article-detail-427
本文出自 “路过秋天” 博客，请务必保留此出处http://cyq1162.blog.51cto.com/2127378/599272