如何更换百度空间背景和超炫背景颜色代码
如何更换百度空间背景和超炫背景颜色代码?
打开高级设置,再自定义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就行了。
背景颜色的CSS代码为:
background-color: #ffffff;
#ffffff是颜色代码,您可以自行修改。
当然还可以添加您自己制作的背景图片,代码为:
background-image: url(图片链接地址);
background-repeat: no-repeat;表示这个背景图片不重复。
background-repeat: repeat-x;表示这个背景图片在x轴方向上重复。
background-repeat: repeat-y;表示这个背景图片在y轴方向上重复。
下面就说明需要在博客后台管理的CSS里面进行修改的地方:
1、代码body{}里面设置的是整个博客1024*768的这个主体大背景,往里面添加相应的代码就可以设置了。
2、代码div#container{}里面设置的是博客大框架的背景。以我的博客首页为例,里面有代码 width:940px;表示我大框架的宽度是940px,往里面添加背景颜色的话,会铺满整个940px宽的背景,并覆盖上面body设置的部分背景。而body会露出其未被覆盖的背景颜色。
3、代码div#leftFrm{}里面设置的是博客左边框架的背景。其中的代码float: left;表示它会在左边显示。float: right;表示它会在右边显示。一般它都是显示最新文章、最新留言等模块的框架。以我的博客首页为例,float: right;width:260px;,表示在右边显示,宽度为260px,往里面添加背景颜色的话,会铺满整个260px宽的背景,并覆盖上面container设置的部分背景。而container会露出其未被覆盖的背景颜色。
4、代码div#rightFrm{}里面设置的是博客右边框架的背景。一般它都是显示博客介绍、首页日志等模块的框架。以我的博客首页为例,float: left;width: 660px;,表示在左边显示,宽度为660px,往里面添加背景颜色的话,会铺满整个660px宽的背景,并覆盖上面container设置的部分背景。而container会露出其未被覆盖的背景颜色。
5、代码div.operation{}里面设置的是博客功能框架的背景,其实和左边框架设置的差不多,它的颜色设置以后,会覆盖div#leftFrm{}里的部分颜色,覆盖宽度视其width而定。
6、代码div#blogContent{}里面设置的是博客介绍的背景,它的颜色设置以后,会覆盖div#rightFrm{}里的部分颜色,覆盖宽度视其width而定。
7、代码div#diary{}里面设置的是博客首页日志的背景,它的颜色设置以后,会覆盖div#rightFrm{}里的部分颜色,覆盖宽度视其width而定。
这样背景颜色就可以这样依次添加,层层铺上去。
在您的索引页和单篇文章的CSS应该也可以找到相应的代码进行修改,修改方法也差不多。
索引CSS应修改的代码包括:
1、body{}是主体框架代码
2、div#container{}是大框架代码
单篇CSS应修改的代码包括:
1、body{}是主体框架代码
2、div#container{}是大框架代码
3、div.entity{}是日志代码
4、div.operation{}就是下面的那些trackback、博客手拉手、回复等部分代码
颜色代码查看器
以下转自心心空间
如何更换百度空间的主体背景及文章的背景
主体背景应用于整个空间
一、背景为颜色
body{background:#ffffff} /*表示背景为白色,亦可以用单词white代替*/
即body{background:black}
二、背景为图片
body{background:url(http//:图片位置) 参数} /*可识别的图片格式为jpg、gif、bmp等*/
主要参数:
repeat :背景图像在纵向和横向上平铺
no-repeat:背景图像不平铺
repeat-x :背景图像在横向上平铺
repeat-y :背景图像在纵向平铺
示例:
body{background:url(
http://img.baidu.com/hi/temp10/hdr.jpg) no-repeat top right}
/* top right 表示图片与浏览器的顶边和右边对齐*/
/* bottom left 表示图片与浏览器的底边和左边对齐*/
文章背景
主体背景并不应用于文章的背景,所以看到主页的文章背景与博客文章的背景并不一致,另外设置。
找到以#m_blog div.cnt开头的代码,如:
#m_blog div.cnt{color:#666666;line-height:10px;font-size:14px}
添加你喜欢的背景颜色或图片(方法同设置主体背景)
示例:
#m_blog div.cnt{padding:10px;background:
#FF9966;color:#666666;line-height:10px;font-size:14px}
/* padding 检索或设置对象四边的补丁边距,简单地说指内容与背景的间距。试一下用与不用的效果就很清楚了。*/
http://hi.baidu.com/%D4%C2%C2%E4%B2%D7%BA%A3/blog/item/a828aa09e4c3a5246b60fbbc.html