2008年4月12日 星期六

部落格版面微調

之前常有人反應找不到我的Email,我就覺得很奇怪,明明在右側欄的RSS下面都有顯示,後來才發現真的有問題,就是部落格在Firefox跟IE的版面會有所不同,我一直是用Firefox所以都沒注意到用IE開啟我的部落格會變成以下圖示,本來是三欄式的版面,硬是把右側欄擠到最下面,導致很多資訊會讓網友找不見,這一點我深感抱歉,今天花了一些時間把首面的版面改了一下,讓三欄式也可以在IE裡正常顯示。


另一個微調的地方是圖片去背的問題,在右側欄的RSS圖示是以png檔呈現,在firefox、IE7可以正常的去背,不過在IE6中會變成沒有去背的情況,如下


The PNG problem in Windows Internet Explorer裡提供了一個解法IE無法去背的方法,首先下載一個JS 檔案: pngfix.js(另存新檔)
再將它上傳到自己的網頁空間,例如:http://pages.google.com/

進入控制主頁 > 版面配置 > 修改HTML > 修改範本 > 把「展開小裝置範本」打勾

再來將下列的代碼放置在</head>之前,注意紅色部份為上傳pngfix.js的位置

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="http://上傳位置.pngfix.js"></script>
<![endif]-->

之後用IE瀏覽就不會有去背不完全的問題了
Related Posts Plugin for WordPress, Blogger...