杭州交通信息网辐射岛联机图:怎么更换百度空间的背景图片呀?除了默认模板的
来源：百度文库 编辑：杭州交通信息网 时间：2024/04/29 17:58:10
百度空间CSS代码说明
作者：未知 文章来源：未知 点击数：1000 更新时间：2006-7-15
body 整个空间页面{background- color:#FFFFFF}
--------------------------------------------------------------------------------
空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景图{background:url (temp1/hdr.jpg) no-repeat top right}
#header div.tit 空间名称{top:8px;left:20px;line- height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink 空间名称链接 {color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text- decoration:none}
#header div.desc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}
#tab TAB菜单主体 {top:67px;background:url(temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited TAB选中状态{margin-top:3px;border-left:1px solid
#FFFFFF;border-right:1px solid #FFFFFF;border- top:1px solid #FFFFFF;line-height:19px;background
-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span TAB与TAB之间的分割符"|"{color:#FFFFFF;font-size:14px}
#tab a:link TAB未选中状态 {color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text- decoration:none;font-size:14px}
#tab2 设置TAB菜单主体{background:#DAE9F5}
#tab2 span TAB选中状态{color:#000000;font-size:12px;font-weight:bold}
#tab2 a TAB未选中状态{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
--------------------------------------------------------------------------------
.stage 内容区域（TAB菜单与版权信息之间的区域）{background:#F3F1F1}
其它区域（即访问量等信息）
#comm_info 主体{color:#333333;font-family:Arial;text- align:left}
#comm_info div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a 链接{color:#3399CC}
--------------------------------------------------------------------------------
页码区域
#page 主体{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span 当前页码（不可点击）{padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#3399CC}
#page a.pi 页码（可点击）{padding:3px;color:#3399CC;font- size:14px}
#page a.pi:visited{color:#3399CC}
--------------------------------------------------------------------------------
模块
.mod {margin-bottom:10px}
.modhandle{cursor:move}
.modth 模块标题栏主体 {height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt 模块操作区（如写新文章）{padding:4px 4px 0 0}
.modtit 模块标题区（如文章列表）{color:#FFFFFF;font-size:12px;font-weight:bold} a.modtit
{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
.modtitlink{color:#FFFFFF;font- size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-
decoration:none}a.modtitlink:visited {color:#FFFFFF;text-decoration:none}a.modtitlink:hover
{color:#FF5100;text-decoration:underline}
.modact 操作文字链接（如文章列表）{color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}
a.modact:visited{color:#FFFFFF}
.modbox 模块内容区{padding:10px 10px 0 10px;background- color:#FFFFFF}
.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line- height:1px}
.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}
.modtr 模块右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}
.modbl 模块左下角背景{background-color:#FFFFFF;line-height:1px}
.modbc 模块中下背景{background- color:#FFFFFF;line-height:1px}
.modbr 模块右下角背景{background-color:#FFFFFF;line- height:1px}
--------------------------------------------------------------------------------
文章区域
#m_blog div.tit 文章标题{font-size:14px;font-weight:bold}
#m_blog div.tit a 文章标题链接{color:#333333;font-size:14px;font-weight:bold}
#m_blog div.tit a:visited {color:#333333}
#m_blog div.date 文章发表日期{margin:5px 0 8px 0;color:#666666}
#m_blog div.cnt 文章内容{color:#333333;line-height:20px;font-size:14px}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a 阅读全文链接{color:#3399CC;font-size:14px}
#m_blog div.more a:visited{color:#3399CC}
#m_blog div.opt 文章操作区（如编辑、评论等）{color:#666666;font- size:12px}
#m_blog div.opt a 文章操作链接{color:#3399CC;font-size:12px}
#m_blog div.opt a:visited{color:#3399CC}
#m_blog div.line 分界线{margin-top:17px;line-height:17px;border- top:1px solid #D2E9F4}
#m_blog div.none 无文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
--------------------------------------------------------------------------------
个人档案区域
#m_pro a 链接{color:#3399CC}
#m_pro a:visited{color:#3399CC}
#m_pro div.image 个人头像{text-align:center}
#m_pro div.act 操作区（如加为好友、发送消息）{margin- top:10px}
#m_pro div.user 用户名{margin-top:10px;color:#333333;font-size:12px;font- weight:bold}
#m_pro div.desc 用户简介{color:#333333;font-size:12px}
#m_pro div.line 分界线 {margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td{color:#333333;line- height:24px;font-size:14px}
--------------------------------------------------------------------------------
相册区域
#m_album div.image 照片{text-align:center}
#m_album div.page {color:#666666;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font- size:12px}
#m_album div.page a:visited{color:#0000CC}
--------------------------------------------------------------------------------
友情链接区域
#m_links div.item 子项{color:#333333;font-size:12px}
#m_links div.item a 名称（链接）{color:#3399CC;font-size:12px;text-decoration:none}
#m_links div.item a:visited {color:#3399CC}
#m_links div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
文章分类
#m_artclg div.item 子项{color:#666666;font-size:12px}
#m_artclg div.item a 分类名称（链接）{color:#3399CC;font-size:12px}
#m_artclg div.item a:visited{color:#3399CC}
#m_artclg div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
最新评论区域
#m_comment div.item 子项{color:#333333;font-size:12px}
#m_comment div.item a 发表人（链接）{color:#3399CC;font-size:12px}
#m_comment div.item a:visited{color:#3399CC}
#m_comment div.item a.cnt 评论摘要（链接）{color:#333333;font-size:12px;text- decoration:none}
#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}
#m_comment div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
相册列表
#m_albumlist div.note{color:#333333;font-size:14px}
#m_albumlist div.desc 简介 {margin-bottom:12px;padding:3px 10px 3px 10px;line-
height:22px;background-color:#F2F2F2;font- size:14px}
#m_albumlist div.none 无照片提示信息{padding:100px 0 100px 0;color:#333333;font- size:14px}
#m_albumlist div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist div.tit 照片标题{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist div.tit a 照片标题链接{color:#3399CC;font-size:14px}
#m_albumlist div.tit a:visited{color:#3399CC}
#m_albumlist span.count 照片数量{color:#666666;font-size:12px;font- weight:bold}
#m_albumlist span.size 照片尺寸{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act 操作区链接（如编辑、删除）{color:#3399CC;font-size:12px}
#m_albumlist a.act:visited{color:#3399CC}
#m_albumlist a.page 页码链接{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited{color:#0000CC}
#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}
--------------------------------------------------------------------------------
好友列表
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding- top:10px;height:27px;line-
height:27px}
#m_friend div.catalog{margin-bottom:10px;padding- left:10px;height:27px;line-
height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a 好友名称（链接） {color:#3399CC;font-size:12px}
#m_friend div.user a:visited{color:#3399CC}
#m_friend div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
设置访问统计、模板设置
#m_setting a 链接{color:#3399CC}
#m_setting a:visited {color:#3399CC}
#m_setting 主体{line-height:22px;color:#333333;font-size:14px}
#m_setting img.sel 模板预览图（选中状态）{border:4px solid #FFDB7B}
#m_setting img.unsel 模板预览图（未选中状态）{border:1px solid #D2D2D2}
#m_setting span.tit 模板标题名称{font-size:14px}
#m_setting span.usr 作者名{color:#666666}
#m_setting div.sel "当前模板"文字{padding- top:6px;font-size:14px;font-weight:bold}
#m_setting div.line 分界线{margin-top:20px;line- height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
系统公告
#m_sysinfo a 链接{color:#3399CC}
#m_sysinfo a:visited{color:#3399CC}
#m_sysinfo 主体{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo span.new 最新 {color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date 发布时间 {color:#666666;font-size:14px}
--------------------------------------------
基本选项
#m_setbase 主体{color:#333333;font-size:14px}
#m_setbase td{color:#333333;font -size:14px}
#m_setbase div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
---------------------------------------------------
百度空间CSS——透明Flash教程
2006年07月22日 星期六 19:03
首先，大家找到#header{} ，因为代码都会写在这里面，如果你在这里面设置了背景图片，那么建议你把代码写到到#header div.lc{}或者#header div.rc{} ，如果你这两个里面也有背景图片的话，那么你就写到#header div.tit{}里面吧，一般#header div.tit{}里面很少有添加背景图片的。。如果你这个里面也有背景图的话。。。还是有办法，你随便找一个{} ，只要里面没有设置背景图的代码[一般设置背景图的代码都是background:url()或者background-image:url()] ，你就可以把代码放到里面去(注：代码的缺点就是会有个虚线框)
之后是插入透明flash的代码：
background:url("javascript:document.body.onload = function(){if(document.getElementById("header")){var objBlogList=document.getElementById("header");objBlogList.innerHTML="<div><embed src=\'http://imgfree.21cn.com/free/flash/9.swf\' wmode=transparent style=\'position:absolute\' width=990 height=280></div>"+objBlogList.innerHTML;}}");
这是使用的两个蝴蝶的透明flash代码，上面红色的字体是大家可以自由更改的属性，其他请按原样复制，不然，导致没有效果，本人不予处理以及解答
其中第一段红色字体不用我说也知道，就是你要设置的透明flash地址
第二段红色字体是设置flash宽度的
第三段红色字体是设置flash高度的
大家可以自己去调节和尝试
这里还有很多漂亮的FLASH,大家可以自己选择喜欢的换
http://imgfree.21cn.com/free/flash/1.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/9.swf蓝色蝴蝶
http://imgfree.21cn.com/free/flash/12.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/19.swf左右晃动的竖条
http://imgfree.21cn.com/free/flash/20.swf黑色背景水平闪动的横条
http://imgfree.21cn.com/free/flash/21.swf黑色背景光晕
http://imgfree.21cn.com/free/flash/23.swf蓝色背景雪花飘飘
http://imgfree.21cn.com/free/flash/27.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/33.swf粉黄色5瓣花飘飘
http://imgfree.21cn.com/free/flash/35.swf小星、大星光晕梦幻
http://imgfree.21cn.com/free/flash/37.swf绿色、黄色的树叶飞舞
http://imgfree.21cn.com/free/flash/38.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/46.swf一片浅粉色的云团
http://imgfree.21cn.com/free/flash/49.swf飘落的浅粉色花瓣
http://imgfree.21cn.com/free/flash/51.swf三只飞舞的蜻蜓、闪闪的星光
http://imgfree.21cn.com/free/flash/52.swf黑色背景飘落的红叶
http://imgfree.21cn.com/free/flash/54.swf绿色的心和I love you垂直降落
http://imgfree.21cn.com/free/flash/57.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/67.swf由远而近飞来的流星
http://imgfree.21cn.com/free/flash/68.swf黑色背景飘落的雪花
http://imgfree.21cn.com/free/flash/69.swf七彩光光芒四射（全屏）
http://imgfree.21cn.com/free/flash/73.swf蓝色背景蓝色气泡慢慢升
http://imgfree.21cn.com/free/flash/74.swf白色背景浅蓝色的气泡慢慢升空
http://imgfree.21cn.com/free/flash/82.swf雪花旋舞
http://imgfree.21cn.com/free/flash/83.swf蓝色背景蓝色气泡升腾
http://imgfree.21cn.com/free/flash/84.swf闪动的白色圆圈
http://imgfree.21cn.com/free/flash/85.swf浅蓝色的纸片旋入
http://imgfree.21cn.com/free/flash/86.swf绿色的指针旋转
http://imgfree.21cn.com/free/flash/87.swf跟随鼠标移动的黄色小球
http://imgfree.21cn.com/free/flash/88.swf七彩礼花开放
http://imgfree.21cn.com/free/flash/89.swf金光闪闪（中间到四周）
http://imgfree.21cn.com/free/flash/90.swf立方体折叠
http://imgfree.21cn.com/free/flash/91.swf浅蓝色的纸片旋入
http://imgfree.21cn.com/free/flash/92.swf飘舞的七彩丝线
http://imgfree.21cn.com/free/flash/93.swf闪电效果
http://imgfree.21cn.com/free/flash/94.swf扇形旋转七彩光圈
http://imgfree.21cn.com/free/flash/95.swf 七彩光8字形旋转
http://imgfree.21cn.com/free/flash/96.swf小球和旋钮、光晕
http://imgfree.21cn.com/free/flash/97.swf旋转的花瓣、蝴蝶随鼠标飞舞
http://imgfree.21cn.com/free/flash/98.swf飞旋的七彩光
http://imgfree.21cn.com/free/flash/99.swf白色旋转的花瓣变形
http://imgfree.21cn.com/free/flash/100.swf蓝宝石七彩闪光
http://imgfree.21cn.com/free/flash/101.swf黄色4瓣花飘落
http://imgfree.21cn.com/free/flash/102.swf蓝色的球从页面左侧飞入
http://imgfree.21cn.com/free/flash/103.swf从空中滴落的一个大雨滴
http://oyja.51.net/flash/mhh.swf漂亮的玫瑰花从上飘落
http://www.nanzhou.net/nanzhou/img520/f/sh.swf 从上飘落的鲜花和红心
http://www.postalvirtual.net/card/images/5.swf花环效果
收集百度空间常见的实用CSS特效代码，掌握了这些，你就成了高手！
1.如何更换空间背景？
??打开高级设置，再自定义CSS，看到里面的第3行和第4行都是
header div.lc{background:url(header div.lc{background:url
(http://img.baidu.com/hi/temp13/hdl.gif) no-repeat}
第三行的是标题栏左边的图片，第4行是标题栏的右边，建议大家换第4行就行了。
找一个图片，复制下图片的URL地址替换掉第四行的http://img.baidu.com/hi/temp13/hdl.gif就行了。
2.如何美化你的百度空间的鼠标
把第一行换成
body{background:#000;CURSOR: url('http://webme.bokee.com/inc/mouse028.cur')}
a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse031.ani')} 就ok了！
3.如何隐藏播放器而不影响音乐播放。
在css 文件的空白处添加以下代码：
#mod_bgmusic{display:none}
不显示播放器，但不影响音乐的播放。
4.让baidu空间背景音乐支持多首歌曲了
将音乐的网址写到一个记事本文件里，保存扩展名为mp3（1.mp3），然后将这个文件找个空间传上去。
回到空间中将背景音乐的地址设置为你刚刚做的文件就可以。格式如下（最好是wma文件，因为比较快）
5.在空间中使用html javascight代码（原创）
??先把html javascight代码上传到免费的Html主页空间，
打开网页，把内容复制
然后，写新文章，把代码粘贴在文章内容里，就ok了！
6.百度空间文字发光的方法
第一步 :
按快捷键,ctrl+f 要搜索的关键字”#m_blog div.cnt”
第二步:
把”{color:#000000;line-height:20px;font-size:14px}
#m_blog div.more{margin:14px 0 16px 0}”换成”{filter:glow
(color=#ff0000,strength=3);color:#cccccc;font-size:12px;font-size:12px}
7.教你加显示IP地址代码
[1] 进入『设置』--->『高级设置』
[2] 点击右边“自定义CSS可以让您： ? 直接编辑CSS文件，实现个性化效果”下面的『开始自定义』
[3] 在最下面加入下面全码
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6;
background:url(http://hi.baidu.com/500w） no-repeat bottom; padding-bottom: 40px; margin-
bottom: 10px}
8.这样做到CSS阴影效果
字体阴影就是这个指令
Filter：DropShadow（Color=color，Offx=Offx，Offy=offy，
Positive=positive）
也支持图片阴影 效果不好
以上的回答纯粹乱来的我KAO。。妈的个垃圾人
hi.baidu.com/dcxc 这上面有教人怎么 换自己喜欢的百度模钣。。
还有隐藏播放器。。透明模板。。变化鼠标。。等很多的百度空间教程
和现成的百度空间代码