查看文章 |
百度空间首页任意位置添加视频并自动播放的方法
2008-04-26 15:43
其实很容易，网上流行了很多种方法，其实只在背景音乐里加入视频的网址就行了，但是大家都会遇到一个问题，就是不能自动播放。要点击播放才能放（大家自己可以试试）另外要是把视频放在首页的任意的位置就更好了，方法如下 自动播放的方法：在视频地址后加上#.wmv比如，我们用『马天宇_该死的温柔』，视频地址如下：http://www.56.com/n_v48_/c16_/14_/19_/songdi01_/zhajm_1178028280_36_/236400_/0_/13578800.swf#.WMV 任意位置的方法：在CSS编辑页面，在#phx里加入left:XXX; top:XXX；就行了，位置自己定。注：此方法可用来加flash日历、时钟、flash短片、flash音乐MTV等效果。根据自己的空间效果进行选择并放在合适的位置.百度baidu空间代码大全 背景{}中添加background: url(图片地址)repeat注：repeat 背景图像在纵向和横向上平铺no-repeat 背景图像不平铺repeat-x 背景图像在横向上平铺repeat-y 背景图像在纵向平铺 background-color:#颜色代码 超链接自定义设置超链接的属性就是在相关栏目名称后面+上a{}的属性 color:#颜色代码或颜色英文名称 定义超链接字体的颜色font-family:字体名称 定义超链接字体font-size:大小px 定义超链接字体大小text-decoration : 参数 定义超链接的文本装饰，参数：none || underline || blink || overline || line-through none : 无装饰 blink : 闪烁 underline : 下划线 line-through : 贯穿线 overline : 上划线 其实超链接属性设置 a:hover{} 当鼠标移动到超链接上时显示的属性a:link{} 超链接未被访问前显示的属性a:visited{} 已经被访问过的超链接的属性 a:active{} 超链接被点击的时候显示的属性（在鼠标点击与释放之间发生的事件） .modbc{}.modbr{}这三个就是分别设置模版左下角，底边中央，右下角的代码：.modbl{}中的border-left:是设置左下角左边框的属性的，border-bottom是设置左下角底边的边框属性的.modbc{}中的border-bottom:是设置边框当中一段底边属性的.modbr{}中的border-right:是设置右下角右边框的属性的，border-bottom是设置右下角底边的边框属性的 解决回车换两行的问题Shift+回车 个性标题#header div.tit{top:5px;left:20px;line-height:60px;font-size:60px;font-family:隶书}#header div.tit a.titlink{color:#813533;text-decoration:none} #header div.tit a.titlink:visited{color:#813533;text-decoration:none}#header div.tit a.titlink:hover{color:#FFFFFF;text-decoration:none}#header div.desc{top:27px;left:320px;color:#813533;font-size:16px}说明：#header div.tit{} 这是标题的设置#header div.tit a.titlink{} 这是标题超链接的设置#header div.tit a.titlink:visited{} 这是标题超链接已经被访问过的设置 #header div.tit a.titlink:hover{} 这是当鼠标移动到标题超链接上时显示的属性 #header div.desc{} 这是空间标题后面的简介的内容设置属性和详细参数top:5px 距离模版顶部的间隔距离为5pxleft:20px 距离模版左边的间隔距离为20pxline-height:60px 设置总高度为60pxfont-size:60px 设置字体大小为60px，这个不能设置的比的line-height大，否则标题字体的一部分 会被遮掉font-family:隶书 设置字体的型号color:#813533 设置字体的颜色代码为#813533，这里也可以写颜色的英文名，比如black，white，red，green等text-decoration:none 字体的划线修饰属性，none为无下划线，关于text-decoration的具体参数可以查 更多文章居右#m_blog div.more{margin:14px 0 16px 0;text-align:right} 1.在友情链接添加“发送消息”的链接：在友情链接里的链接地址内填上：http://msg.baidu.com/ms?ct=21&cm=1&tn=bmSendMessage&un —————————CSS系列————————————— 鼠标设置在body{} 中添加;CURSOR: url('http://webme.bokee.com/inc/mouse028.cur')} a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse031.ani')第一行是鼠标指针初始形态，第二行是鼠标指针碰到链接的形态CSS鼠标样式大全 /*不停变换空间背景图片*/http://magic.qtutu.com/ /*发表评论中的背景*/#spBlogCmtor{background:url(图片地址)} /* 姓名*/#spBlogCmtURL{background:url(图片地址) /* 网址或邮箱*/background-attachment: fixed;background-position: center center;background-repeat: no-repeat;}#spBlogCmtText{background:url(图片地址) /* 这是 内容中 的*/background-attachment: fixed;background-position: center center; /*改变你的按钮和输入栏的颜色及字体*/input,select,textarea{color:green;font-size:14px;font-family:Tahoma,黑体;border:1px solid green;background-color:black} textarea{overflow:hidden} 参数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,) /*留言板图片*/#spBlogCmtText {border: 1px solid #A6B5C4;background:url(http://***.jpg /*播放器*/#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(你要说的内容)) 平常状态 body{}中加入CURSOR: url('http://***.ani');链接状态 a:hover{}中加入CURSOR: url('http://***.ani'); /*文章在新窗口中打开*/a:active { text: (target="_blank");} /*屏蔽Rss链接，baidu图片*/#comm_info a {display:none;} /*大背景*/body{}中加入background:url(http://***.gif /*标题背景*/#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; /*调整行高*/} /*常用插入时间图片位置的代码*/图片显示位置——个人档案照片下面： #m_pro div.act{margin-top:5px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500 #m_blog div.tit{font-size:14px;font-weight:bold; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500 图片显示位置——文章列表 标题左面： #m_blog div.tit{font-size:14px;font-weight:bold; line-height:24px; text-indent:120px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500 图片显示位置——TAB导航栏： #tabline{top:89px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500 图片显示位置——相册下面： #m_album div.image{text-align:center; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500 图片显示位置——每个友情链接下面： #m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500 图片显示位置——每个最新评论下面： #m_comment div.item{color:#000000;font-size:12px; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500 图片显示位置——每个文章分类下面： #m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #F4C1B5; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500 图片显示位置——其他区域： #comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #BBC1C6; background:url(http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT-0500 /*分割线*/{margin-top:17px;line-height:12px;background:url(http://***.gif /*<其它>模块中只显示访问人数*/#comm_info a {display:none} /*发光效果*/ {}中加入filter:glow (color= #299BE8,strength=2); /*阴影效果字体阴影*/{}中加入filter:DropShadow(Color=#000000:,OffX=2, OffY=3,Positive=1);或filterdow(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 /*空间透明*/.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 /*添加LOGO*/#m_pro div.image{}加入background:url(http://***.jpg /*给评论框加背景图片*/#spBlogCmtText {border: 8px solid #000000 ; background:url(图片地址) no-repeat top center; background-attachment: fixed;} /*如何设定+固定百度空间的背景*/在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{}同样设置 /*“发表评论”区域*/#in_send div.tit{margin:10px 0 10px 0;color:#FFFFFF;font-size:14px;font-weight:bold} 设置“发表评论”区域上方的“发表评论”四个大字，其中color:#FFFFFF设置字的颜色，font-size设置字的大小，font-weight:hold设置让这字体加粗，不加粗删掉。 设置“姓名”、“网址或邮箱”和“内容”字的颜色。 #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}
|
最近读者：
