新微赢技术网

标题: 修改新浪博客上面的banner [打印本页]

作者: Bu怕Bu怕 时间: 2008-10-27 01:02
标题: 修改新浪博客上面的banner
方法如下:

首先清空顶部LOGO（顶条背景）清空顶部一条背景图片的方法：

<img src="javascript:Mlogo.style.background='';">

然后是写入下面换背景代码：（地址为你的背景图片地址）

<img src="javascript:document.getElementById('all').style.background='url(背景图片的地址)';">

如果你还想修改顶部LOGO为自己制作的LOGO，用下面的代码：

<img src="javascript:document.getElementById('Mlogo').style.background='url(顶部一条图片的地址)';">

下面是两个都修改，一起修改后的代码：

<img src="javascript:document.getElementById('Mlogo').style.background='url(顶部一条图片的地址)';document.getElementById('all').style.background='url(背景图片的地址)';">

代码比较短，可直接放在一起使用

具体的代码：

程序代码

<img src="javascript:Mlogo.style.background='';"><img src="javascript:document.getElementById('Mlogo').style.background='url(图片地址1)';document.getElementById('all').style.background='url(图片地址2)';">

<img src="javascript:Mlogo.style.background='';"><img src="javascript:document.getElementById('Mlogo').style.background='url(图片地址1)';document.getElementById('all').style.background='url(图片地址2)';">

1、自己制作喜欢的图。（尺寸——banner：770×102。menu:770×28。feed up\down: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>

欢迎光临新微赢技术网 (http://bbs.weiying.cn/)