打印

[i空间美化]CSS代码第一弹[东方绯想天]

本主题由 Mak 于 2008-8-20 22:46 推荐主题

花似人不同

某花(叫我花妈)

荣誉会员

Rank: 123

财团前台经理

特殊贡献奖原创大师

楼主大中小发表于 2008-8-20 21:30 只看该作者

[i空间美化]CSS代码第一弹[东方绯想天]

　　发现论坛提供的模板里没有黑色调的，所以制作了一个，喜欢的就拿走
　　使用方法：设置－主页风格－选择第二个"自定义风格"，将代码框内的CSS代码复制进去即可，效果如图

　　每句代码都加了注释，有兴趣的可以自己修改

复制内容到剪贴板

代码:

/*黑色界面风格*/

body { background:#000000;  }

/*背景图，一般都是自选背景，所以多半用不上*/



a { color: #989898; }

/*链接的字体颜色，这里是灰色*/



.transborder { background:#4E4E4E; opacity: 0.2; filter: alpha(opacity=50); }

/*外框颜色，opacity是透明度*/



.maintd { border: none; FILTER:ALPHA(opacity=100); }

/*主页面框，需要半透明效果只要更改opacity的值就可以了*/



#mainarea { background:#4E4E4E; }

/*主页面框背景部分*/



.c_header { margin-bottom: 0; height: 200px; background: #000 url(http://www.56we.com/attachments/month_0808/20080820_596f29ec878e78d542ecEeRmXszM7d8z.jpg) no-repeat 0 0; border-bottom: none;FILTER:ALPHA(opacity=100); }

/*top图，把url后括号内的地址改成你自己需要的top图地址就可以了*/



.c_header h2 { top: 30px; color: #FFF; }

/*首页左上角用户名显示*/

.c_header #mystate { top: 50px;}

/*首页左上角最新状态显示*/

.c_header a { color: #E3E3E3;}

.c_header h2 em { color: #E3E3E3; }

.c_header .r_option { position: absolute; top: 45px; right: 170px; }

/*访问人数和积分，上面几项为了top图的和谐可以全部透明掉，在每句的后面加上FILTER:ALPHA(opacity=0); */



.box { background: url(http://www.56we.com/attachments/month_0808/20080820_4bf8ab85985fe50d0356ONBDFMlStD3t.gif) no-repeat 100% 0; zoom: 1; }

.box h3 { height: 33px; border: none; background: url(http://www.56we.com/attachments/month_0808/20080820_4bf8ab85985fe50d0356ONBDFMlStD3t.gif) no-repeat 0 0; line-height: 27px; color: #FFF; }

/*标题栏图，title和box组成*/



#space_action, #space_appicon { background: #636363;filter:shadow(color=#FF0000,direction=225) ;}

/*头像下方列表颜色*/



.box_action { border: none; background: transparent; color: #999; }

.box_action a { color: #999; }

.f_status { padding-bottom: 30px;border: none; background:#4E4E4E ;}

.title { border: none; }

/*bottom图，就是带“订阅”“分享”“top”链接的那部分*/