如何在新浪博客里添加背景图片爱问知识人

问题:

推荐 ┊ 关注 ┊ 评论 ┆ 举报

风在吹
[新手]

如何在新浪博客里添加背景图片

0分

回答：3 浏览：6056 提问时间：2006-12-20 15:02

共1条评论...

最佳答案 此答案由提问者自己选择，并不代表爱问知识人的观点

揪错 ┆ 评论 ┆ 举报

冷心
[智者]

操作方法：控制面板——个人首页维护——添加空白面板——新增——面板标题——点击“显示源代码”——粘贴上面的代码——保存
控制面板——定制首页的内容板块——添加模板——选择要添加的模块——选取——保存

背景代码：<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY><TR><TD>
<EMBED style="LEFT: 0px; POSITION: absolute; TOP: -200px" align=right src=背景地址 width=1100 height=700 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED></TD></TR></TBODY></TABLE></DIV>

背景地址：

http://imgfree.21cn.com/free/flash/1.swf红色背景白色小流星
http://imgfree.21cn.com/free/flash/2.swf浅绿色背景亮色竖条
http://imgfree.21cn.com/free/flash/3.swf光球光芒时隐时现
http://imgfree.21cn.com/free/flash/4.swf米字星光
http://imgfree.21cn.com/free/flash/5.swf灰色背景米字星光
http://imgfree.21cn.com/free/flash/6.swf灰蓝背景飘落雨滴
http://imgfree.21cn.com/free/flash/7.swf黄色背景飞星闪闪
http://imgfree.21cn.com/free/flash/8.swf青蛙
http://imgfree.21cn.com/free/flash/9.swf蓝色蝴蝶
http://imgfree.21cn.com/free/flash/10.swf竖条箭头
http://imgfree.21cn.com/free/flash/12.swf左右晃动的竖条（宽、窄）
http://imgfree.21cn.com/free/flash/13.swf黑色背景旋转轮盘
http://imgfree.21cn.com/free/flash/14.swf蝌蚪旋转、随鼠标的白色光团
http://imgfree.21cn.com/free/flash/15.swf黑色背景绿色飘带幻影
http://imgfree.21cn.com/free/flash/16.swf黑色背景飞星闪闪
http://imgfree.21cn.com/free/flash/17.swf金鱼
http://imgfree.21cn.com/free/flash/18.swf蓝色背景水平飞镖
http://imgfree.21cn.com/free/flash/19.swf左右晃动的竖条
http://imgfree.21cn.com/free/flash/20.swf黑色背景水平闪动的横条
http://imgfree.21cn.com/free/flash/21.swf黑色背景光晕
http://imgfree.21cn.com/free/flash/22.swf光圈由小变大
http://imgfree.21cn.com/free/flash/23.swf蓝色背景雪花飘飘
http://imgfree.21cn.com/free/flash/24.swf左右闪动的竖条
http://imgfree.21cn.com/free/flash/25.swf三只黑蚂蚁
http://imgfree.21cn.com/free/flash/26.swf左右晃动的黄、绿、蓝竖线
http://imgfree.21cn.com/free/flash/27.swf无色背景水珠
http://imgfree.21cn.com/free/flash/28.swf黑色背景竖条
http://imgfree.21cn.com/free/flash/29.swf圆圈内海浪波动
http://imgfree.21cn.com/free/flash/30.swf黑色背景蓝色梦幻
http://imgfree.21cn.com/free/flash/30.swf黑色背景蓝色梦幻
http://imgfree.21cn.com/free/flash/31.swf黑色背景无数小亮点飘落
http://imgfree.21cn.com/free/flash/32.swf长发女孩
http://imgfree.21cn.com/free/flash/33.swf粉黄色5瓣花飘飘
http://imgfree.21cn.com/free/flash/35.swf小星、大星光晕梦幻
http://imgfree.21cn.com/free/flash/35.swf紫色唇印升腾
http://imgfree.21cn.com/free/flash/36.swf上下闪动的横条
http://imgfree.21cn.com/free/flash/37.swf绿色、黄色的树叶飞舞
http://imgfree.21cn.com/free/flash/38.swf流星飞降
http://imgfree.21cn.com/free/flash/39.swf小＋字旋转大光圈
http://imgfree.21cn.com/free/flash/40.swf大、小八瓣雪花飘落
http://imgfree.21cn.com/free/flash/41.swf紫色背景大、小八瓣雪花飘落
http://imgfree.21cn.com/free/flash/42.swf空中飘动的黄球
http://imgfree.21cn.com/free/flash/45.swf两只黄色的蝴蝶在左上角飞舞
http://imgfree.21cn.com/free/flash/46.swf一片浅粉色的云团
http://imgfree.21cn.com/free/flash/47.swf 箭头左右穿梭
http://imgfree.21cn.com/free/flash/48.swf一个光球从右上方慢慢飞入
http://imgfree.21cn.com/free/flash/49.swf飘落的浅粉色花瓣
http://imgfree.21cn.com/free/flash/50.swf晃动的文字
http://imgfree.21cn.com/free/flash/51.swf三只飞舞的蜻蜓、闪闪的星光
http://imgfree.21cn.com/free/flash/52.swf黑色背景飘落的红叶
http://imgfree.21cn.com/free/flash/53.swf雪糕降落
http://imgfree.21cn.com/free/flash/54.swf绿色的心和I love you垂直降落
http://imgfree.21cn.com/free/flash/55.swf两只跳跃的青蛙
http://imgfree.21cn.com/free/flash/56.swf六边形、降落的竖条
http://imgfree.21cn.com/free/flash/57.swf燕鱼和水泡
http://imgfree.21cn.com/free/flash/58.swf光晕、光圈
http://imgfree.21cn.com/free/flash/59.swf蓝色背景飞翔的海鸥
http://imgfree.21cn.com/free/flash/60.swf黑色背景降落的萤火虫
http://imgfree.21cn.com/free/flash/61.swf飞腾的红心
http://imgfree.21cn.com/free/flash/62.swf五彩礼花燃放
http://imgfree.21cn.com/free/flash/63.swf黄色的四瓣花飘落
http://imgfree.21cn.com/free/flash/64.swf浅蓝色的雪花在空中，小雪花降落
http://imgfree.21cn.com/free/flash/65.swf飘落的空心小兰圈
http://imgfree.21cn.com/free/flash/66.swf一只手的图形
http://imgfree.21cn.com/free/flash/67.swf由远而近飞来的流星
http://imgfree.21cn.com/free/flash/68.swf黑色背景飘落的雪花
http://imgfree.21cn.com/free/flash/69.swf七彩光光芒四射（全屏）
http://imgfree.21cn.com/free/flash/70.swf七彩光光芒四射（全屏）

回答：2006-12-21 01:39

提问者对答案的评价：

共2条评论...

其它回答 共2条回答

评论 ┆ 举报

冰雪三牛
[新手]

你要会做“字定义模板”，然后把添加的背景图片代码粘贴到“模板”中。
方法：
1/点击“控制面板”
2/点击“个人首页维护”内的“定制首页的内容板块”
3/点击左边的“添加模块”
4/点击“创建新的空白面板”
5/在“面板标题：”起名字，并点击“显示源代码“
6/把你的代码粘贴进去（我给你一个代码，在最下面）
7/再点一下“显示源代码”
8/点击下面的“保存”
9/把你起了名字的模板前面钩出对勾，在最下面点击“选取”
10/点击左边“保存设置”

如果，你对下面的代码效果不满意，可以到我的博客留言，我给你换别的（http://blog.sina.com.cn/u/1267386011）
<DIV align=center><EMBED src=http://lizi50.dnsmy.com/shizhongku/Clock89.swf width=180 height=180 type=application/x-shockwave-flash></DIV><STYLE>body {background:url("http://www.iecool.com/desk/photo/cartoon/cttuzi/Rabbit2_011.jpg") repeat fixed!important;}<style></STYLE>
<DIV> </DIV><STYLE type=text/css>
.logo
{background:#transparent}
.banner
{background:#transparent}
.menu
{background:#transparent}
.feeds .up
{background:#transparent}
.feeds .down
{background:#transparent}
.feeds .function
{background:#transparent}
.links .up
{background:#transparent}
.links .down
{background:#transparent}
.links .mid
{background:#transparent}
.photo .mid
{background:#transparent}
.label .mid
{background:#transparent}
.calendar .mid
{background:#transparent}
.callboard .up
{background:#transparent}
.callboard .down
{background:#transparent}
.callboard .mid
{background:#transparent}
.bodyBg
{background:#transparent}
.bodyBottom
{background:#transparent}
.sysW770
{background:#transparent}
.gbook .up
{background:#transparent}
.gbook .down
{background:#transparent}
.feeds .page
{background:#transparent}
.links .more
{background:#transparent}
.add
{background:#transparent}
.add .ico
{background:#transparent}
</STYLE><DIV> </DIV><STYLE type=text/css>.bodyTop{display:none;}</STYLE>

祝顺利！

回答：2006-12-20 15:29

共1条评论...

评论 ┆ 举报

秋芳苑
[智慧天尊]

博客改变背景代码：

滚动的大背景代码：
<style>body {background:url("页面大背景图片地址") repeat scroll!important;}</style>

repeat 重复，当图片的大小不够的时候会以平铺显示
scroll 卷轴，大背景会随着右边滚动条拉动的时候而滚动

固定的大背景代码
<style>body {background:url("页面大背景图片地址") repeat fixed!important;}<style>

fixed 固定，大背景不会因为你拉动滚动条而滚动

背景透明代码：
<STYLE type=text/css>body
{background:#transparent) repeat scroll!important;}</STYLE>

使用说明：
找到你喜欢的图片（1024*768规格），把它存在你的博客里，具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的("页面大背景图片地址")上面，找一个已经有内容的模块添加这段代码，就能改变你的BLOG背景了，具体用以上那一种代码，看你个人喜好了！
----------

4）自定义博客各部分背景代码：

<STYLE type=text/css>.logo
{background:url("题图上背景图片地址") no repeat no scroll!mportant;}</STYLE>

<STYLE type=text/css>.banner
{background:url("题图下背景图片地址") no repeat no scroll!mportant;}</STYLE>

<STYLE type=text/css>.menu
{background:url("题图下的菜单背景图片地址") no-repeat center;}</STYLE>

<STYLE type=text/css>.feeds .up
{background:url("正文标题栏上翻时的图片地址") no-repeat center;}</STYLE>

<STYLE type=text/css>.feeds .down
{background:url("正文标题栏下翻时的图片地址") no-repeat center;}</STYLE>

<STYLE type=text/css>.feeds .function
{background:url("正文摘要结尾处菜单的图片地址") no-repeat right;}</STYLE>

<STYLE type=text/css>.links .up
{background:url("面板标题栏上翻时的图片地址");}</STYLE>

<STYLE type=text/css>.links .down
{background:url("面板标题栏下翻时的图片地址");}</STYLE>

<STYLE type=text/css>.links .mid
{background:url("面板的背景图片地址");}</STYLE>

<STYLE type=text/css>.photo .mid
{background:url(个人形象照片处的背景图片地址);}</STYLE>

<STYLE type=text/css>.label .mid
{background:url("自定义面板的背景图片地址");}</STYLE>

<STYLE type=text/css>.calendar .mid
{background:url("日历面板背景图片地址");}</STYLE>

<STYLE type=text/css>.callboard .up
{background:url("公告栏标题栏上翻时的图片地址");}</STYLE>

<STYLE type=text/css>.callboard .down
{background:url("公告栏标题栏下翻时的图片地址");}</STYLE>

<STYLE type=text/css>.callboard .mid
{background:url("公告栏背景图片地址");}</STYLE>

<STYLE type=text/css>.bodyBg
{background:url("正文背景图片地址");}</STYLE>

<STYLE type=text/css>.bodyBottom
{background:url("内背景页脚处图片地址，在翻页处下面一横窄条");}</STYLE>

<STYLE type=text/css>.gbook .up
{background:url("留言板标题栏上翻时的图片地址") no-repeat;}</STYLE>

<STYLE type=text/css>.gbook .down
{background:url("留言板标题栏下翻时的图片地址") no-repeat;}</STYLE>

<STYLE type=text/css>.feeds .page
{background:url("正文文章页数图片地址") no-repeat center;}</STYLE>

<STYLE type=text/css>.links .more
{background:url("最新文章列表下的MORE的背景图片") no-repeat right;}</STYLE>

代码说明：

页面大背景(body) 指的是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分。
题图上背景(logo) 是指所在的横长条的背景。
题图下背景(banner) 是指博客名字博客地址复制　﹥收藏本页）所在的那部分的背景。
logo和banner宽各为770，logo高40，banner高134，单位均为像素。
题图下的菜单背景” 是指“HOME...搜索┆帮助┆退出”等字所在的那个横长条的背景。
正文标题栏上翻时的图片指的是文章发表了之后文章标题的图片。
面板标题栏下翻时的图片指的是点击标题后出现标题后的后面的图片。
面板的背景图片指的是左边比如我的文章列表什么的背景图片。
正文背景是指整个文章文字所在的大背景！
以上代码可以更改博客各个部分的图片，更换的图片尺寸要和原尺寸一模一样，关于上传图片和怎么得到图片地址请参考：无限制上传图片的方法

----------

如果想叫某一部分背景或者全部变的透明的话，在以上代码中大括号里面内容换上background:#transparent就能实现透明效果，

例如横幅代码：
<STYLE type=text/css>.logo
{background:url("题图上背景图片地址") no repeat no scroll!mportant;}</STYLE>

以上代码中红色部分全部改成：background:#transparent

示范：
<STYLE type=text/css>.logo{background:#transparent}</STYLE>

以上所有代码必须添加在已经有内容的模块中，例如模块里面已经有了时钟，天气预报等等内容！
　　具体操作步骤是：复制代码→控制面板→新增空白面板→钩选源代码(出现钩号，同时文档里出现DIV的字样)→粘贴代码→钩选源代码(钩号消失)→保存新增面板→定制个人首页
→选取新增个人面板→保存

回答：2006-12-20 15:36

管理员推荐

更多>>

热点推荐

更多>>

经常吃柚子有什么..

京味炸酱面是怎么..