空间CSS修改(二)

昨天和percy去听了一个PS的讲座。回来了percy说要改他的空间，于是就开始行动了。医天地社区（博客） eK+ol:u

,@I1N3MQ7g7xLJ0percy是想把自己空间的标题下的背景换了。医天地社区（博客）7?8v)Qr@/`n

医天地社区（博客）4bzj.T,w
（注意：改之前先复制一份原来的保存，方便在出现重大问题后恢复。恢复只需用保存的原代码替换现在的。）

当然，首先肯定是要找到自己喜欢的图片了。我们听完讲座percy有点蠢蠢欲动，于是自己动手做了。
w7`edHX0第一次做的，我觉得我们做的还行。嘿嘿！医天地社区（博客）I9b*? gWG9o

做好了图，就可以修改了：医天地社区（博客）4?F$cNRT&a
一、把图片发到网上的某个地方，得到图片所在的地址（url）；医天地社区（博客）"\5}Ml,cU sTw
借医天地论坛里“画匣子”之便，我们发到那里去了。

二、在编辑我的CSS里找到：
6J'O |0x1hK0#header { border-bottom: 1px solid #CCC; width: 98%; margin: 0 auto; }医天地社区（博客）S/Hc:C*k4o?muKX
里面没有关于背景的设置，只有加了。医天地社区（博客）)oC#J&B;Bt
在大括号里加入：background-image:url(粘贴图片的地址);background-repeat:no-repeat;
2DFa+Q0QZ v0图片的地址完整复制粘贴就好了，后面的语句的意思是让图片不重复，就是在图片不够长的时候不接第二次。医天地社区（博客）?e!e?cL)|
由于不重复所以找的图就要合适的长度，我们用的1010像素（px）长的。具体的要视页面的宽度而定，多试几次就好了。如果你喜欢重复的也行。

Yi_O#C ?0三、如果图片高度超出header的高度时就只会显示一部分，所以还要改header的高度。
.Fy5VF1p,u#cN&|0还是上面的语句：#header { border-bottom: 1px solid #CCC; width: 98%; margin: 0 auto; }
+J&oxE$b iC0在里面加入：height:300px;数值由图片的高度定，percy的是300。医天地社区（博客）H_+r1Sii2M

&yX+D tZ"qV0四、弄好了背景，由于背景的高度和以前的不一样，空间名字和菜单就改变了相对的位置，不美观了。医天地社区（博客） RaSkRc3y
找到：#xspace-spacename { padding: 20px 0 0 10px; height: 60px; he\ight: 40px; }
Q WvH S2x~KO0加入：margin-top:210px，这是距离顶部的距离，具体的数值还是视图而定。医天地社区（博客）"z'?[R4QI
这样是把菜单放在图面，如果要放上面可以改成：margin-bottom：数字px；
,?:n*EN0[nc0改变数值的大小可以任意改变空间名字和菜单的位置。

`#j M!l4s0最后要说的是，改动CSS后以前设置的一些东西会失效，比如鼠标样式，再设置一次就好了。

学习中…
3a4MVe#a`8`
u'[$^ { k0（待续） 
(w1E
Lx B0医天地社区（博客） LA6q)^l1VIq;p