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://www.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开发者视频教程:博客皮肤模板制作指南-模板之拿来主义(六)

Autumn Garden is QBlog the official site, created by the passing autumn, based on the framework data layers developed cyqdata support multi-user, multi-language, multi-database (access, mssql, oracle), directory level url and other powerful blog system

QBlog Template Guide

Browse(6604)

Comment(1)

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