当前位置:海报社区社区帮助 > 装扮您的【海报空间】 css代码全攻略
« 上一个主题 | 下一个主题 »
 
‹‹ 上一页 1 2 3 4 5 6 7 8 9 10 11 ...... 33 下一页 ››
发表新帖 回复帖子

紫石  

积分:872
注册时间:2008-06-23
城市:重庆 北京
性别:GG
星座:天蝎座
状态:离线
  发表时间:2008-08-08 16:38 引用此帖 |  快速回复 | 站内短信 | 加为好友

  装扮您的【海报空间】 css代码全攻略

  标签:DIY·生活 海报 博客空间DIY 

动动手,亲自打造自己的个性空间!   



点击个人空间里或社区首页的 “  装扮空间  ” ,在打开的页面中找到 “  自定义空间样式  ” 和 “  空间背景图片  ”,这就是装扮空间的地方哟..... 

     



将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;}/*背景水平垂直居中*/ 



-----------------------------------   此分隔线说明:  下边  是  栏目框框  的代码   ------------------------------------ 

=========     声明:  所有栏目居中的代码不推荐使用,藕也木有这样滴代码     :meishenme:   ========= 

登陆后,在你的空间右上角有一个“自由设置空间”的按钮,可以隐藏和移动栏目..............  

/*不要留言板的泡泡  */ 
.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;} 


本帖地址:


......

Бēst°貓  

积分:33733
注册时间:2008-05-04
城市:福建省,厦门
性别:MM
星座:巨蟹座
状态:离线
  发表时间:2008-08-09 9:33 引用此帖 |  快速回复 | 站内短信 | 加为好友 #2楼
你终于出手了哇哈哈~~~我来抢沙发了。。。 :jianchen:

  

                                              

                                                                                                                                                                                                                                                                       

Бēst°貓  

积分:33733
注册时间:2008-05-04
城市:福建省,厦门
性别:MM
星座:巨蟹座
状态:离线
  发表时间:2008-08-09 9:34 引用此帖 |  快速回复 | 站内短信 | 加为好友 #3楼
对了。。我要那个字体都加粗可以不。。 :lengd: :wuligan:

  

                                              

                                                                                                                                                                                                                                                                       

Бēst°貓  

积分:33733
注册时间:2008-05-04
城市:福建省,厦门
性别:MM
星座:巨蟹座
状态:离线
  发表时间:2008-08-10 22:23 引用此帖 |  快速回复 | 站内短信 | 加为好友 #4楼
。。。我是惹到你了么。。我就想知道那字字怎么加粗嘛。。。。 :bian: :bian:

  

                                              

                                                                                                                                                                                                                                                                       

Бēst°貓  

积分:33733
注册时间:2008-05-04
城市:福建省,厦门
性别:MM
星座:巨蟹座
状态:离线
  发表时间:2008-08-11 3:37 引用此帖 |  快速回复 | 站内短信 | 加为好友 #5楼
在大半夜。。我的眼睛终于雪亮了。没事。我继续来支持你~~·

  

                                              

                                                                                                                                                                                                                                                                       

loveyang  

积分:6439
注册时间:2008-04-30
城市:安徽省,芜湖
性别:MM
星座:天秤座
状态:离线
  发表时间:2008-08-11 5:44 引用此帖 |  快速回复 | 站内短信 | 加为好友 #6楼
我莱迟了 :leiben: :leiben: :leiben: 
 
比猫 迟了一步
         

loveyang  

积分:6439
注册时间:2008-04-30
城市:安徽省,芜湖
性别:MM
星座:天秤座
状态:离线
  发表时间:2008-08-11 6:00 引用此帖 |  快速回复 | 站内短信 | 加为好友 #7楼
还有好多 没搞懂蛮 :leiben: :leiben: :leiben:
         

恳丁D调  

积分:3347
注册时间:2008-06-07
城市:福建省,福州
性别:MM
星座:狮子座
状态:离线
  发表时间:2008-08-11 8:11 引用此帖 |  快速回复 | 站内短信 | 加为好友 #8楼
呦西,偶要的就是这个````````` :xingfu:
 
 
对了,为什么你知道呀```````````从何得知呀``````
:hou:
                       

紫石  

积分:872
注册时间:2008-06-23
城市:重庆 北京
性别:GG
星座:天蝎座
状态:离线
  发表时间:2008-08-11 12:15 引用此帖 |  快速回复 | 站内短信 | 加为好友 #9楼
已经增加字体加粗的代码.....
 
 
新的空间代码,都会及时更新到顶楼 :bingo:
 
仔细寻找后,如果没有发现你要的,请发帖求助..... :paozao:


......

Бēst°貓  

积分:33733
注册时间:2008-05-04
城市:福建省,厦门
性别:MM
星座:巨蟹座
状态:离线
  发表时间:2008-08-11 15:35 引用此帖 |  快速回复 | 站内短信 | 加为好友 #10楼

  回复 9#的帖子

恩昨天半夜我眼睛终于雪亮了。。 :wuligan: 对了。。我只要留言版加粗。。我不好全部。。全部很恐怖。。。 :wo:

  

                                              

                                                                                                                                                                                                                                                                       

紫石  

积分:872
注册时间:2008-06-23
城市:重庆 北京
性别:GG
星座:天蝎座
状态:离线
  发表时间:2008-08-11 16:03 引用此帖 |  快速回复 | 站内短信 | 加为好友 #11楼

  回复 10#的帖子

新增加“将留言板的内容字体加粗”的代码............


......

紫石  

积分:872
注册时间:2008-06-23
城市:重庆 北京
性别:GG
星座:天蝎座
状态:离线
  发表时间:2008-08-12 17:59 引用此帖 |  快速回复 | 站内短信 | 加为好友 #12楼



新增
将空间栏目的内容字体变大代码.....



......

Бēst°貓  

积分:33733
注册时间:2008-05-04
城市:福建省,厦门
性别:MM
星座:巨蟹座
状态:离线
  发表时间:2008-08-13 1:19 引用此帖 |  快速回复 | 站内短信 | 加为好友 #13楼
.....。。。。。。。。
孩子。。。。。。。。。
我滚来看你了。。。。。
我想知道。。。。。。。
怎么才可以和你空间一样
...................
你要和我说哦。。。。。
 :wuligan: :wuligan:
记得要快速回复。。。。
我们才知道你回什么了。

  

                                              

                                                                                                                                                                                                                                                                       

maggiem820  

积分:1227
注册时间:2008-08-06
城市:上海
性别:MM
星座:狮子座
状态:离线
  发表时间:2008-08-13 9:56 引用此帖 |  快速回复 | 站内短信 | 加为好友 #14楼
 :goodjob: 好东西,就是复杂了些,能像Office软件那样就好了
不用复制什么代码了!
我们都以为是在自己的轨道独自生活,然而偶然的相遇却让生命更加美丽。   

紫石  

积分:872
注册时间:2008-06-23
城市:重庆 北京
性别:GG
星座:天蝎座
状态:离线
  发表时间:2008-08-13 12:15 引用此帖 |  快速回复 | 站内短信 | 加为好友 #15楼

  回复 14#的帖子

和我的空间 :wabikong: 哪个地方一样?


......

紫石  

积分:872
注册时间:2008-06-23
城市:重庆 北京
性别:GG
星座:天蝎座
状态:离线
  发表时间:2008-08-13 14:59 引用此帖 |  快速回复 | 站内短信 | 加为好友 #16楼


新增
设置栏目框为半透明效果.....


......

Бēst°貓  

积分:33733
注册时间:2008-05-04
城市:福建省,厦门
性别:MM
星座:巨蟹座
状态:离线
  发表时间:2008-08-13 15:01 引用此帖 |  快速回复 | 站内短信 | 加为好友 #17楼

  回复 17#的帖子

 :ku: :ku: :ku: :ku: :ku: :ku: :ku:
我想打人............ :wuligan:

  

                                              

                                                                                                                                                                                                                                                                       

紫石  

积分:872
注册时间:2008-06-23
城市:重庆 北京
性别:GG
星座:天蝎座
状态:离线
  发表时间:2008-08-13 15:05 引用此帖 |  快速回复 | 站内短信 | 加为好友 #18楼

  回复 18#的帖子

要代码干嘛不跟帖 :wabikong: ,你想做什么 :meishenme: .....


......

Бēst°貓  

积分:33733
注册时间:2008-05-04
城市:福建省,厦门
性别:MM
星座:巨蟹座
状态:离线
  发表时间:2008-08-13 15:24 引用此帖 |  快速回复 | 站内短信 | 加为好友 #19楼

  回复 19#的帖子

 :chaojia: :chaojia: :chaojia: :chaojia:
你知道你发这个帖子空间就早也个性不了了知道不!!!!!!!! :nuhuo: :nuhuo: :nuhuo:

  

                                              

                                                                                                                                                                                                                                                                       

紫石  

积分:872
注册时间:2008-06-23
城市:重庆 北京
性别:GG
星座:天蝎座
状态:离线
  发表时间:2008-08-13 15:48 引用此帖 |  快速回复 | 站内短信 | 加为好友 #20楼

  回复 20#的帖子

 
 
 :gaochubushenghan: 同样是一支黑色的笔和一张白色的纸,有的人可以画一幅画,有的人只能画一条线.....


......

‹‹ 上一页 1 2 3 4 5 6 7 8 9 10 11 ...... 33 下一页 ››
发表新帖 回复帖子
添加到海报收藏
想发表你自己的看法吗?请登录注册

  


海报网Blog - 联系我们 - 使用协议 - 隐私原则 - 友情链接 Copyright © 2006-2009 haibao.cn 京ICP证060618号