天天看点

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

说明:用截图及文字的方式介绍了模板的基础样式及原理。

示例图片:

1:样式文件

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

说明:实战制作:模板头部说明制作教程。

1:博客头部

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

说明:实战制作:模板侧边栏共用部分:

示例图片:图片上面有标题,就不重复了。

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

说明:实战制作:模板文章列表及分页显示说明制作教程。

1:文章列表:

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

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

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

3:分页显示

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

说明:介绍博客文章详细显示及评论列表及评论框的制作说明:

1:文章详细

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

2:回复列表

[有点长,省略]

3:评论框

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

 总结:

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

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

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

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

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

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

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