QBlog官方博客

本博将记录与秋色园成长相关的历史路程及秋色园的开发进展等相关情况。
公告信息
欢迎光临秋色园官方博客,欢迎:下载与使用CYQBlog系统,并提出您的意见与建议。
文章档案
文章
ASP.NET开源博客QBlog模板制作教程:博客模板皮肤介绍说明(一)
2011/6/26 17:25:21

以下介绍:ASP.NET源博客-QBlog模板制作教程:模板介绍说明(一)

一:QBlog博客模板皮肤介绍:

1:博客模板路径:/Skin/

2:博客默认模板:/Skin/Default/

3:博客蓝色调模式:/Skin/Skin_Blue

4:博客模板基础说明:

Css:放样式表的地方

Images :存放图片的地方

Index.html :博客首页 [正常情况和文章列表页一样,仅多了一个“最新图片”的显示]

Articlelist.html :文章列表页

Articledetail.html :文章详细页

Photolist.html: 图片列表页

Photodetail.html :图片详细页

Commoncache.html :可选的,可以把各页共同的部分提取到这里,然后其它页面引用id即可。

Language.html :多语言页面,如果文件夹里没有,默认会引用default模式的语言页面。

Template.gif 模板缩略图,用户后台切换模板时看到的。

说明:

1:内容填充,靠的是ID

2:多语言翻译,靠的是keykeyvalue

 

5:博客模板两个基础的示例说明:

1:Commoncache.html 基础示例说明:

Commoncache.html 可选的,可以把各页共同的部分提取到这里,然后其它页面引用id即可。

 

示例:Commoncache.html 中有头部head节点,并给了一个id="Node_Head"

 

<head id="Node_Head">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>基于.net平台的开源博客程序</title>

    <link rel="stylesheet" type="text/css" media="all" href="css/style.css" />

</head>

 

Index.html 引用Commoncache.html 的节点写成:

 

<head cachefrom="Node_Head">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

 

说明:头部分的引用多出的一个meta的作用:为了自身index.html整个加载使用编码utf-8,避免乱码,而节点替换是加载后才替换。

2:Language.html.html 基础示例说明:

Language.html 多语言页面,如果文件夹里没有,默认会引用default模式的语言页面。

 

示例:Language.html

 

        <div id="home" eng="Home" cus="秋色园" jap="秋庭" kor="가을 정원">秋色园</div>

 

其它页面的多语言翻译:Index.html 引用多语言:

 

<a key="home" >秋色园</a> <input type="button" value="clickbutton" keyvalue="home"  />

 

说明:

 

key="id”   替换节点内部文本

 

keyvalue="id" 替换节点value属性文本

本篇介绍到此结束,下一篇ASP.NET开源博客QBlog模板制作教程:博客首页-头部[博客标题|博客概要|博客菜单导航|博客登陆注册退出|多语言导航](二)

 

系列索引见:QBlog 模板制作教程

相关文章:

秋色园是QBlog的官方站点,由路过秋天创建,基于cyqdata数据层框架开发的支持多用户、多语言、多数据库(access,mssql,oracle)、目录级url等功能强大的博客系统
新浪微博粉丝精灵,刷粉丝、刷评论、刷转发、企业商家微博营销必备工具"
  
Copyright © 2010-2020 power by CYQ.Blog - 秋色园 v2.0 All Rights Reserved