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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

技术小胖子 2017-11-17 23:31:00 浏览1051
展开阅读全文
 
最近几天花了点时间,制作了一下教程,写了几篇 开源博客 秋色园 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:文章详细
 
2:回复列表
[有点长,省略]
3:评论框
 
 
 总结:
博客皮肤文章这一块,就到这里结束了。

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

即:index.html,articlelist.html,articledetail.html。

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

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

至于commoncache.html不是必须的,如果你想抽取共同代码到这里,让其它页面简洁一点,也可以使用。
 
还有一篇视频:QBlog开发者视频教程:博客皮肤模板制作指南-模板之拿来主义(六)
开源QBlog下载:http://www.cyqdata.com/download/article-detail-427



     本文转自cyq1162 51CTO博客,原文链接:http://blog.51cto.com/cyq1162/599272,如需转载请自行联系原作者



网友评论

登录后评论
0/500
评论
技术小胖子
+ 关注