/*常用插入时间图片位置的代码*/
如下面的时间地址不显示可更换;dd=Adformat=yymmddft=0tr=ytimezone=GMT+0800
图片显示位置——个人档案照片下面:
#m_pro div.act{margin-top:5px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——文章列表 标题下面:
#m_blog div.tit{font-size:14px;font-weight:bold; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——文章列表 标题左面:
#m_blog div.tit{font-size:14px;font-weight:bold; line-height:24px; text-indent:120px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat; }
图片显示位置——TAB导航栏:
#tabline{top:89px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 32px; margin-bottom: 6px; }
图片显示位置——相册下面:
#m_album div.image{text-align:center; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 45px; margin-bottom: 1px; }
图片显示位置——每个友情链接下面:
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; }
图片显示位置——每个最新评论下面:
#m_comment div.item{color:#000000;font-size:12px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——每个文章分类下面:
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; }
图片显示位置——其他区域:
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
/*添加天气预报*/
#m_mylink1 div.line{background:url(;style=1) no-repeat bottom;line-height:40px;margin-bottom: 10px;margin-top:5px;padding-bottom: 138px}
先编辑自定义模块,链接地址为,然后更换为以上代码,(注意:要把地址换在你所在地的地址,可以到 网站里去找,只需把生成代码里面SRC后面的地址替换以上地址即可)
百度空间的背景代码怎么做?/*背景设置*/
body{}中加入background:url() repeat-x #FFFFFF
注:
repeat 背景图像在纵向和横向上平铺
no-repeat 背景图像不平铺
repeat-x 背景图像在横向上平铺
repeat-y 背景图像在纵向平铺
/*半透明设置*/
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
/*解决回车换两行的问题*/
Shift+回车
/*全能隐藏代码*/
display:none
/*不停变换空间背景图片*/
参数
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}
图片上面打上你要的字~欢迎光临
/*添加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(小背景图片) 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凸边
/*前景图片透明设置*/
filter:alpha(opacity=90,finishopacity=100,style=0,)
/*播放器*/
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=60, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)Invert(); WIDTH: 224px;HEIGHT:200px}
Invert(); 滤镜效果 可以更换
/*不显示播放器,不影响音乐的播放*/
添加#mod_bgmusic{display:none}
/*日志背景*/
#m_blog.modbox{background:url(图片)}
或#m_blog div.cnt{background:url(图片) repeat; /*图片*/color:#666666;line-height:20px;font-size:14px}
/*滚动条*/
#m_blog{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:1330px;
filter: chroma(color=#E100E1)}
/*去掉横向滚动条*/
在body{ }里加上overflow-x : hidden;
/*禁止选择 鼠标右键特效*/
#main{
background:url('javascript:
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
')}
document.oncontextmenu=new Function("event.returnValue=false;");禁止鼠标右键
document.onselectstart=new Function("event.returnValue=false;")
禁止选择/*鼠标触碰 按钮下陷*/
a:hover{}中加入 position:relative; left:2px; top:1px; clip:rect( );
/*弹出窗口*/
#comm_info 和#comm_info a 替换#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url('javascript:alert("你要说的话");')}
#comm_info{}或#m_links div.item{}
添加
background:url(javascript:alert())欢迎光临零点壹貮
/*文章在新窗口中打开*/
a:active { text: (target="_blank");}
/*屏蔽Rss链接,baidu图片*/
#comm_info a {display:none}
/*标题背景*/
#header div.lc{} -左
#header div.rc{} -右
插入 background:url(http://***)
/*百度空间 进入后弹出对话框*/
去掉#comm_info div.line 把#comm_info a换成
#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url('javascript:alert("欢迎光临");')}
/*文章日期旁加小图案*/
#m_blog div.date
{text-indent:1.5cm;background:url(这里要填上你自己选的小图片的连接地址) 30% 0% no-repeat; /*背景图片*/margin:5px 0 8px 0;color:#999999;
line-height:50px; /*调整行高*/}
/*标题栏主体加小图案*/
模块ID span.modtit{background:url() no-repeat top left;font-size:0px;width:100%;margin-left:-18px;padding-top:3px}
/*常用插入时间图片位置的代码*/
图片显示位置——个人档案照片下面:
#m_pro div.act{margin-top:5px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——文章列表 标题下面:
#m_blog div.tit{font-size:14px;font-weight:bold; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——文章列表 标题左面:
#m_blog div.tit{font-size:14px;font-weight:bold; line-height:24px; text-indent:120px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat; }
图片显示位置——TAB导航栏:
#tabline{top:89px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 32px; margin-bottom: 6px; }
图片显示位置——相册下面:
#m_album div.image{text-align:center; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 45px; margin-bottom: 1px; }
图片显示位置——每个友情链接下面:
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; }
图片显示位置——每个最新评论下面:
#m_comment div.item{color:#000000;font-size:12px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——每个文章分类下面:
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; }
图片显示位置——其他区域:
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
其他样式显示;dd=A
/*调整图片位置*/
padding-bottom: 20px; margin-bottom: 5px; padding-bottom为距上高度,margin-bottom为距下高度。
/*调整TAB距离*/
在TAB{}内加入text-indent:30px
/*分割线*/
模块ID div.line{margin-top:17px;line-height:17px;background:url() repeat-x}
/*发光效果*/
{}中加入filter:glow (color= #299BE8,strength=2);
/*阴影效果字体阴影*/
{}中加入filter:DropShadow(Color=#000000:,OffX=2, OffY=3,Positive=1);或filter:shadow(Color=#000000:,OffX=2, OffY=3,Positive=1);
参数作用:
Color=阴影的颜色代码
OffX=设置阴影与对象(文字或图片)的横向距离偏移
OffY=设置阴影与对象的竖向距离偏移
Positive=设置建立阴影的对象,true是为非透明像素建立阴影,false是为透明的像素建立阴影,一般不建议使用false
另外,如果添加阴影的地方已经有了filter的参数,例如设置透明度的filter:alpha(),只需把DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true)添加到alpha()的后面即可,这里不需要间隔,当中留空格可以,间隔将无效
例如在原来的filter:alpha(opacity=50);后面加上阴影效果代码:
filter:alpha(opacity=50)DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true);
/*投影的代码*/
filter:Shadow(Color=gray/*颜色*/,Direction=135/*方向*/)
/*文章标题背景*/
#m_blog div.tit{text-indent:1.5cm/*缩近*/;line-height:75px;/*增大行高,使背景图片完全显示*/font-size:16px;font-weight:bold;background:url() no-repeat;/*标题背景图片,不重复*/}
line-height:多少px; 设置标题的高度,其实这里的设置为图片的高度就可以了
text-indent:多少px; 设置标题的文本前面空多少宽度,这里可以填图片的宽度,为了美观起见,可以再多+5、6px,因为图片和标题贴着不好看,这个主要还是看个人感觉和喜好设置了
/*空间透明*/
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
/*其他模块添加图片*/
#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333; background:url(http://***.gif) no-repeat bottom; padding-bottom: 32px; margin-bottom: 32px}
/*隐藏其他模块标题*/
#comm_info .modhead span{display:none}
/*个人档案添加图片*/
#m_pro div.image{}加入background:url() no-repeat bottom;padding-bottom:100px
bottom让图片沉底
padding-bottom增加头像模块底下的宽度
padding-bottom数值一般设置为LOGO的高度值,LOGO的上边与头像的下边距离0,加大padding-bottom的数值,LOGO的上边与头像的下边距离亦加大
/*如何设定+固定百度空间的背景*/
在body{}中加入
background-image:url(图片地址) ; 定义背景图片
background-repeat: no-repeat; 定义背景图片不重复
background-position: center; 定义背景居中
background-attachment: fixed; 定义背景固定,不滚动参数fixed
/*去除模块背景即完全背景透明*/
删除模块background-color:……的属性;加background:transparent即可
在header{}中加入
background:transparent 这个参数的作用是使完全背景透明,并删除原来的属性background:url(……)
#header div.rc{}以及.stage{}与header{}同样设置
/*其他模块标题添加图片*/
#comm_info span.modtit{color:#737373;text-indent:16px;background:url()repeat-x;font-size:0px;width:100%;margin-left:-18px;padding-top:3px}
/*右下角弹出窗口*/
#main{
background:url('javascript:
var sunPop = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="table style=\"border:solid #A96D13 1px\" width=\"200\" height=\"150\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#88CFFF\" ";
winstr+="trtd height=\"30\" /td/trtrtd align=\"center\"table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"";
winstr+="trtd valign=\"top\" style=\"font-size:12px; color:#209C20; face:黑体\""+msgstr+"/td/tr/table/td/tr/table";
sunPop.document.body.innerHTML=winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop1720){
clearTimeout(mytime);
sunPop.hide();
return;
}else if(popTop1520popTop1720){
sunPop.show(screen.width-250,screen.height,200,1720-popTop);
}else if(popTop1500popTop1520){
sunPop.show(screen.width-250,screen.height+(popTop-1720),200,150);
}else if(popTop180){
sunPop.show(screen.width-250,screen.height,200,popTop);
}else if(popTop220){
sunPop.show(screen.width-250,screen.height-popTop,200,150);
}
popTop+=10;
var mytime=setTimeout("popshow();",50);
}
popmsg("2006年12月1日br欢迎光临零点壹貮。br你要说的话。br你要说的话");
')
}
/*“发表评论”区域*/
#spBlogCmtor{background:url(图片地址)} /* 姓名*/
#spBlogCmtURL{background:url(图片地址) }/* 网址或邮箱*/
#spBlogCmtText{background:url(图片地址) } /* 评论内容*/
#in_send div.tit{margin:10px 0 10px 0;color:#FFFFFF;font-size:14px;font-weight:bold}
设置“发表评论”区域上方的“发表评论”四个大字,其中color:#FFFFFF设置字的颜色,font-size设置字的大小,font-weight:hold设置让这字体加粗,不加粗删掉。
#in_send td{color:#FFFFFF}
设置“姓名”、“网址或邮箱”和“内容”字的颜色。
#spBlogCmtText {border: 1px solid #FFCCFF;background:#FFFFFF no-repeat top center; background-attachment: fixed}
设置评论框底色。background:#FFFFFF设置颜色,添加图片则改为background:url(图片),
图片最佳尺寸是503*153 1px 表示评论边框的宽度 #FFCCFF 表示评论边框的颜色。
/*隐藏“查看该用户在百度的”分类*/
加入#m_pro .basic a.nlk{display:none}代码即可
/*隐藏“百度空间测试版”图片*/
#m_comm_info img{display:none}
/*添加天气预报*/
#m_mylink1 div.line{background:url(;style=1) no-repeat bottom;line-height:40px;margin-bottom: 10px;margin-top:5px;padding-bottom: 138px}
先编辑自定义模块,链接地址为,然后更换为以上代码,(注意:要把地址换在你所在地的地址,可以到 网站里去找,只需把生成代码里面SRC后面的地址替换以上地址即可)
/*更多文章居右*/
#m_blog div.more{margin:14px 0 16px 0;text-align:right}
/*在友情链接添加“发送消息”的链接*/
在友情链接里的链接地址内填上:;cm=1tn=bmSendMessageun=你的百度用户名
这样点击该链接就可以给你发送消息,而这个链接另一个功能就是可以给自己发送消息。
/*鼠标样式设置*/
在body{} 中添加;CURSOR: url('')}
a:hover{CURSOR: url('')
第一行是鼠标指针初始形态,第二行是鼠标指针碰到链接的形态
CSS鼠标样式大全
/*改变你的按钮和输入栏的颜色及字体*/
input,select,textarea{color:green;font-size:14px;font-family:Tahoma,黑体;border:1px solid green;background-color:black}
textarea{overflow:hidden}
/*留言板添加图片*/
#spBCmtText{border: 6px solid #000000 ;color:#ffffff;background:url(http://…….jpg) no-repeat;overflow-y :scroll;height:150px}
图片最佳尺寸是503*153,6px表示评论边框的宽度,#000000 表示评论边框的颜色
----------------------------------------------------------------------------------------------------
我的技巧都给你
1:改变人数统计值得大小
找到#comm_info a,在大括号内加font-size:14px;即可,数值表示字体大小,现在是14px
2:自定义背景
百度的左右框架或者多框架模板,背景图片只在右边或者左边显示
找到#layout td.c2t3,#layout td.c3t5这一句,改为#layout td.c2t3,#layout td.c3t5 {background:#0D0D0D;background:url() no-repeat bottom;}
即让左右两个框架用同一个背景
3:显示IP及来源地
找到 #comm_info div.line这个语句,这个语句在百度css的定义为分界线,我们要做的就是让分界线的背景显示IP图片
将 这个语句修改为#comm_info div.line{margin-top:5px;line-height:8px;border-top:2px solid #BBC1C6;background:url(ip签名图片) no-repeat bottom;margin-bottom: 123px;vertical-align: sub;padding-bottom: 123px}即可。
附上IP签名图地址
5:自定义鼠标样式
在第一行body 整个空间页面{background-color:#FFFFFF}后加上body{CURSOR: url('');}
更多的鼠标指针见我的blog
6:LOGO显示
这个和显示IP来源地实际上十相同的原理,显示logo就不显示ip图
#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333;
background:url(图片链接) no-repeat bottom; padding-bottom: 32px; margin-bottom: 10px}
7:屏蔽Rss链接,baidu图片
注意这个语句不仅会屏蔽Rss链接,baidu图片,同时也会屏蔽访问量信息(说明文字还在,动态得访问人数统计消失)
#comm_info a {display:none;}
8:让你的百度空间里每一个连接都新窗口中打开
在的空间CSS里面最下面加如:
a:active { text:expression(target="_blank");}
9:屏蔽屏蔽空间任何一个版块.
div#+具体版块(CSS里面有)+{display:none;}
比如#mod_bgmusic{display:none}为隐藏音乐播放器
#header div.tit{display:none}为不显示 空间名称
10:自定义blog页眉得图片
在css里找到#header div.lc 左背景图{background:url(图片链接) no-repeat}
#header div.rc 右背景图{background:url(图片链接) no-repeat top right}
将图片链接换成你要显示得图片即可,可以用gif动画。具体效果见我得blog
11:头部时间显示特效”:
在你空间CSS最下面加入:
#tabline{margin-top:22px;right:-431px;line-height:8px; background:url(;tformat=12timezone=GMT+0800ft=3tr=ynegate=y) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}
代码中请调节:margin-top:22px;right:-431px;中的数字,根据您的模板调整。
12:修改blog显示得文字颜色大小
在css里找到 文章内容模块#m_blog div.cnt
将color:#后得数值换成你要得颜色即可,FFFFFF为白色
13:模块透明
在mod后加上一句.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
我有个首饰盒放到我的百度空间的相册你的意思是要把首饰盒作为模板的一部分吗?因为我在你空间内的相册中已经看到有图片了。证明你不是问怎么上传图片啊。。
转载请注明出处(保留超链接)
—————————CSS系列—————————————
/*背景设置*/
body{}中加入background:url() repeat-x #FFFFFF
注:
repeat 背景图像在纵向和横向上平铺
no-repeat 背景图像不平铺
repeat-x 背景图像在横向上平铺
repeat-y 背景图像在纵向平铺
/*半透明设置*/ (此代码前面不用加任何东西,直接添加,本人试了后不是什么透明度,而是空间对比的模糊程度)
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
/*解决回车换两行的问题*/
Shift+回车
/*全能隐藏代码*/
display:none
/*不停变换空间背景图片*/
参数
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}
图片上面打上你要的字~欢迎光临
/*添加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(小背景图片) 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凸边
/*前景图片透明设置*/
filter:alpha(opacity=90,finishopacity=100,style=0,)
/*播放器*/
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=60, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)Invert(); WIDTH: 224px;HEIGHT:200px}
Invert(); 滤镜效果 可以更换
/*不显示播放器,不影响音乐的播放*/
添加#mod_bgmusic{display:none}
/*日志背景*/
#m_blog.modbox{background:url(图片)}
或#m_blog div.cnt{background:url(图片) repeat; /*图片*/color:#666666;line-height:20px;font-size:14px}
/*滚动条*/
#m_blog{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:1330px;
filter: chroma(color=#E100E1)}
/*去掉横向滚动条*/
在body{ }里加上overflow-x : hidden;
/*禁止选择 鼠标右键特效*/
#main{
background:url('javascript:
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
')}
document.oncontextmenu=new Function("event.returnValue=false;");禁止鼠标右键
document.onselectstart=new Function("event.returnValue=false;")
禁止选择/*鼠标触碰 按钮下陷*/
a:hover{}中加入 position:relative; left:2px; top:1px; clip:rect( );
/*弹出窗口*/
#comm_info 和#comm_info a 替换#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url('javascript:alert("你要说的话");')}
#comm_info{}或#m_links div.item{}
添加
background:url(javascript:alert())欢迎光临零点壹貮
/*文章在新窗口中打开*/
a:active { text: (target="_blank");}
/*屏蔽Rss链接,baidu图片*/
#comm_info a {display:none}
/*标题背景*/
#header div.lc{} -左
#header div.rc{} -右
插入 background:url(http://***)
/*百度空间 进入后弹出对话框*/
去掉#comm_info div.line 把#comm_info a换成
#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url('javascript:alert("欢迎光临");')}
/*文章日期旁加小图案*/
#m_blog div.date
{text-indent:1.5cm;background:url(这里要填上你自己选的小图片的连接地址) 30% 0% no-repeat; /*背景图片*/margin:5px 0 8px 0;color:#999999;
line-height:50px; /*调整行高*/}
/*标题栏主体加小图案*/
模块ID span.modtit{background:url() no-repeat top left;font-size:0px;width:100%;margin-left:-18px;padding-top:3px}
/*常用插入时间图片位置的代码*/
图片显示位置——个人档案照片下面:
#m_pro div.act{margin-top:5px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——文章列表 标题下面:
#m_blog div.tit{font-size:14px;font-weight:bold; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——文章列表 标题左面:
#m_blog div.tit{font-size:14px;font-weight:bold; line-height:24px; text-indent:120px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat; }
图片显示位置——TAB导航栏:
#tabline{top:89px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 32px; margin-bottom: 6px; }
图片显示位置——相册下面:
#m_album div.image{text-align:center; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 45px; margin-bottom: 1px; }
图片显示位置——每个友情链接下面:
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; }
图片显示位置——每个最新评论下面:
#m_comment div.item{color:#000000;font-size:12px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——每个文章分类下面:
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; }
图片显示位置——其他区域:
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
其他样式显示;dd=A
/*调整图片位置*/
padding-bottom: 20px; margin-bottom: 5px; padding-bottom为距上高度,margin-bottom为距下高度。
/*调整TAB距离*/
在TAB{}内加入text-indent:30px
/*分割线*/
模块ID div.line{margin-top:17px;line-height:17px;background:url() repeat-x}
/*发光效果*/
{}中加入filter:glow (color= #299BE8,strength=2);
/*阴影效果字体阴影*/
{}中加入filter:DropShadow(Color=#000000:,OffX=2, OffY=3,Positive=1);或filter:shadow(Color=#000000:,OffX=2, OffY=3,Positive=1);
参数作用:
Color=阴影的颜色代码
OffX=设置阴影与对象(文字或图片)的横向距离偏移
OffY=设置阴影与对象的竖向距离偏移
Positive=设置建立阴影的对象,true是为非透明像素建立阴影,false是为透明的像素建立阴影,一般不建议使用false
另外,如果添加阴影的地方已经有了filter的参数,例如设置透明度的filter:alpha(),只需把DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true)添加到alpha()的后面即可,这里不需要间隔,当中留空格可以,间隔将无效
例如在原来的filter:alpha(opacity=50);后面加上阴影效果代码:
filter:alpha(opacity=50)DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true);
/*投影的代码*/
filter:Shadow(Color=gray/*颜色*/,Direction=135/*方向*/)
/*文章标题背景*/
#m_blog div.tit{text-indent:1.5cm/*缩近*/;line-height:75px;/*增大行高,使背景图片完全显示*/font-size:16px;font-weight:bold;background:url() no-repeat;/*标题背景图片,不重复*/}
line-height:多少px; 设置标题的高度,其实这里的设置为图片的高度就可以了
text-indent:多少px; 设置标题的文本前面空多少宽度,这里可以填图片的宽度,为了美观起见,可以再多+5、6px,因为图片和标题贴着不好看,这个主要还是看个人感觉和喜好设置了
/*空间透明*/ (此代码前面不用加任何东西,直接添加,本人试了后不是什么透明度,而是空间对比的模糊程度)
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
/*其他模块添加图片*/
#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333; background:url(http://***.gif) no-repeat bottom; padding-bottom: 32px; margin-bottom: 32px}
/*隐藏其他模块标题*/
#comm_info .modhead span{display:none}
/*个人档案添加图片*/
#m_pro div.image{}加入background:url() no-repeat bottom;padding-bottom:100px
bottom让图片沉底
padding-bottom增加头像模块底下的宽度
padding-bottom数值一般设置为LOGO的高度值,LOGO的上边与头像的下边距离0,加大padding-bottom的数值,LOGO的上边与头像的下边距离亦加大
/*如何设定+固定百度空间的背景*/
在body{}中加入
background-image:url(图片地址) ; 定义背景图片
background-repeat: no-repeat; 定义背景图片不重复
background-position: center; 定义背景居中
background-attachment: fixed; 定义背景固定,不滚动参数fixed
/*去除模块背景即完全背景透明*/
删除模块background-color:……的属性;加background:transparent即可
在header{}中加入
background:transparent 这个参数的作用是使完全背景透明,并删除原来的属性background:url(……)
#header div.rc{}以及.stage{}与header{}同样设置
/*其他模块标题添加图片*/
#comm_info span.modtit{color:#737373;text-indent:16px;background:url()repeat-x;font-size:0px;width:100%;margin-left:-18px;padding-top:3px}
/*右下角弹出窗口*/
#main{
background:url('javascript:
var sunPop = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="table style=\"border:solid #A96D13 1px\" width=\"200\" height=\"150\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#88CFFF\" ";
winstr+="trtd height=\"30\" /td/trtrtd align=\"center\"table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"";
winstr+="trtd valign=\"top\" style=\"font-size:12px; color:#209C20; face:黑体\""+msgstr+"/td/tr/table/td/tr/table";
sunPop.document.body.innerHTML=winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop1720){
clearTimeout(mytime);
sunPop.hide();
return;
}else if(popTop1520popTop1720){
sunPop.show(screen.width-250,screen.height,200,1720-popTop);
}else if(popTop1500popTop1520){
sunPop.show(screen.width-250,screen.height+(popTop-1720),200,150);
}else if(popTop180){
sunPop.show(screen.width-250,screen.height,200,popTop);
}else if(popTop220){
sunPop.show(screen.width-250,screen.height-popTop,200,150);
}
popTop+=10;
var mytime=setTimeout("popshow();",50);
}
popmsg("2006年12月1日br欢迎光临零点壹貮。br你要说的话。br你要说的话");
')
}
/*“发表评论”区域*/
#spBlogCmtor{background:url(图片地址)} /* 姓名*/
#spBlogCmtURL{background:url(图片地址) }/* 网址或邮箱*/
#spBlogCmtText{background:url(图片地址) } /* 评论内容*/
#in_send div.tit{margin:10px 0 10px 0;color:#FFFFFF;font-size:14px;font-weight:bold}
设置“发表评论”区域上方的“发表评论”四个大字,其中color:#FFFFFF设置字的颜色,font-size设置字的大小,font-weight:hold设置让这字体加粗,不加粗删掉。
#in_send td{color:#FFFFFF}
设置“姓名”、“网址或邮箱”和“内容”字的颜色。
#spBlogCmtText {border: 1px solid #FFCCFF;background:#FFFFFF no-repeat top center; background-attachment: fixed}
设置评论框底色。background:#FFFFFF设置颜色,添加图片则改为background:url(图片),
图片最佳尺寸是503*153 1px 表示评论边框的宽度 #FFCCFF 表示评论边框的颜色。
/*隐藏“查看该用户在百度的”分类*/
加入#m_pro .basic a.nlk{display:none}代码即可
/*隐藏“百度空间测试版”图片*/
#m_comm_info img{display:none}
/*添加天气预报*/
#m_mylink1 div.line{background:url(;style=1) no-repeat bottom;line-height:40px;margin-bottom: 10px;margin-top:5px;padding-bottom: 138px}
先编辑自定义模块,链接地址为,然后更换为以上代码,(注意:要把地址换在你所在地的地址,可以到 网站里去找,只需把生成代码里面SRC后面的地址替换以上地址即可)
/*更多文章居右*/
#m_blog div.more{margin:14px 0 16px 0;text-align:right}
/*在友情链接添加“发送消息”的链接*/
在友情链接里的链接地址内填上:;cm=1tn=bmSendMessageun=你的百度用户名
这样点击该链接就可以给你发送消息,而这个链接另一个功能就是可以给自己发送消息。
/*鼠标样式设置*/
在body{} 中添加;CURSOR: url('')}
a:hover{CURSOR: url('')
第一行是鼠标指针初始形态,第二行是鼠标指针碰到链接的形态
CSS鼠标样式大全
/*改变你的按钮和输入栏的颜色及字体*/
input,select,textarea{color:green;font-size:14px;font-family:Tahoma,黑体;border:1px solid green;background-color:black}
textarea{overflow:hidden}
/*留言板添加图片*/
#spBCmtText{border: 6px solid #000000 ;color:#ffffff;background:url(http://…….jpg) no-repeat;overflow-y :scroll;height:150px}
图片最佳尺寸是503*153,6px表示评论边框的宽度,#000000 表示评论边框的颜色
百度空间的背景如何自己制做用css语言编辑你的自定义模版。
/*背景设置*/
body{}中加入background:url(http://***.gif) repeat-x #FFFFFF
注:
repeat 背景图像在纵向和横向上平铺
no-repeat 背景图像不平铺
repeat-x 背景图像在横向上平铺
repeat-y 背景图像在纵向平铺
/*半透明设置*/
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
/*解决回车换两行的问题*/
Shift+回车
/*全能隐藏代码*/
display:none
/*不停变换空间背景图片*/
参数
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}
图片上面打上你要的字~
/*添加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(小背景图片) 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凸边
/*前景图片透明设置*/
filter:alpha(opacity=90,finishopacity=100,style=0,)
/*播放器*/
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=60, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)Invert(); WIDTH: 224px;HEIGHT:200px}
Invert(); 滤镜效果 可以更换
/*不显示播放器,不影响音乐的播放*/
添加#mod_bgmusic{display:none}
/*日志背景*/
#m_blog.modbox{background:url(图片)}
或#m_blog div.cnt{background:url(图片) repeat; /*图片*/color:#666666;line-height:20px;font-size:14px}
/*滚动条*/
#m_blog{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:1330px;
filter: chroma(color=#E100E1)}
/*去掉横向滚动条*/
在body{ }里加上overflow-x : hidden;
/*禁止选择 鼠标右键特效*/
#main{
background:url('javascript:
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
')}
(已经失效,只预览时显示效果)
document.oncontextmenu=new Function("event.returnValue=false;");禁止鼠标右键
document.onselectstart=new Function("event.returnValue=false;");
禁止选择/*鼠标触碰 按钮下陷*/
a:hover{}中加入 position:relative; left:2px; top:1px; clip:rect( );
/*弹出窗口*/
#comm_info 和#comm_info a 替换#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url('javascript:alert("你要说的话");')}
#comm_info{}或#m_links div.item{}
添加
background:url(javascript:alert(你要说的内容))
/*文章在新窗口中打开*/
a:active { text: (target="_blank");}
/*屏蔽Rss链接,baidu图片*/
#comm_info a {display:none;}
/*标题背景*/
#header div.lc{} -左
#header div.rc{} -右
插入 background:url(http://***)
/*百度空间 进入后弹出对话框*/
去掉#comm_info div.line 把#comm_info a换成
#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url('javascript:alert("你要说的话");')}
/*文章日期旁加小图案*/
#m_blog div.date
{text-indent:1.5cm;background:url(这里要填上你自己选的小图片的连接地址) 30% 0% no-repeat; /*背景图片*/margin:5px 0 8px 0;color:#999999;
line-height:50px; /*调整行高*/}
/*标题栏主体加小图案*/
模块ID span.modtit{background:url(图片) no-repeat top left;font-size:0px;width:100%;margin-left:-18px;padding-top:3px}
/*常用插入时间图片位置的代码*/
图片显示位置——个人档案照片下面:
#m_pro div.act{margin-top:5px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——文章列表 标题下面:
#m_blog div.tit{font-size:14px;font-weight:bold; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——文章列表 标题左面:
#m_blog div.tit{font-size:14px;font-weight:bold; line-height:24px; text-indent:120px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat; }
图片显示位置——TAB导航栏:
#tabline{top:89px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 32px; margin-bottom: 6px; }
图片显示位置——相册下面:
#m_album div.image{text-align:center; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 45px; margin-bottom: 1px; }
图片显示位置——每个友情链接下面:
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; }
图片显示位置——每个最新评论下面:
#m_comment div.item{color:#000000;font-size:12px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——每个文章分类下面:
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; }
图片显示位置——其他区域:
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
其他样式显示;dd=A
/*调整图片位置*/
padding-bottom: 20px; margin-bottom: 5px; padding-bottom为距上高度,margin-bottom为距下高度。
/*调整TAB距离*/
在TAB{}内加入text-indent:30px
/*分割线*/
模块ID div.line{margin-top:17px;line-height:17px;background:url(http://***.gif) repeat-x}
/*其它模块中只显示访问人数*/
#comm_info a {display:none}
/*发光效果*/
{}中加入filter:glow (color= #299BE8,strength=2);
/*阴影效果字体阴影*/
{}中加入filter:DropShadow(Color=#000000:,OffX=2, OffY=3,Positive=1);或filter:shadow(Color=#000000:,OffX=2, OffY=3,Positive=1);
参数作用:
Color=阴影的颜色代码
OffX=设置阴影与对象(文字或图片)的横向距离偏移
OffY=设置阴影与对象的竖向距离偏移
Positive=设置建立阴影的对象,true是为非透明像素建立阴影,false是为透明的像素建立阴影,一般不建议使用false
另外,如果添加阴影的地方已经有了filter的参数,例如设置透明度的filter:alpha(),只需把DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true)添加到alpha()的后面即可,这里不需要间隔,当中留空格可以,间隔将无效
例如在原来的filter:alpha(opacity=50);后面加上阴影效果代码:
filter:alpha(opacity=50)DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true);
/*投影的代码*/
filter:Shadow(Color=gray/*颜色*/,Direction=135/*方向*/)
/*文章标题背景*/
#m_blog div.tit{text-indent:1.5cm/*缩近*/;line-height:75px;/*增大行高,使背景图片完全显示*/font-size:16px;font-weight:bold;background:url(http://***.gif) no-repeat;/*标题背景图片,不重复*/}
line-height:多少px; 设置标题的高度,其实这里的设置为图片的高度就可以了
text-indent:多少px; 设置标题的文本前面空多少宽度,这里可以填图片的宽度,为了美观起见,可以再多+5、6px,因为图片和标题贴着不好看,这个主要还是看个人感觉和喜好设置了
/*空间透明*/
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
/*添加自己的LOGO图片*/
#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333; background:url(http://***.gif) no-repeat bottom; padding-bottom: 32px; margin-bottom: 32px}
/*添加LOGO*/
#m_pro div.image{}加入background:url(http://***.jpg) no-repeat bottom;padding-bottom:100px
bottom让图片沉底
padding-bottom增加头像模块底下的宽度
padding-bottom数值一般设置为LOGO的高度值,LOGO的上边与头像的下边距离0,加大padding-bottom的数值,LOGO的上边与头像的下边距离亦加大
/*如何设定+固定百度空间的背景*/
在body{}中加入
background-image:url(图片地址) ; 定义背景图片
background-repeat: no-repeat; 定义背景图片不重复
background-position: center; 定义背景居中
background-attachment: fixed; 定义背景固定,不滚动参数fixed
/*去除模块背景即完全背景透明*/
删除模块background-color:……的属性;加background:transparent即可
在header{}中加入
background:transparent 这个参数的作用是使完全背景透明,并删除原来的属性background:url(……)
#header div.rc{}以及.stage{}与header{}同样设置
/*右下角弹出窗口*/
#main{
background:url('javascript:
var sunPop = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="table style=\"border:solid #A96D13 1px\" width=\"200\" height=\"150\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#88CFFF\" ";
winstr+="trtd height=\"30\" /td/trtrtd align=\"center\"table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"";
winstr+="trtd valign=\"top\" style=\"font-size:12px; color:#209C20; face:黑体\""+msgstr+"/td/tr/table/td/tr/table";
sunPop.document.body.innerHTML=winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop1720){
clearTimeout(mytime);
sunPop.hide();
return;
}else if(popTop1520popTop1720){
sunPop.show(screen.width-250,screen.height,200,1720-popTop);
}else if(popTop1500popTop1520){
sunPop.show(screen.width-250,screen.height+(popTop-1720),200,150);
}else if(popTop180){
sunPop.show(screen.width-250,screen.height,200,popTop);
}else if(popTop220){
sunPop.show(screen.width-250,screen.height-popTop,200,150);
}
popTop+=10;
var mytime=setTimeout("popshow();",50);
}
popmsg("2006年12月1日br你好,亲爱得朋友。br你要说的话。br你要说的话~");
')
}
/*“发表评论”区域*/
#spBlogCmtor{background:url(图片地址)} /* 姓名*/
#spBlogCmtURL{background:url(图片地址) }/* 网址或邮箱*/
#spBlogCmtText{background:url(图片地址) } /* 评论内容*/
#in_send div.tit{margin:10px 0 10px 0;color:#FFFFFF;font-size:14px;font-weight:bold}
设置“发表评论”区域上方的“发表评论”四个大字,其中color:#FFFFFF设置字的颜色,font-size设置字的大小,font-weight:hold设置让这字体加粗,不加粗删掉。
#in_send td{color:#FFFFFF}
设置“姓名”、“网址或邮箱”和“内容”字的颜色。
#spBlogCmtText {border: 1px solid #FFCCFF;background:#FFFFFF no-repeat top center; background-attachment: fixed}
设置评论框底色。background:#FFFFFF设置颜色,添加图片则改为background:url(图片),
图片最佳尺寸是503*153 1px 表示评论边框的宽度 #FFCCFF 表示评论边框的颜色。
/*隐藏“查看该用户在百度的”分类*/
加入#m_pro .basic a.nlk{display:none}代码即可
/*隐藏“百度空间测试版”*/
#m_comm_info img{display:none}
/*添加天气预报*/
#m_mylink1 div.line{background:url(;style=1) no-repeat bottom;line-height:40px;margin-bottom: 10px;margin-top:5px;padding-bottom: 138px}
先编辑自定义模块,链接地址为,然后更换为以上代码,(注意:要把地址换在你所在地的地址,可以到 网站里去找,只需把生成代码里面SRC后面的地址替换以上地址即可)
/*更多文章居右*/
#m_blog div.more{margin:14px 0 16px 0;text-align:right}
/*在友情链接添加“发送消息”的链接*/
在友情链接里的链接地址内填上:;cm=1tn=bmSendMessageun=你的百度用户名
这样点击该链接就可以给你发送消息,而这个链接另一个功能就是可以给自己发送消息。
/*鼠标样式设置*/
在body{} 中添加;CURSOR: url('')}
a:hover{CURSOR: url('')
第一行是鼠标指针初始形态,第二行是鼠标指针碰到链接的形态
CSS鼠标样式大全
/*改变你的按钮和输入栏的颜色及字体*/
input,select,textarea{color:green;font-size:14px;font-family:Tahoma,黑体;border:1px solid green;background-color:black}
textarea{overflow:hidden}
/*空间最顶部添加图片*/
#tabline{margin-top:-340px;right:310px;line-height:8px; background:url(http://***.gif) no-repeat bottom; padding-bottom: 110px; margin-bottom: 10px}
加利福尼亚常年气温都差不多吗?北部雨水比较多,温差不会太大。冬天比中南部长。 \x0d\x0a\x0d\x0a中部冬天冷,夏天很热。例如中部的代表城市Fresno,夏天最热可达到摄氏40度;冬天最冷可达到摄氏3度。 \x0d\x0a\x0d\x0a南部冬天也会很冷,夏天也很热;除了内地夏天很热,天气比中部稳定些。越靠近海岸天气越稳定,越往内地越像沙漠天气。 \x0d\x0a\x0d\x0a中南部夏天干燥炎热+大太阳。冬天干燥凉爽。 \x0d\x0a夏天白昼比较长,最近南部晚上7:30以后天才接近完全黑。 \x0d\x0a\x0d\x0a中南部干燥少下雨,所以年年都有野地火灾。 \x0d\x0a\x0d\x0a最近北部火灾比较厉害。主要是打雷引起的。 \x0d\x0a\x0d\x0a加州平地不下雪。高地/山区也有滑雪地区,代表的有Mammoth和Big Bear。
百度空间里的模板怎么制做?/*背景设置*/
body{}中加入background:url(http://***.gif) repeat-x #FFFFFF
注:
repeat 背景图像在纵向和横向上平铺
no-repeat 背景图像不平铺
repeat-x 背景图像在横向上平铺
repeat-y 背景图像在纵向平铺
/*半透明设置*/
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
/*解决回车换两行的问题*/
Shift+回车
/*全能隐藏代码*/
display:none
/*不停变换空间背景图片*/
参数
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}
图片上面打上你要的字~
/*添加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(小背景图片) 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凸边
/*前景图片透明设置*/
filter:alpha(opacity=90,finishopacity=100,style=0,)
/*播放器*/
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=60, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)Invert(); WIDTH: 224px;HEIGHT:200px}
Invert(); 滤镜效果 可以更换
/*不显示播放器,不影响音乐的播放*/
添加#mod_bgmusic{display:none}
/*日志背景*/
#m_blog.modbox{background:url(图片)}
或#m_blog div.cnt{background:url(图片) repeat; /*图片*/color:#666666;line-height:20px;font-size:14px}
/*滚动条*/
#m_blog{scrollbar-face-color: #E100E1;
scrollbar-shadow-color: maroon;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #E100E1;
scrollbar-darkshadow-color:#E100E1;
scrollbar-arrow-color:#E100E1;
scrollbar-base-color: #E100E1;
scrollbar-track-color: #E100E1;
overflow-y:auto;height:1330px;
filter: chroma(color=#E100E1)}
/*去掉横向滚动条*/
在body{ }里加上overflow-x : hidden;
/*禁止选择 鼠标右键特效*/
#main{
background:url('javascript:
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
')}
(已经失效,只预览时显示效果)
document.oncontextmenu=new Function("event.returnValue=false;");禁止鼠标右键
document.onselectstart=new Function("event.returnValue=false;");
禁止选择/*鼠标触碰 按钮下陷*/
a:hover{}中加入 position:relative; left:2px; top:1px; clip:rect( );
/*弹出窗口*/
#comm_info 和#comm_info a 替换#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url('javascript:alert("你要说的话");')}
#comm_info{}或#m_links div.item{}
添加
background:url(javascript:alert(你要说的内容))
/*文章在新窗口中打开*/
a:active { text: (target="_blank");}
/*屏蔽Rss链接,baidu图片*/
#comm_info a {display:none;}
/*标题背景*/
#header div.lc{} -左
#header div.rc{} -右
插入 background:url(http://***)
/*百度空间 进入后弹出对话框*/
去掉#comm_info div.line 把#comm_info a换成
#comm_info a{color:#D77B18 border: 1px solid #000000; padding: 10px; background-image: url('javascript:alert("你要说的话");')}
/*文章日期旁加小图案*/
#m_blog div.date
{text-indent:1.5cm;background:url(这里要填上你自己选的小图片的连接地址) 30% 0% no-repeat; /*背景图片*/margin:5px 0 8px 0;color:#999999;
line-height:50px; /*调整行高*/}
/*标题栏主体加小图案*/
模块ID span.modtit{background:url(图片) no-repeat top left;font-size:0px;width:100%;margin-left:-18px;padding-top:3px}
/*常用插入时间图片位置的代码*/
图片显示位置——个人档案照片下面:
#m_pro div.act{margin-top:5px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——文章列表 标题下面:
#m_blog div.tit{font-size:14px;font-weight:bold; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——文章列表 标题左面:
#m_blog div.tit{font-size:14px;font-weight:bold; line-height:24px; text-indent:120px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat; }
图片显示位置——TAB导航栏:
#tabline{top:89px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 32px; margin-bottom: 6px; }
图片显示位置——相册下面:
#m_album div.image{text-align:center; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 45px; margin-bottom: 1px; }
图片显示位置——每个友情链接下面:
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; }
图片显示位置——每个最新评论下面:
#m_comment div.item{color:#000000;font-size:12px; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
图片显示位置——每个文章分类下面:
#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 16px; margin-bottom: 10px; }
图片显示位置——其他区域:
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(;srgb=redprgb=redtimezone=GMT-0500) no-repeat bottom; padding-bottom: 22px; margin-bottom: 6px; }
其他样式显示;dd=A
/*调整图片位置*/
padding-bottom: 20px; margin-bottom: 5px; padding-bottom为距上高度,margin-bottom为距下高度。
/*调整TAB距离*/
在TAB{}内加入text-indent:30px
/*分割线*/
模块ID div.line{margin-top:17px;line-height:17px;background:url(http://***.gif) repeat-x}
/*其它模块中只显示访问人数*/
#comm_info a {display:none}
/*发光效果*/
{}中加入filter:glow (color= #299BE8,strength=2);
/*阴影效果字体阴影*/
{}中加入filter:DropShadow(Color=#000000:,OffX=2, OffY=3,Positive=1);或filter:shadow(Color=#000000:,OffX=2, OffY=3,Positive=1);
参数作用:
Color=阴影的颜色代码
OffX=设置阴影与对象(文字或图片)的横向距离偏移
OffY=设置阴影与对象的竖向距离偏移
Positive=设置建立阴影的对象,true是为非透明像素建立阴影,false是为透明的像素建立阴影,一般不建议使用false
另外,如果添加阴影的地方已经有了filter的参数,例如设置透明度的filter:alpha(),只需把DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true)添加到alpha()的后面即可,这里不需要间隔,当中留空格可以,间隔将无效
例如在原来的filter:alpha(opacity=50);后面加上阴影效果代码:
filter:alpha(opacity=50)DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true);
/*投影的代码*/
filter:Shadow(Color=gray/*颜色*/,Direction=135/*方向*/)
/*文章标题背景*/
#m_blog div.tit{text-indent:1.5cm/*缩近*/;line-height:75px;/*增大行高,使背景图片完全显示*/font-size:16px;font-weight:bold;background:url(http://***.gif) no-repeat;/*标题背景图片,不重复*/}
line-height:多少px; 设置标题的高度,其实这里的设置为图片的高度就可以了
text-indent:多少px; 设置标题的文本前面空多少宽度,这里可以填图片的宽度,为了美观起见,可以再多+5、6px,因为图片和标题贴着不好看,这个主要还是看个人感觉和喜好设置了
/*空间透明*/
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
/*添加自己的LOGO图片*/
#comm_info div.line{margin-top:4px;line-height:8px;border-top:2px solid #ff3333; background:url(http://***.gif) no-repeat bottom; padding-bottom: 32px; margin-bottom: 32px}
/*添加LOGO*/
#m_pro div.image{}加入background:url(http://***.jpg) no-repeat bottom;padding-bottom:100px
bottom让图片沉底
padding-bottom增加头像模块底下的宽度
padding-bottom数值一般设置为LOGO的高度值,LOGO的上边与头像的下边距离0,加大padding-bottom的数值,LOGO的上边与头像的下边距离亦加大
/*如何设定+固定百度空间的背景*/
在body{}中加入
background-image:url(图片地址) ; 定义背景图片
background-repeat: no-repeat; 定义背景图片不重复
background-position: center; 定义背景居中
background-attachment: fixed; 定义背景固定,不滚动参数fixed
/*去除模块背景即完全背景透明*/
删除模块background-color:……的属性;加background:transparent即可
在header{}中加入
background:transparent 这个参数的作用是使完全背景透明,并删除原来的属性background:url(……)
#header div.rc{}以及.stage{}与header{}同样设置
/*右下角弹出窗口*/
#main{
background:url('javascript:
var sunPop = window.createPopup();
var popTop=50;
function popmsg(msgstr){
var winstr="table style=\"border:solid #A96D13 1px\" width=\"200\" height=\"150\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"#88CFFF\" ";
winstr+="trtd height=\"30\" /td/trtrtd align=\"center\"table width=\"90%\" height=\"110\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"";
winstr+="trtd valign=\"top\" style=\"font-size:12px; color:#209C20; face:黑体\""+msgstr+"/td/tr/table/td/tr/table";
sunPop.document.body.innerHTML=winstr;
popshow();
}
function popshow(){
window.status=popTop;
if(popTop1720){
clearTimeout(mytime);
sunPop.hide();
return;
}else if(popTop1520popTop1720){
sunPop.show(screen.width-250,screen.height,200,1720-popTop);
}else if(popTop1500popTop1520){
sunPop.show(screen.width-250,screen.height+(popTop-1720),200,150);
}else if(popTop180){
sunPop.show(screen.width-250,screen.height,200,popTop);
}else if(popTop220){
sunPop.show(screen.width-250,screen.height-popTop,200,150);
}
popTop+=10;
var mytime=setTimeout("popshow();",50);
}
popmsg("2006年12月1日br你好,亲爱得朋友。br你要说的话。br你要说的话~");
')
}
/*“发表评论”区域*/
#spBlogCmtor{background:url(图片地址)} /* 姓名*/
#spBlogCmtURL{background:url(图片地址) }/* 网址或邮箱*/
#spBlogCmtText{background:url(图片地址) } /* 评论内容*/
#in_send div.tit{margin:10px 0 10px 0;color:#FFFFFF;font-size:14px;font-weight:bold}
设置“发表评论”区域上方的“发表评论”四个大字,其中color:#FFFFFF设置字的颜色,font-size设置字的大小,font-weight:hold设置让这字体加粗,不加粗删掉。
#in_send td{color:#FFFFFF}
设置“姓名”、“网址或邮箱”和“内容”字的颜色。
#spBlogCmtText {border: 1px solid #FFCCFF;background:#FFFFFF no-repeat top center; background-attachment: fixed}
设置评论框底色。background:#FFFFFF设置颜色,添加图片则改为background:url(图片),
图片最佳尺寸是503*153 1px 表示评论边框的宽度 #FFCCFF 表示评论边框的颜色。
/*隐藏“查看该用户在百度的”分类*/
加入#m_pro .basic a.nlk{display:none}代码即可
/*隐藏“百度空间测试版”*/
#m_comm_info img{display:none}
/*添加天气预报*/
#m_mylink1 div.line{background:url(;style=1) no-repeat bottom;line-height:40px;margin-bottom: 10px;margin-top:5px;padding-bottom: 138px}
先编辑自定义模块,链接地址为,然后更换为以上代码,(注意:要把地址换在你所在地的地址,可以到 网站里去找,只需把生成代码里面SRC后面的地址替换以上地址即可)
/*更多文章居右*/
#m_blog div.more{margin:14px 0 16px 0;text-align:right}
/*在友情链接添加“发送消息”的链接*/
在友情链接里的链接地址内填上:;cm=1tn=bmSendMessageun=你的百度用户名
这样点击该链接就可以给你发送消息,而这个链接另一个功能就是可以给自己发送消息。
/*鼠标样式设置*/
在body{} 中添加;CURSOR: url('')}
a:hover{CURSOR: url('')
第一行是鼠标指针初始形态,第二行是鼠标指针碰到链接的形态
CSS鼠标样式大全
/*改变你的按钮和输入栏的颜色及字体*/
input,select,textarea{color:green;font-size:14px;font-family:Tahoma,黑体;border:1px solid green;background-color:black}
textarea{overflow:hidden}
/*空间最顶部添加图片*/
#tabline{margin-top:-340px;right:310px;line-height:8px; background:url(http://***.gif) no-repeat bottom; padding-bottom: 110px; margin-bottom: 10px}