dz7.0论坛头部logo使用透明png的方法(转)

?追忆困ㄋ · 发表于 2009-1-20 20:14:11

dz7.0论坛头部logo使用透明png 的方法
7.0的风格顶部现在使用透明的logo，对于官方的高品质透明gif格式的logo，一般人能难制作，大部分都有锯齿，最佳的方法就是使用透明png格式，透明png很容易制作，但是透明png只支持IE7、Operapng、Firefox这些浏览器，IE6及以下版本关闭了对PNG图片透明背景的渲染，所以不显示透明，大部分人都还在使用IE6，所以可以添加一段代码让png在IE6下也透明。

1、先制作一个透明的png格式的logo，传到dz对应目录下，在风格管理里面点编辑使用这个logo

2、全局——优化设置——其他头部信息加入以下代码，保存即可

<script language="JavaScript" type="text/JavaScript">
<!--
// flashlover
function correctPNG()
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "NG")
{
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:progidXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
//-->
</script>

复制代码

3、或者将以下代码上传到include/js/目录下，在第二步的其他头部信息位置添加

<script src="include/js/tm.js" type="text/javascript"></script>

复制代码

滚骨碌 · 发表于 2009-1-20 20:21:55

本帖最后由滚骨碌于 2009-1-20 20:35 编辑

看上去很不错！
支持一下啊虽然不用7.0

cnck. · 发表于 2009-1-20 20:25:08

不错好方法，过去制作的png 在 ie6下总是不透明！

wqyuzdz · 发表于 2009-1-20 21:34:26

提示: 作者被禁止或删除内容自动屏蔽

itachi87 · 发表于 2009-1-20 21:43:42

谢谢分享

?追忆困ㄋ · 发表于 2009-1-20 23:45:16

顶上来.................................

daxingplay · 发表于 2009-1-21 08:19:47

不错的方法，建议增加一段代码，判断当前浏览器是否是ie6，如果是ie6，再调用上面的js。

?追忆困ㄋ · 发表于 2009-1-21 15:20:43

不错的方法，建议增加一段代码，判断当前浏览器是否是ie6，如果是ie6，再调用上面的js。
daxingplay 发表于 2009-1-21 08:19

fireseven · 发表于 2009-1-21 19:29:42

为什么，我照你的方法做了，在IE6下还是不透明？
http://www.bbssuda.com/

?追忆困ㄋ · 发表于 2009-1-21 20:52:37

缓存了咩?????????????

		自动登录	找回密码
密码			立即注册

[修改] dz7.0论坛头部logo使用透明png的方法(转)

本帖子中包含更多资源

本帖子中包含更多资源