ASP.NET开源博客QBlog模板制作教程:博客首页-标题|介绍|菜单导航|博登陆注册退出|多语言导航(二)

2011/6/26 22:34:59

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

本节介绍：ASP.NET开源博客QBlog模板制作教程之博客首页-头部制作

一：index.html 首页制作-头部制作教程

包括以下内容：[ 博客标题 | 介绍 | 菜单导航 | 登陆注册退出及多语言导航 ]

示例截图：

从示例截图中，看出要处理的仅有四点，即：

博客标题，博客概要，博客菜单导航，登陆注册退出及多语言导航。

PS：具体可参考Skin/Skin_Blue下的commoncache.html。

为何不在index.html而是commoncache.html?

因为头部是共用的，直接提取到coomoncache.html中了，这样其它页面可以轻松引用，修改也方便，只改一处。

下面给出具体教程示例：

1：博客标题：填充ID为：id="labSpaceName"

示例：<h2 id="labSpaceName">这里会被填充成博客标题</h2>

2：博客概要：填充ID为：id="labSpaceIntro"

示例：<p id="labSpaceIntro">这里会被填充成博客简介</p>

3：博客菜单导航：填充ID为：id="headMenu"

示例：节点headMenu下的a链接，会被格式化,自动补上http://cyqdata.com/用户名/+原来的href的地址

4：博客登陆注册退出及多语言导航：填充ID为：id="headRightMenu"

示例：节点headRightMenu下的a链接会自动补充前缀。

特殊：对于[游客][登陆]，在登陆后会显示成[用户名][退出]，因此需要补充id="labUserName"和id="logStatus"处理

<div id="headRightMenu" class="search">
                <a id="labUserName" href="/" key="anonymous">游客</a> |

               <a id="logStatus" href="/" key="login">登陆</a> |

             <a href="/lang/china" key="china">中文</a> |

            <a href="/lang/english" key="english">英文</a>
</div>

本篇介绍到此结束，下一篇：ASP.NET开源博客QBlog模板制作教程:博客首页-博客公告|文章分类|归档|相册分类|最新评论(三)

内容：模板制作教程为博客公告，文章分类，归档，相册分类，最新文章，评论，文章排行榜，点击排行榜等内容。

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

相关文章：

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

2：开源博客QBlog开发者视频的模板制作教程：QBlog开发者视频教程:博客皮肤模板制作指南-模板之拿来主义(六)

秋色园是QBlog的官方站点,由路过秋天创建,基于cyqdata数据层框架开发的支持多用户、多语言、多数据库(access,mssql,oracle)、目录级url等功能强大的博客系统

QBlog 模板制作教程

浏览(6599)

关键字 asp.net开源博客,开源博客qblog,qblog模板制作教程,博客首页头部,标题,介绍,菜单导航,登陆注册退出,多语言导航

QBlog官方博客