一点点修改空间CSS的技巧(一)
2006-12-01 02:10:00
/ 个人分类:学以致用
班门弄斧了!
学的不多,拿出来献丑了,要是有不对的地方希望大家指出。
9Vs:t*i$BvW#F c1E1G!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|;BE0.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]e6t b
将 mainarea-side { float: left; width: 380px; w\idth: 390px; padding: 0 5px; }里w\idth: 390px的数值改为510;
此时,你的空间宽度加大了,自然空间的名字就过于靠左了,如果你不喜欢,可以修改一下:
2m,R$U]2ZG0#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 在学中……
%[}uD(@s*o6Upz0 (等续 )
f6EB*t1y)UH0
sz;d'atM0
推荐
收藏
导入论坛
等级(1)
编辑
管理
查看(48)
评论(5)
评分(0/0)
TAG:
学以致用