月度归档：10 月 2008

制作CMS型主题的实用代码

由 发表于 ┊4,389 PV

最近为了制作江阴印刷网的风格，找到了wordpress的一些实用的代码，分享下吧。

先看截图和演示：

首页是网站的favicon图标，用下面一句话，可以把favicon在风格里实现。

1
<link rel="shortcut icon" type="image/ico" href="<?php bloginfo('stylesheet_directory'); ?/>/images/favicon.ico" />

无插件调用最新文章的例表(20代表要调用的文章数)

1
<?php wp_get_archives('type=postbypost&limit=20'); ?>

继续阅读 →

关于IE6/IE7/Firefox的CSS的兼容性

由 发表于 ┊1,588 PV

三种浏览器的识别问题：

1
2
3
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */

首先火狐不识别任何特殊符号，但是识别!important;而IE6识别*和_，而IE7则识别*也识别!important;但是不识别_

所以在出现IE7之前我们可以用!important;*来调整页面，但是IE7的出现却打乱了我们的方法！！

在大部分情况下，调整好火狐和IE7后，IE7不会出现太大的差距，一般情况下出现的问题就是

浮动ie产生的双倍距离

举一个网上大侠的例子：

1
2
#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离
display:inline; //使浮动忽略}

这句display:inline很重要！！

这里牵扯到一个问题，因为IE存在CSS向后继承，而Firefox不支持，因此如果我们不对每个标签定义使用浮动float属性的话，在Firefox中就会出现DIV溢出。使排版混乱．

另外的问题就是margin属性的像素差问题.

举个例子来解决：

margin-left:30px!important;margin-left:28px;

由于!important;只有IE7和Firefox识别，因此会默认执行margin-left:30px，而IE6不识别!important;因此会执行margin-left:28px;这样，用相同的方法，我们就可以清除2px像素的差来达到无缝衔接．由于在使用margin 或padding 时，我们会发现padding所出现的差值问题要比margin少的多的多！因此我强烈建议大家能用padding的时候尽量不要使用margin，这样会减少很多麻烦．

收藏自：http://blog.edotpower.com/article.asp?id=35