ZBLOG主题[Ceedo] V2.0

laoshu133 其他 13评论 Feb 27

�?�其实，这篇日志�?�是�?早就准备更新了，因为�?��?原因，一直拖到现在，下�?�说下这次的主�?更新：

修正所有已知BUG
�?构了1.0的页�?�结构，对于自适应和页�?�布局方�?�完全�?�消对图片的�?赖
�?设了背景区域和正文区域的背景，更加�?出阅读�?点
�?写了文章评论/回�?部分，修�?了原有的�?��?BUG，更加给力了回�?功能和表情�?�入
�?写了页�?�的所有脚本逻辑交互，完全�?�消了对ZBLOG的common.js的�?赖
将所有�?��?�件�?�入脚本全部移入文档底部，加速页�?�渲染（对速度有�?求的朋�?�应该比较喜欢）
对主题资�?进行整�?�，在没有�?�件情况下首页�?�有6个外部资�?请求（CSS*1+JS*2+IMG*3）

总之，Ceedo 2.0 给你一个干净，简�?，够快的ZBLOG主题。

OK，感觉有点废�?了，下�?�给出下载地�?�： Ceedo 2.0

�?�外，给希望在文章中�?�入代�?而且需�?高亮的朋�?�一个漂亮的代�?高亮�?�件 DsLight

最�?�，欢迎�?��?�?�砖，�?��?建议

-----------------------------�?�丽的分割线（v1.0）----------------------------------

其实早就准备写这篇文章了，�?�是空间�?怎么给力，更�?幸的是，在写这篇文章的时候自己一个�?�?心把电�?给踩掉了-_-|||，结果�?�写第二�??...，主题是两周以�?开始写的，到今天为止也算是正�?�?�布了。

这次主题总的�?�说我自己还是很满�?的，虽然期间也�?�到�?少问题，但总算还是站�?�走过�?�了，其中自认为�?错也是比较喜欢的几个效果，NAV导航，页�?�顶部底部导航，以�?�的效果，详细的自己看看�?站就晓得啦，至于那版�?�什么的，有问题就直接找我�?�，以下说下主题的特点

整站自适应布局，仿两列等高，是一款很�?看，很实在的主题
完全断开了很多主题所需的原程�?中的common.js，当然，为了兼容�?�件�?然引入了JQuery，并且�?�级版本为1.3.2
高度的兼容�?览器，在已测的范围内，基本上没区别的，细微的，在个人能力范围内在所难�?
页�?�动画效果简�?�实在，个人相当喜欢，�?过这主�?还是�?归功于JQuery的功劳
整个主题加起�?�181K，�?到200K的体积我自己是相当满�?的，而且还是内置了JQ1.3.2的

看完如果�?�现有喜欢�?�以找我�?，本�?�是很想直接挂下载链接的，但是空间真的很�?给力啊，说完优点，缺点肯定也是有的，说下在制作过程的比较纠结的一个问题，其实一开始我就是想好�?“自适应两列等高布局�?，在实际中也一直是按照这个宗旨�?进�?�，在�?期�?�自适应的时候还是很顺手的，因为网站布局�?�有两列，我一开始就用用的，，�?�列�?对的定�?的方�?布局，在自适应上�?�下过相当�?错了，�?过也很快就�?�现问题了，因为�?�列用的是�?对定�?，已�?脱离了文档�?，当�?�列高度大于左列的时候，会出现�?�列盖�?底部的情况，�?过这个问题如果pass掉IE6的�?，也很好解决，加个min-height就�?�定，而且还需�?实现两列等高，实现两列等高自然还是采用相当�?典的“padding-bottom - margin-bottom法�?，这样�?��?�?让主体容器overflow:hidden;就�?�以很简�?�的实现两列等高了，个人觉得边框模拟，多层嵌套什么的都是�?实用的。

很�?幸，现实总是和我们预想的是有那么点点区别的，很快BUG就出现了，先�?说它�?兼容IE6，更严�?的是，我�?��?��?�文章显示页�?�，因为有评论，所以需�?很多锚点，或者ID�?�导航�?或者定�?什么的，然�?�在定�?评论框的时候，出现了在主体容器里�?��?�剩下评论框的情况（本�?�很想上传图片的，空间忒�?给力……），记得早些时候看过一篇关于“�?�?使用overflow:hidden清除浮动，overflow:hidden会元素在FF下获得焦点�?，因为我测试也正好也是FF，以为是�?�例，结果一测�?�现在所有�?览器都表现的那么从�?�没有过的一致啊，我当时那个-_-|||，�?��?�一想，其实这样是正常现象，overflow:hidden�?�是让容器�?显示滚动�?�而已，当容器里的内容需�?滚动的时候�?然还是滚动的，�?�是溢出的部分�?�?了。

至此，上�?�的方法是�?行了，然�?�在想了一个上�?��?�，忽然想起以�?�?月飞歌写过一篇文章，他说继上次“圣�?�布局�?以�?�，我们�?�迎�?�了“负�?�负去�?布局的时代，我觉得这个确实也还是蛮有�?��?�的，继续我们作为IT业中还算比较潮的一行，自然也需�?试试“负�?�负去�?的感觉，为了让左列自适应，�?得�?还给左列加上一层标签包裹起�?�，这次让左�?�两列都左浮动，然�?�左列宽度100%，左边负边�?�?�列宽度，为了解决IE6的“下沉�?现象，还得加上overflow-x:hidden，�?然�?�让左列包裹层，左边正边�?�?�列宽度就达到自适应的目的了，具体看代�?�?�

.content, .slider{ float:left;} .content{ margin-left:-290px; overflow-x:hidden; width:100%;} .main{ margin-left:290px;}

然�?�实现自适应了，�?�?�已�?说了，“padding-bottom - margin-bottom法�?是有BUG的了，肯定也是�?行的了，多层嵌套什么的，也�?是很喜欢，太浪费标签了，那么就背景模拟�?�，因为�?�?��?�列用的�?对定�?，所以主题容器上�?�加了position:relative，结果因为这个�?��?�具了，在除了IE6的�?览器下�?�都正常，但就是在IE6下�?�主题容器的背景硬就是�?跟�?��?览器的大�?走（真的很想上图片的），还得我�?�调试了一上�?��?找到问题所在，最�?�我�?�特�?去翻了一�??关于W3C对position:relative的解释：

相对定�?的元素框会�??移�?个�?离。元素�?然�?�?其未定�?�?的形状，它原本所�?�的空间�?�?留�?

结果看�?�IE6还真是相当�?�从它的“规定�?啊，一点�?让地方�?少啊，整个容器的内容都在�?�?�窗�?�的缩�?而缩�?，�?�是容器背景的�?置就是�?�?�，然�?�把position:relative去掉就解决问题了。

最�?�说下，�?�能有些时候在两列都左浮动的时候�?�能会产生IE6 3px bug，其实�?��?�?�到让左列�?�边和�?�列的左边没有外边�?，基本上就木有问题了，还有当�?览器窗�?�相当�?于一定大�?�?�IE6会出现�?�列下沉的现象，其实解决也很简�?�，�?��?让左边容器overflow-x:hidden或者word-break:break-all，也就基本解决问题了。

以上如有错误之处还望指正，如果您看完了此文，那么我是相当感激您的，对于我这么一个文笔相当差人�?�说，这已�?是对我最大的尊敬了。

Tags:BLOG CSS HTML

上一篇：在线五�?棋对战

下一篇：基于给定路径求相对路径

共13评论

路人甲说：

于 2012-2-28 14:51:14 #

路过测试一下

回�?
模拟器说：

于 2012-9-14 21:36:19 #

很喜欢这个主题，简�?大方，字体也大，�?点�?出。�?留你的链接。JQ1.3.2麻烦�?�给我，能附上使用说明最好。谢谢。

回�?
模拟器说：

于 2012-9-14 21:36:50 #

我邮箱imoniqi@qq.com

回�?
youanan说：

于 2012-10-4 19:51:31 #

主题很棒!
�?�现一个bug,图片会超出�?�,到侧�?��?! 请帮忙改善!

回�?
熬夜�?�客说：

于 2012-10-8 12:27:45 #

�?�惜，用的是官方主机，�?知�?�怎么上传，刚更新上2.0的。找了�?�天也�?知�?�怎么上传，请�?�主明示
laoshu133 于 2012-10-8 13:15:20 回�?
@熬夜�?�客
本主题是基于ZBLOG1.8开�?�，ZBLOG2.0我也没测试过，�?知能�?�支�?

回�?
邱永胜说：

于 2012-10-19 22:36:55 #

首先主题是�?�常�?错的哦，但是有点�?�?�憾的是1.8的，�?是2.0的，而且貌似1.8�?�级到2.0也�?是很难的，希望�?�主有时间�?�以�?�级�?2.0，这样�?�以让更多的用户能用到你的主题哦，�?�以�?�考下�?��?��?�写的模�?��?�级教程：http://lusongsong.com/reed/552.html，当然�?管�?�级与�?�，这个主题都是�?�常�?错，值得收�?的，先收�?之了哦
laoshu133 于 2012-10-20 12:33:31 回�?
@邱永胜
多谢�??醒，鉴于ZBLOG2.0目�?公众于大家，我会想办法尽快更新对2.0的支�?

回�?
�?�柯一梦说：

于 2013-5-12 17:04:03 #

主题�?错哦

回�?
raelzhou说：

于 2013-6-21 16:29:34 #

主题很棒啊，�?�惜�?是2.0的

回�?
stepdrillbits说：

于 2013-8-25 14:29:36 #

�?�主大牛�?�?�教�?

回�?
刘亚斌的�?�客说：

于 2014-1-5 23:12:24 #

我试试能�?能下载

回�?
屌�?智慧说：

于 2014-5-8 22:10:12 #

刚好在找这方�?�的内容学习了

回�?
�?肥水果网说：

于 2014-7-11 14:02:10 #

我也是开始用zblog,这里我会�?常�?�看看,学习

回�?
�?�香�?说：

于 2014-9-4 16:49:48 #

找主题过�?�看看新手入门

回�?

_米空格

ZBLOG主题[Ceedo] V2.0

相关文章

共13评论

�?�表评论

最新评论�?�回�?

最近�?�表

网站分类

文章归档

�?�情链接