QBlog官方博客

本博将记录与秋色园成长相关的历史路程及秋色园的开发进展等相关情况。
公告信息
欢迎光临秋色园官方博客,欢迎:下载与使用CYQBlog系统,并提出您的意见与建议。
文章档案
文章
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的地址

            <ul class="nav" id="headMenu">
                <li><a key="home" href="/" id="labHomeUrl">秋色园</a> </li>
                <li><a key="index" href="/" id="labIndexUrl">首页</a> </li>
                <li><a key="article" href="/article/" id="labArticleUrl">文章</a> </li>
                <li><a key="photo" href="/photo/" id="labPhotoUrl">相册</a> </li>
                <li><a key="admin" href="/admin/" id="labAdminUrl">管理</a> </li>
                <li><a target="_blank" href="/rss/" id="labRssUrl">Rss</a> </li>
            </ul>

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 模板制作教程

相关文章:

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