ZBLOG主题[Ceedo] V2.0 - 凡事预则立,?预则废

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

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

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

OK,感觉有点废?了,下?给出下载地?: Ceedo 2.0

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

最?,欢迎???砖,??建议

 

-----------------------------?丽的分割线(v1.0)---------------------------------- 

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

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

  1. 整站自适应布局,仿两列等高,是一款很?看,很实在的主题
  2. 完全断开了很多主题所需的原程?中的common.js,当然,为了兼容?件?然引入了JQuery,并且?级版本为1.3.2
  3. 高度的兼容?览器,在已测的范围内,基本上没区别的,细微的,在个人能力范围内在所难?
  4. 页?动画效果简?实在,个人相当喜欢,?过这主?还是?归功于JQuery的功劳
  5. 整个主题加起?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,也就基本解决问题了。

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

13评论

  1. 路过测试一下

    回?

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

    回?

  3. 我邮箱imoniqi@qq.com

    回?

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

    回?

  5. ?惜,用的是官方主机,?知?怎么上传,刚更新上2.0的。找了?天也?知?怎么上传,请?主明示

    laoshu133 于 2012-10-8 13:15:20 回?
    @熬夜?客
    本主题是基于ZBLOG1.8开?,ZBLOG2.0我也没测试过,?知能?支?

    回?

  6. 首先主题是?常?错的哦,但是有点??憾的是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的支?

    回?

  7. 主题?错哦

    回?

  8. 主题很棒啊,?惜?是2.0的Cry

    回?

  9. ?主大牛??教?

    回?

  10. 我试试能?能下载

    回?

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

    回?

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

    回?

  13. 找主题过?看看 新手入门

    回?

?表评论

最新评论?回?

    loading

最近?表

    loading

网站分类

    loading

文章归档

    loading

?情链接

Top Comments Footer