修改新浪博客上面的banner
点击次数:32 次 发布日期:2008-11-14 10:53:21 作者:源代码网
|
方法如下: 首先清空顶部LOGO(顶条背景)清空顶部一条背景图片的方法: <img src="http://www.admin5.com/article/20070306/javascript:Mlogo.style.background="";"> 然后是写入下面换背景代码:(地址为你的背景图片地址) <img src="http://www.admin5.com/article/20070306/javascript:document.getElementById("all").style.background="url(背景图片的地址)";"> 如果你还想修改顶部LOGO为自己制作的LOGO,用下面的代码: <img src="http://www.admin5.com/article/20070306/javascript:document.getElementById("Mlogo").style.background="url(顶部一条图片的地址)";"> 下面是两个都修改,一起修改后的代码: <img src="http://www.admin5.com/article/20070306/javascript:document.getElementById("Mlogo").style.background="url(顶部一条图片的地址)";document.getElementById("all").style.background="url(背景图片的地址)";"> 代码比较短,可直接放在一起使用 具体的代码: 程序代码<img src="http://www.admin5.com/article/20070306/javascript:Mlogo.style.background="";"><img src="http://www.admin5.com/article/20070306/javascript:document.getElementById("Mlogo").style.background="url(图片地址1)";document.getElementById("all").style.background="url(图片地址2)";"> <img src="http://www.admin5.com/article/20070306/javascript:Mlogo.style.background="";"><img src="http://www.admin5.com/article/20070306/javascript:document.getElementById("Mlogo").style.background="url(图片地址1)";document.getElementById("all").style.background="url(图片地址2)";"> 1、自己制作喜欢的图。(尺寸——banner:770×102。menu:770×28。feed updown:550×28。分别是顶部大图,大图下橫条,文章标题栏上下。格式:gif或者jpg。 2、把自己制作的图片发送到网上。(要稳定且允许调用的网络空间.)3、新建自定义空白栏,将以下代码写进去(代码中http://..是图片在网上的地址): 重要说明!!! ①小括号内的代码一定要确保没有粘贴错。 ②以下代码不能单独贴在新建空白栏里,必须在其他空白栏的代码之后, ③body指背景,图要尽可能的小。.banner指最上方的大图片。.menu指大图片下面的那一条。(其他不换也罢) 程序代码<DIV> <STYLE type=text/css> body {background:url(http://blog.sina.com.cn/myalbum/show_pic.php?pic_id=48bfa43e020001jc&type=2&op=0) repeat scroll!important;} .banner {background:url(http://blog.sina.com.cn/pic/48bfa43e020001tk) no repeat no scroll!mportant;} .menu{ background:url("http://blog.sina.com.cn/pic/48bfa43e020001tt") no- repeat center;} .callboard .mid{ background:url(http://blog.sina.com.cn/pic/48bfa43e020001tr);} .feeds .up{ background:url(http://blog.sina.com.cn/pic/48bfa43e020001ti) no- repeat center;} .feeds .down{ background:url(http://blog.sina.com.cn/pic/48bfa43e020001tj) no- repeat center;} </STYLE> </DIV> |

程序代码