月度歸檔：10 月 2008

制作CMS型主題的實用代碼

由 發表于 ┊4,453 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,641 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