- Article Relate (13)
- Hide Tips (2)
- LoveSpeak (4)
- QBlog Open-Source (3)
- QBlog Publish (8)
- QBlog Template Guide (6)
- QBlog-Dev-Video (6)
- Tech Analysis (21)
- 2011-7 (2)
- Nice weblog right here! Also your site rather a lot up very fast! What host are you the usage of? Can I get your associate hyperlink in your host? I want my website loaded up as quickly as yours lol
- There is apparently a bundle to identify about this. I suppose you made some good points in features also.
- Sweet blog! I found it while searching on Yahoo News. Do you have any suggestions on how to get listed in Yahoo News? I ave been trying for a while but I never seem to get there! Thank you
- Normally I don at read post on blogs, but I would like to say that this write-up very forced me to take a look at and do so! Your writing style has been amazed me. Thanks, very great post.
- This write-up contains fantastic original thinking. The informational content material here proves that issues arenaаАабТТаЂааАабТТаБТt so black and white. I feel smarter from just reading this.
- ramsen simmonds incesticide bushell sprinkler brasserie Donelle Dalila gazzara
- Sex video arabe gratuit meilleure film porno
- My brother recommended I might like this web site. He was totally right. This post truly made my day. You can not imagine just how much time I had spent for this information! Thanks!
- Wow that was odd. I just wrote an incredibly long comment but after I clicked submit my comment didn at appear. Grrrr well I am not writing all that over again. Anyhow, just wanted to say great blog!
- Thanks-a-mundo for the blog post. Really Great.
上节回顾:ASP.NET开源博客QBlog模板制作教程:博客首页-共用部分[博客最新文章|阅读排行榜|点击排行榜|友情链接|访问统计](四)
本节介绍:ASP.NET开源博客QBlog模板制作教程之博客首页-文章列表与分页控件
一:index.html 首页制作-文章列表与分页控件制作教程
包括以下内容:[博客文章列表|分页控件列表]
以下进行示例教程:
PS:截图以/Skin/Skin_Blue界面为示例。
1:博客文章列表
说明:文章列表,其实就是一个节点,然后不断循环出来的。
示例代码:
<div class="post">
<h2 class="post-title">
<a id="labTitle" href="/">[标题]</a>
</h2>
<div class="post-meta">
<span class="post-author" id="labEdit"><a id="labID" href="/edit" key="edit">[编辑]</a></span><span class="post-date" id="labCreateTime">2010-06-28</span> <span class="post-category"></span>
<span class="post-view">
<label key="comment">[评论]</label><label id="labCommentCount">0</label></span> <span class="post-comment">
<label key="browse">[浏览]</label><label id="labHits">0</label>
</span>
</div>
<div class="post-content" id="labAbstract">内容</div>
</div>
</div>
关键ID说明:
id="labArticleList" :它下面的节点将被循环,循环输出文章
id="labTitle" :文章标题
id="labAbstract" :文章概要
编辑链接:
id="labEdit" :用于控制权限,是否显示。
id="labID" :用于定位文章的编辑链接
id="labCreateTime" :发布时间
id="labCommentCount" :评论数
id="labHits" : 浏览数
2:文章分类名称与分类描述
说明:在点击文章分类显示时,有些模板皮肤有显示文章分类与分类描述[如默认(/skin/Default)模板]
仅在要显示的地方补充上两个关键ID即可:
关键ID说明:
id="labName" :文章分类名称
id="labDescription" :文章分类描述
3:分页控件列表
说明:在涉及到列表时,包括文章列表或评论列表,都有分页显示控件。
示例代码:
<div class="pager" id="Node_Pager">
<div>
<a id="labFirst" key="pagerfirst">首页</a> | <a id="labPrev" key="pagerprev">上一页</a> <span id="labForNum" active="current"><a id="labNum" href="/cyq1162/2"></a></span><a id="labNext"
key="pagernext">下一页</a> | <a id="labLast" key="pagerlast">尾页</a>
</div>
</div>
关键ID说明:
id="Node_Pager":代码分页节点,在文章没有达到需要分页时,会移除此节点。
id="labFirst" :首页
id="labPrev" :上一页
id="labNext" :下一页
id="labLast" :尾页
id="labForNum" :里面的数字将会被循环
active="current" :当页的页数字会使用“current”样式
id="labNum" :分页的数字
本篇介绍到此结束,下一篇:ASP.NET开源博客QBlog模板制作教程:博客文章详细页-帖子详细|评论列表|评论框(六)
内容:模板制作教程为博客文章详细页内容。
系列索引见:QBlog 模板制作教程
相关文章:
1:ASP.NET开源博客QBlog模板制作教程:博客模板皮肤介绍说明(一)
2:ASP.NET开源博客QBlog模板制作教程:博客首页-标题|介绍|菜单导航|博登陆注册退出|多语言导航(二)
3:ASP.NET开源博客QBlog模板制作教程:博客首页-博客公告|文章分类|归档|相册分类|最新评论](三)
4:ASP.NET开源博客QBlog模板制作教程:博客首页-博客最新文章|阅读排行榜|点击排行榜|友情链接|访问统计(四)
视频类:
全品送料無料!!
弊社は価値をつけてルイヴィトンを販売して、シャネル
、グッチなど。
◆2018年は最も新型に人気があって、新しい素材の商品到着! 人気ブランド品大注目
◆信用の第1、風格は多くて、品質は良いです!
◆運賃の無料(日本全国)が予約購入することを期待しています!
◆弊社の商品は絶対的な自信があります。
ぜひ、見てくださいね!!
海外スーパーコピーのスーパーコピー バッグ、アクセサリー
スーパーコピー時計、貴金属の(リサイクル品)のスーパーコピー販売買取