一点点修改空间CSS的技巧(一)

2006-12-01 02:10:00 / 个人分类:学以致用

班门弄斧了!

学的不多,拿出来献丑了,要是有不对的地方希望大家指出。
9Vs:t*i$BvW#Fc1E1G!a0
还有就是下面的修改不一定适合所以的空间,因为我看到有的CSS是和我的不一样的,所以请大家谅解啊!(多多包涵新手啊

强烈建议:在修改前,请将原有的css文字全部复制保存在记事本里,在修改出了较大的问题是,用保存的替换就可以恢复原来的状态。 
Hg7M6C7}]'Y_0(已经在我的空间里实验过了。)

1、#spacename { float: left; width: 240px; height: 132px; overflow: hidden; }医天地-橘井社区7_ l(H%X,Z
作用:控制空间名的位置,宽度,高度,超出限制部分的显示情况。

如:空间的地址由于过长回有折头现象
{aT*u,` e j}l0     (~~~~~~~~~/~~/12334555656医天地-橘井社区-v`o$L^$b
       12 ) 通常这样的情况出现在后注册的会员身上,比如我的。

医天地-橘井社区#` G v(H3L4^'t"AP[
修改:width:240px;增大数字就可以,245,250 等等,不用太大;

 

2、你是否想把空间首页设置为左右两列,中间显示日志?但是只选择修改模版里的页面版式,就会显得中间狭小。医天地-橘井社区#a+Ma&v[Pc&iEa.]3J
通过css的修改就可以实现你的要求:

首先在css里找到body 下的wrap:医天地-橘井社区v0Q-EPoKZ#J!c;q
#wrap { margin: 1em auto; text-align: left; width: 770px; w\idth: 760px; border: 5px solid #FFF; background: #FFF; overflow: hidden; }
&CBK)sIWa0医天地-橘井社区f(Ip-Z{ PMxn@
将w\idth: 760px的数值修改为900(或其他);

然后,再选择页面版式为两边都有分栏的样式;

最后找到代码如下:
3J.a^r0M)]B0/*Layout_3 三列*/
S1Kvs5e[0.xspace-layout3 #sideleft { float:left; width: 190px; }
;`B!a&_%hi|;B E0.xspace-layout3 #sideright { float:right; width: 190px; }
;^ uPJ v$R0 .xspace-layout3 .
mainarea-side { float: left; width: 380px; w\idth: 390px; padding: 0 5px; }医天地-橘井社区rV$WS8a.@O
医天地-橘井社区&Y&}!I]e6tb
将 mainarea-side { float: left; width: 380px; w\idth: 390px; padding: 0 5px; }里w\idth: 390px的数值改为510;

此时,你的空间宽度加大了,自然空间的名字就过于靠左了,如果你不喜欢,可以修改一下:
2m,R$U]2Z G0#spacename { float: left; width: 240px; height: 132px; overflow: hidden; }医天地-橘井社区Zi.p~3\7v-X.J
还是上面的语句,在其中加入:padding-left:90px;(注意分号)
b(Ju-gO-j?0变为:医天地-橘井社区0oA0l3T9P}0W(j
#spacename { float: left; width: 240px; height: 132px; overflow: hidden;padding-left:90px; }

                                                                
Ye;Pmb!bM0                                                                 在学中……
%[}u D(@s*o6Upz0                                                                      (等续 )
f6EB*t1y)UH0

s z;d'atM0


TAG: 学以致用

琼美卡随想录 删除 盐城 发布于2008-08-03 16:57:08
我说那个“爱你”同学.....
未 明 的 天 空 删除 东方未明 发布于2008-08-02 15:32:26
是和我说的??
琼美卡随想录 删除 盐城 发布于2008-08-01 09:03:35
真当成东方MM了...

汗~
删除 爱你 发布于2008-07-31 18:07:42
我不需要什么,我只需要一个爱我的女孩,我会告诉她~~我会爱你一辈子
未 明 的 天 空 删除 东方未明 发布于2006-12-03 13:23:33
要说声抱歉啊!
由于我的疏忽把倒数第7行的数字写错了!现在已经更正了!
我来说两句

-5 -3 -1 - +1 +3 +5

Open Toolbar