这个模板探讨了实现三栏的可能性和可行性,旨在抛砖引玉,让模板的制作者能根据自己的喜好设计出更漂亮的三栏模板来。

随着1024*768以及更高的分辨率成为主流(从我的在线统计信息来看,分辨率在1024*768以上的超过了所有访问者人数的95%),三栏、宽屏的页面布局逐渐增多了起来。三栏式的设计能够大大地提高屏幕区域的利用率,显得大方而得体。

这个模板就是本着这样一个目的,对三栏式模板进行的一次探索。

模板使用时需注意一点,这个模板自动将“最新日志”这个项目以及其后的所有项目放入侧边栏二,之前的项目则留在侧边栏一的位置。因此,您可能需要对侧边栏的项目进行排序,以尽量维持两个侧边栏的疏密有致。

以下内容供模板制作者参考:
如果您打开这个模板的 elements.php ,您就会发现,三栏的实现原理很简单。那就是(1)先自定义出“最新日志”这个项目,即该文件中的 $elements['sideblock_entries'] 。顺便一提,如果elements.php没有对某个侧边栏项目的定义,则所有侧边栏项目都会采用默认的定义(即 $elements['sideblock']),而一旦有了针对某个侧边项目的定义,那么在输出这个侧边栏项目时就会采用这个定义。
Tags: , ,
(接上,第三部分继续)

2. CSS详解
下面介绍主要的CSS类的用途和一些说明。请参考整体框架图阅读。

2.1 整体框架
#wrapper - 整个页面的框架。
#innerWrapper - 内嵌在wrapper里的整个页面的框架。

2.2 顶部框架
#header - 整个顶部框架
#innerHeader - 内嵌在header里的框架。
.blog-header - 包含blog标题和描述。
h1 - blog的标题。
.blog-desc - blog的描述语。
menu - blog的顶部模块(导航条)。

2.3 主体框架
#mainWrapper - 整个主体部分的框架,包含了侧边栏和主内容这两个框架。

2.4 侧边栏框架
.sidebar - 整个侧边栏框架。
#innerSidebar - 内嵌在sidebar内的框架。
.sidebar-hide - 当侧边栏关闭时的侧边栏样式。(display: none;)
.panel - 具体到某一个侧边栏项目的总框架。
.panel h5 - 侧边栏项目的抬头部分。
.panel-content - 侧边栏项目的主要内容区域。
.panel-content li - 侧边栏包含列表项的样式。
.panel-content li.indent - 侧边栏列表项缩进后的样式(如链接前的列表符号)。
Tags: , ,
点击在新窗口中浏览此图片
恭祝各位用户狗年新年快乐!
来年事业、爱情、生活、学业更上一层楼!

请大家在新的一年里继续不吝您的支持。

下载“恭贺新禧2006”模板:
本模板的一些提示:
页顶模块显示的项目数最多为6个,否则会换行。
Tags: ,
这个模板是根据一位朋友的需要特地仿制的。原作者的网址是:http://beccary.com/goodies/wordpress-themes/
本来不打算专程写日志来发布这个模板,但是今天在给这位朋友发信的时候,遇到Gmail出问题。30K的附件死活发不出去,去掉附件却发送正常,不知道是怎么回事。所以干脆传到网上来,给大家分享算了。
根据原作者的要求,这个模板可自由更改,但需保留出处,所以请大家在用的时候不要删除我在模板底部留下的原作者标识,谢谢。
预览:
点击在新窗口中浏览此图片
Tags: ,
分页: 3/4 第一页 上页 1 2 3 4 下页 最后页 [ 显示模式: 摘要 | 列表 ]


Powered by Bo-Blog 2.1.1 pre RCCode detection by Bug.Center.Team
沪ICP备05032643号

© 2008 博睿智 Marshal Design Bo-blog offcial theme