« 圣诞节主题Ver 0.2 For Zblog 1.8 beta发布(12月23日更新)到国外购买顶级域名更省钱 »
December 22 2007

从WordPress移植主题到Zblog的小技巧三则

PurpleFire @ 22:9

一、从WordPress移植主题到Zblog时,如果遇到代码方面大不相同时,可以考虑变通,自己重新设计不同的CSS。比如我移植的两个WordPress主题中,关于日历模块在原来WordPress中采用的都是Table标签,而Zblog的日历模块是DIV+P标签来实现的。很显然,原来的日历模块部分CSS用不了了,这时就要重新设计他们。

搬出Zblog的Default样式,找出其中关于日历模块的部分,我们需要对它进行修饰,以使风格更靠近原主题。如果原来的主题中那部分是表格实现的,重新设计时要考虑使用Margin和Padding这两个值以及border的样式,并且每个段落(每一天刚好是一个段落)的宽度要刚好合适,以适应侧边栏的总宽度。只要margin、padding、border和宽度这四项值设计好了,你就可以随心所欲设计日历样式了。

二、适当使用CSS hack来分别针对IE、FireFox、Opera、Safari来设计不同的CSS,比如使用<!--[if lte IE 6]> <style> CSS代码 </style> <![End if]-->来专门适应IE6。常见的CSS hack代码你可以Google一下~

三、在合适的地方使用“clear:both;”来禁止浮动。

我在移植“红色圣诞主题”时,遇到过一个问题,也是跟日历有关,添加日历代码后,紧挨着日历下面的栏目总是会错位,找了几个小时都没发现问题所在,经过不断的调试,后来在侧边栏所有的根<li>标签中添加style="clear:both;"才把问题解决。

  • quote 3.荔城镇
  • Gravatar Icon www.xytdgc.com
    www.china-wfgg.com
    www.xytdhjg.com
    www.xytdbxg.com
    www.xytdgyg.com
    www.xytdggjg.com
    www.xytdgg.com
    www.q345cwfg.com
    www.xytddhjg.com
    www.steelmake.cn
    www.wfgjg.com

    www.q345dwfg.com
    www.bxggjg.cn
    www.gangguanjg.com.cn
    www.20gguoluguan.net.cn
    www.tjwufengangguan.cn
    www.zxcfeilun.cn
    www.tianjinggchang.cn
    www.shiyoutaoguan.com
    www.wufengggc.net.cn
  • 2011-1-24 14:25:06 回复该留言

订阅本站

    订阅本站 订阅到Google 订阅到抓虾 订阅到鲜果 订阅到Yahoo 订阅到邮天下

Search on Google

 

最新发表