2008年8月12日
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为
1. IE无法调整那些使用px作为单位的字体大小；
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；
3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。
px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
另外要说的是,Marshalv8模板里已经大量采用em作为单位。更符合标准。
1. IE无法调整那些使用px作为单位的字体大小；
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；
3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。
px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
另外要说的是,Marshalv8模板里已经大量采用em作为单位。更符合标准。
2008年8月8日
Marshalv8 发布于2008/8/8 8PM
由Marshal发布的第八个Bo-blog模板。
CSS代码都有注释。
模板学习可以参阅此模板制作教程
http://bbs.bo-blog.com/vie...
模板更多请查阅
http://www.marshal.sh.cn/m...
模板信息
A、模版名称：Marshalv8
B、模版适用bo-blog的版本：2.1.0以上
C、模版适用的分辨率；：800*600以上
D、适用的浏览器环境；：IE6/7，Firefox 已测试
E、模版使用过程中注意的问题：欢迎到我博客留言。
F、模板预览地址: http://www.marshal.sh.cn/i...
下载请至：http://bbs.bo-blog.com/vie...
由Marshal发布的第八个Bo-blog模板。
CSS代码都有注释。
模板学习可以参阅此模板制作教程
http://bbs.bo-blog.com/vie...
模板更多请查阅
http://www.marshal.sh.cn/m...
模板信息
A、模版名称：Marshalv8
B、模版适用bo-blog的版本：2.1.0以上
C、模版适用的分辨率；：800*600以上
D、适用的浏览器环境；：IE6/7，Firefox 已测试
E、模版使用过程中注意的问题：欢迎到我博客留言。
F、模板预览地址: http://www.marshal.sh.cn/i...
下载请至：http://bbs.bo-blog.com/vie...
2008年6月2日
png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景，如：在有颜色过度背景上插入不规则边框的图片带来极大很便利!
但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。
解决这个的方法是增加javascript。具体方法如下：
把下面的代码放在head区就可以解决问题了。
也可以把这段代码单独加在一张图片上：
但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。
解决这个的方法是增加javascript。具体方法如下：
把下面的代码放在head区就可以解决问题了。
<script language="javascript">
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>
也可以把这段代码单独加在一张图片上：
<span
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='male.png',sizingMethod='scale');"></span>
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='male.png',sizingMethod='scale');"></span>
2008年6月1日
作为浏览器市场的老大，IE6的罪恶罄竹难书，不支持透明PNG这一“特性”让IE6成为常用浏览器中唯一的异类。IE特有的CSS滤镜虽然可以做到这一点，但是代码比较复杂，而且使用了该滤镜所属标签下的链接失效。在这里和大家分享一个能让IE6不完美支持透明PNG图片的“傻瓜式”脚本，至于为什么是不完美，我们稍后分析
来源：http://www.twinhelix.com/c...
预览：http://www.twinhelix.com/c...
下载：http://www.twinhelix.com/c...
效果：允许IE6正常显示使用<img>标签插入或以CSS background-image方式写入的透明PNG图象。
使用方法：
1、下载脚本脚本，将其中的iepngfix.htc和blank.gif解压缩到合适的目录内，.htc即Html Components，该文件需要在CSS中被调用；blank.gif是一个1×1像素的透明GIF图片，缺少该文件会使<img>标签插入的PNG图象显示为红色的叉烧包。
2、在iepngfix.htc中修改blank.gif的路径，var blankImg =‘blank.gif的正确路径’，这是惟一一个需要修改的配置。
if (typeof blankImg == ‘undefined’) var blankImg = ‘blank.gif’;
3、在css中将需要使用透明PNG的元素与.htc文件关联。
例如：*{behavior: url(iepngfix.htc) }
轻松三步，IE6就能支持透明PNG图片了。
来源：http://www.twinhelix.com/c...
预览：http://www.twinhelix.com/c...
下载：http://www.twinhelix.com/c...
效果：允许IE6正常显示使用<img>标签插入或以CSS background-image方式写入的透明PNG图象。
使用方法：
1、下载脚本脚本，将其中的iepngfix.htc和blank.gif解压缩到合适的目录内，.htc即Html Components，该文件需要在CSS中被调用；blank.gif是一个1×1像素的透明GIF图片，缺少该文件会使<img>标签插入的PNG图象显示为红色的叉烧包。
2、在iepngfix.htc中修改blank.gif的路径，var blankImg =‘blank.gif的正确路径’，这是惟一一个需要修改的配置。
if (typeof blankImg == ‘undefined’) var blankImg = ‘blank.gif’;
3、在css中将需要使用透明PNG的元素与.htc文件关联。
例如：*{behavior: url(iepngfix.htc) }
轻松三步，IE6就能支持透明PNG图片了。
2008年6月1日
引用
模板名称：Marshalv7
模板作者：Marshal
适应程序：Boblog 2.0.3+
预览地址:http://www.marshal.sh.cn/i...
适用于IE6 7 Firefox Opera等主流浏览器
模板作者：Marshal
适应程序：Boblog 2.0.3+
预览地址:http://www.marshal.sh.cn/i...
适用于IE6 7 Firefox Opera等主流浏览器
修改模板的navbar于侧边，请勿点击“边栏”按钮（隐藏侧边）。
这只是给大家6.1的小礼物，ftp仍旧没有好，只是用webmin的上传功能发布的。
手上还有个更好的模板，还有6天就是我20生日了，到时候再发布吧。
模板制作于5月的某天，以纪念某人20生日，祝你开心。（有注释）
模板预览：
模板下载请至：http://bbs.bo-blog.com/vie...
