动动手,亲自打造自己的个性空间!
点击个人空间里或社区首页的 “
装扮空间
” ,在打开的页面中找到 “
自定义空间样式
” 和 “
空间背景图片
”,这就是装扮空间的地方哟.....
将css代码写到“
自定义空间样式
” 里就ok了.............
在“
空间背景图片:
”
上传背景图片
以后就可以看到空间的背景变成了上传的图片.....
后边的 “
将空间设为透明
”如果勾上的话,空间的栏目框和留言板的泡泡就
变成线条
的了.....(当然用css代码也可以变线条的)
什么是css我在这里就不做介绍了,网上搜搜一大堆,
而且不知道css也没关系
,这里放出的css代码只需有小小的改动,就可以直接用了.....
我只在这里给大家讲讲什么是网页的“
颜色代码
”,标准的“颜色代码”是用来控制色彩的一串
6位十六进制的数字
,前边加一个“
#
”符号表示。比如像这样:“
#6905d8
” 表示的颜色是这样的
紫色
.....

为了大家选色方便,海报给大家做了一个
选
色
的小工具
,
点击下边的链接
选择颜色后
复制颜色代码
就好了..
(
按住 shift 键
点击此链接可新窗口打开)http://www.haibao.cn/js/web_html_color_code.html
===================================== 这是分割线 ======================================
↓↓
新手看这里
↓↓
例子:
如果要将栏目内容的字体变成红色,就将下边两行代码
加入到
“自定义空间样式”的
框里
..
/*设置空间的栏目内容所有字体的颜色
*/
.ltext *,.rtext * {color:#ff0000 !important;}
===================================== 还是分割线 ======================================
重要说明:
重复添加
css代码的话,后边的代码效果可能
会覆盖掉前面的代码
效果。
以下代码中,
蓝色强调
的地方,是设置
颜
色
代
码
的地方

,
黄色强调
的地方是设置
url(网址)
的地方.....
--------------------------
这也是分隔线,表示
下边
是关于
空间背景
的代码开始
------------------------------
/*设置背景颜色 (刚打开空间时,在背景图片出现前,空间背景将显示此颜色)
*/
body {background-color:#
000000
;}
/*引用外部背景图片*/
body {background-image:url(
http://www.haibao.cn/image/new/haibao_logo.gif
);}
/*设置背景图片不被锁定
*/
body {background-attachment:scroll;}
/*设置背景图片不平铺
(不重复)
*/
body {background-repeat:no-repeat;}
/*设置在空间里鼠标的光标样式*/
body{cursor:url(
http://snowbabyhome.googlepages.com/cici04.ani
);}
a:hover {cursor:url(
http://snowbabyhome.googlepages.com/cici12.ani
);}/*鼠标移到超链接上时的样子*/
/*
背景图片居中
*/
body {background-position:center 0;}/*背景水平居中*/
body {background-position:0 center;}/*背景垂直居中*/
body {background-position:center center;}/*背景水平垂直居中*/
-----------------------------------
此分隔线说明:
下边
是
栏目框框
的代码
------------------------------------
=========
声明:
所有栏目居中的代码不推荐使用,藕也木有这样滴代码
=========
登陆后,在你的空间右上角有一个“自由设置空间”的按钮,可以隐藏和移动栏目..............
/*不要留言板的泡泡
*/
.comtops, .comtexts, .combots {background:none;border:none;}
/*不要所有的边框
*/
.ltop, .lbot, .rtop, .rbot, .comtops, .comtexts, .combots, .ltext,.rtext, .tlt{background:none;border:none;}
/*设置栏目框为线条(建议与去掉白色块块的代码连用)
*/
.ltop{background-image:url(/image/transparent/t309X9.gif);}
.lbot{background-image:url(/image/transparent/b309X9.gif);}
.rtop{background-image:url(/image/transparent/t628X9.gif);}
.rbot{background-image:url(/image/transparent/b628X9.gif);}
.ltext,.rtext,.tlt{background:none;}
/*去掉空间里一些白色的块块(建议在栏目框是线条的情况下一定要用!)
*/
.looklist, .person_m a, .ltext td *, .rtext td * {background:none !important;}
DIV.stext {border:none;}
/*去掉我的东东里边的白色的块块
*/
.person_m a {background:none !important;}
/*设置留言板的泡泡为线条
*/
.comtops{background-image:url(/image/transparent/comtop.gif);}
.comtexts{background-image:url(/image/transparent/combg.gif);}
.combots{background-image:url(/image/transparent/combot.gif);}
/*去掉或改变留言引用框背景色*/
.cite_reply_content {background-color:
transparent
;}
/*隐藏留言引用框*/
.cite_reply_content {display:none;}
/*设置栏目框为方块
*/
.ltop, .lbot, .rtop, .rbot, .ltext, .rtext {background:#
a6437f
;}
.ltext {width:325px;
border:none;}
.rtext {width:628px;
border:none;}
/*设置栏目框为方形线条
*/
.ltop, .rtop{width:323px;border:1px solid red;border-bottom:none;}
.lbot, .rbot{width:323px;border:1px solid red;border-top:none;}
.rtop, .rbot, .rtext{width:628px;}
.ltext {width:323px;}
.ltop, .lbot, .rtop, .rbot, .ltext, .rtext {background:none;border-color:#
ee33ee
;}
/*设置栏目框为
方块加边框
线条
*/
.ltop, .rtop{width:323px;border:1px solid red;border-bottom:none;}
.lbot, .rbot{width:323px;border:1px solid red;border-top:none;}
.rtop, .rbot, .rtext{width:628px;}
.ltext {width:323px;}
.ltop, .rtop, .lbot, .rbot, .ltext, .rtext {border-color:#
ee33ee
;}/* 边线颜色 */
.ltop, .lbot, .rtop, .rbot, .ltext, .rtext {background:#
a6437f
;}/* 背景颜色 */
/*设置栏目框为半透明效果
*/
.ltop, .ltext, .lbot, .rtop, .rtext, .rbot {filter:Alpha(opacity=70);opacity:0.7;}
-----------------------------------------
我表示:
下边
是关于
空间字体
的代码
--------------------------------------
/*设置空间的栏目内容字体颜色
*/
.ltext ,.rtext {color:#
330044
!important;}
/*设置空间的栏目标题字体颜色
*/
H3 {color:#
4e56a7
!important;}
/*设置空间所有链接的颜色
*/
.ltext A:link, .ltext A:visited, .ltext A:hover, .ltext A:active {color:#
cb2fb5
!important;}
.rtext A:link, .rtext A:visited, .rtext A:hover, .rtext A:active {color:#
cb2fb5
!important;}
/*设置空间的栏目内容所有字体的颜色
*/
.ltext *,.rtext * {color:#
4ab2f5
!important;}
/*让空间栏目
的
内容字体泛光(可以让字体在颜色与背景色一样的时候也能看清)*/
.rush TD, .cele_text P ,.comwidths {zoom:1;filter:glow(color=#
aaaaaa
,strength=2);}
/*将留言板的内容字体
加粗*/
.comtexts {font-weight:bold;}
/*将空间所有字体
加粗*/
.ltext *,.rtext * {font-weight:bold}
/*将空间所有链接的加粗*/
.ltext A:link, .ltext A:visited, .ltext A:hover, .ltext A:active {font-weight:bold}
.rtext A:link, .rtext A:visited, .rtext A:hover, .rtext A:active {font-weight:bold}
/*将空间
栏目
的
内容字体变大*/
.rush TD, .cele_text P ,.comwidths {font-size:14px;}
本帖地址: