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

简介:
 
最近几天花了点时间,制作了一下教程,写了几篇 开源博客  秋色园 QBlog 模板皮肤制作文章,这里给出一个索引:
PS:同时  秋色园  也增加了四套皮肤,目前共有8套皮肤。
 
 
说明:用截图及文字的方式介绍了模板的基础样式及原理。
示例图片:
1:样式文件
 
 
说明:实战制作:模板头部说明制作教程。
示例图片:
1:博客头部
 
 
说明:实战制作:模板侧边栏共用部分:
示例图片:图片上面有标题,就不重复了。
 
 
说明:实战制作:模板文章列表及分页显示说明制作教程。
示例图片:
1:文章列表:
 
2:文章分类名称和分类描述
 
 
3:分页显示
 
 
 
 
说明:介绍博客文章详细显示及评论列表及评论框的制作说明:
示例图片:
1:文章详细
 
2:回复列表
[有点长,省略]
3:评论框
 
 
 总结:
博客皮肤文章这一块,就到这里结束了。

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

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

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

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

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



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



相关文章
|
开发框架 JSON JavaScript
ASP.NET Core3.1实战教程---基于Jquery单文件上传
ASP.NET Core3.1实战教程---基于Jquery单文件上传
222 0
|
开发框架 前端开发 JavaScript
ASP.NET Web Pages - 教程
ASP.NET Web Pages 是一种用于创建动态网页的开发模式,采用HTML、CSS、JavaScript 和服务器脚本。本教程聚焦于Web Pages,介绍如何使用Razor语法结合服务器端代码与前端技术,以及利用WebMatrix工具进行开发。适合初学者入门ASP.NET。
|
开发框架 前端开发 .NET
一个适用于 .NET 的开源整洁架构项目模板
一个适用于 .NET 的开源整洁架构项目模板
383 26
|
开发框架 NoSQL .NET
互联网寒冬下,如何写好一份.NET求职简历?附带简洁免费的简历模板!!!
互联网寒冬下,如何写好一份.NET求职简历?附带简洁免费的简历模板!!!
278 1
|
开发框架 JavaScript 前端开发
精选2款.NET开源的博客系统
精选2款.NET开源的博客系统
390 8
|
存储 开发框架 .NET
ASP.NET Core SignalR系列之Hub教程
ASP.NET Core SignalR系列之Hub教程
626 0
|
移动开发 监控 安全
03-31/某博客网的rss2.asp力推5病毒(其中3个为灰鸽子)第3版
03-31/某博客网的rss2.asp力推5病毒(其中3个为灰鸽子)第3版
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
482 7
|
开发框架 .NET API
在IIS上部署ASP.NET Core Web API和Blazor Wasm详细教程
在IIS上部署ASP.NET Core Web API和Blazor Wasm详细教程
1429 3
|
开发框架 .NET
Asp.Net就业课堂之模板控件
Asp.Net就业课堂之模板控件
191 1