« zblog模板制做指南:默认模板右侧栏目代码整理和注释(收藏)« »计划开始研究ZBLOG,学习修改ZBLOG »
zblog模板制做指南:页面模型分析(收藏)

zblog模板制做指南:页面模型分析

转自:http://www.wzhcw.com/post/58.html 零点过半个人博客

文章写的不错,平时我都没去动手做过模板,感觉好复杂,好乱,看了这篇文章后,终于感觉到,做模板其实并不像我想像的那么难,找个时间试一下.呵呵.好文章,收藏先.

200702281805304277.png

  为什么全局DIV块嵌套了3回,这是为了应付一些特殊的样式需求。
  *:目前未实现body的class设实,但在实际应用中的确有这个需要,如果要列表页和单日志页产生不同的效果,就要设置了。

200702281806111310.png


每一个divPage块中的元素都是一样的,总共有5大块:divTop,divNavBar,divMain,divSidebar,divSidebar,divBottom,你可以在CSS中控制导航条或是工具栏等的显示与否。
  *:翻页条放在了class="post"的div块里,将会设置了两个class,既class="post pagebar"
  **:每页的发表评论框只会有一个,所以也设置了id="divCommentPost"

200702281807072343.png


分块要属div class="post",ul class="msg",div class="function",将整体的页面CSS设置完,就要细化设置分块的CSS属性。
  div class="post"是日志显示部分的元素,它拥有多重class,这样可以方便的定制不同分类或是不同作者的日志显示效果。
  ul class="msg"控制显示留言和评论。
  div class="function"是工具栏上的分块,部分分块设置了id,这使得改变不同分块的显示效果变的很容易。

 


Tags: Zblog   |

原创文章如转载,请注明:转载自:巴士飞扬-技术BLOG : http://www.busfly.net/

本文链接地址:http://www.busfly.net/post/15.html

如果你喜欢本文,请顶一下,支持我,你的支持是我继续发好文章的最大动力。谢谢。
好东西需要分享,快把本文发给你的朋友吧~!~

     
相关文章:




◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
网站分类
分类最近文章
最近发表
最新评论及回复
最近留言
热文排行
随机推荐文章
Powered By Z-Blog   STYLE by busfly . FatMouse
Copyright © 2007 巴士飞扬技术博客. . 沪ICP备07027972号. 会员群1(J2EE为主):3769186.