站点统计

  • 分类总数: 5 个
  • 文章总数: 58 篇
  • 评论总数: 32 条
  • 附件总数: 29 个
  • 建站日期: 2008-1-1
  • 访问总数: 182608 人次

阿里妈妈

百度空间装扮CSS代码(一)

lins 于 2008-05-11 12:49:23 发表常用小技巧

订阅: http://www.im04.com/Feed/Article_22.aspx
引用: http://www.im04.com/Trackback/bdkjzbcss.aspx (UTF-8)
用CSS来截取字符串 < 百度空间装扮CSS代码(一) > CSS布局自适应高度解决方法

/*如何设定+固定百度空间的背景*/
在body{}中加入
background-image:url(图片地址) ;                  定义背景图片
background-repeat: no-repeat;                          定义背景图片不重复
background-position: center;                             定义背景居中
background-attachment: fixed;                          定义背景固定,不滚动参数fixed


/*背景设置*/

body{}中加入background:url(http://hi.baidu.com/0454ldk
) repeat-x #FFFFFF
注:
repeat                                  背景图像在纵向和横向上平铺
no-repeat                             背景图像不平铺
repeat-x                               背景图像在横向上平铺
repeat-y                               背景图像在纵向平铺

/*鼠标样式设置*/
在body{} 中添加;CURSOR: url('http://webme.bokee.com/inc/mouse028.cur')}
a:hover{CURSOR: url('
http://webme.bokee.com/inc/mouse031.ani')
第一行是鼠标指针初始形态,第二行是鼠标指针碰到链接的形态
CSS鼠标样式大全


/*半透明设置*/
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}


/*解决回车换两行的问题*/
Shift+回车

/*全能隐藏代码*/
display:none

/*不停变换空间背景图片*/
http://magic.qtutu.com/

参数
color:green                                表示字体颜色。
font-size:14px                             表示字体大小。
font-family:Georgia,黑体            表示英文字体和中文字体
border:1px                                 表示边框的粗细。
solid green                                 表示边框的颜色。
background-color:black              表示背景色。

 

/*最顶部加字方法!*/
#tabline{margin-top:-490px;right:0px;line-height:8px; background:url(图片地址) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}
图片上面打上你要的字~
欢迎光临http://hi.baidu.com/0454ldk


/*添加LOGO*/
#main {background:url(顶部LOGO) no-repeat 10px 0px;} /*10px 0px;距左 距顶部*/
#layout {width:980px;margin-left:0px;background:url(底部LOGO) no-repeat bottom 0px;padding-bottom:80px} /*margin-left:0px底部图片距离最左边长度;bottom 0px边框大小;padding-bottom:80px主体模块最下端距离底部图片最顶端距离*/

/*添加小背景图片*/
.stage{background:url(小背景图片http://hi.baidu.com/0454ldk) repeat-y 0px 0px} /*0px 0px距左             距顶(建议为0)*/

/*空间整体宽度*/
#main{width:740px!important;text-align:center}或#main{width:80%!important}

/*版块长度及间距*/
#layout td.c2t1{padding-left:55px;width:570px} /*最左版块*/
#layout td.c2t2{width:60px} /*左右两版块间距*/
#layout td.c2t3{width:260px;padding-right:30px} /*第2竖列版块信息*/

/*定义阅读文章时 文章块宽度 距左长度*/
.stagepad {width:570px;margin-left:44px;}
.stagepad a:link{text-decoration:none;font-weight:bold}
.stagepad a:visited{text-decoration:none;font-weight:bold}

/*文章虚线边框*/
#m_blog div.cnt{color:#333333;line-height:20px;font-size:14px;border:1px dashed #090688;background:#Ffffff;PADDING: 10px;}
/
#m_blog div.cnt{color:#808080;line-height:20px;font-size:16px;border-top:2px dashed #1DC01D;border-bottom:2px dashed #1DC01D;border-left:2px dashed #1DC01D;border-right:2px dashed #1DC01D;PADDING-RIGHT: 10px; PADDING-LEFT: 10px;PADDING-TOP: 10px;PADDING-bottom: 10px;}

dotted:  点线
dashed :  虚线
double :  双线边框
groove :  3D凹槽
ridge :             菱形边框
inset :              3D凹边
outset :  3D凸边

被阅1104次, 0投一票百度 空间 装扮 CSS 代码 
  • 看完了要说点啥么?
  • 昵称 (不填说不了话)
  • 信箱地址 (不会被公开,但是不填也说不了话)
  • 网址 (这个不填也成)

Powered by im04

Copyright © 2007 ☆Marsの回声. All rights reserved.

闽ICP备08003836号