- ·上一篇文章:为播放器加上图片装饰代码
- ·下一篇文章:空间背景音乐没有声音的解决办法
百度空间播放器美化代码
喜欢这些内容嘛,请告诉你身边的朋友,易下载中心-QQ资源-itnetcn.com一起享受这份乐趣,本站内容来源互联网
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
A: 百度空间播放器美化代码
完全可以通过css属性把它去掉,下面简单给一下几种代码,方便大家使用!
透明白:#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 400px; HEIGHT: 25px}
透明灰:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 220px; HEIGHT: 32px}
透明蓝:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=25, Style=2, StartX=20, StartY=100, FinishX=0, FinishY=0); WIDTH: 225px; HEIGHT: 32px}
透明黑:
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray; WIDTH: 225px; HEIGHT: 43px
我的播放器:
#phx{FILTER: Alpha(Opacity=70, FinishOpacity=70, Style=0, StartX=0, StartY=0, FinishX=0, FinishY=0) invert(); WIDTH:98%; HEIGHT: 64px}
B: 百度空间播放器隐藏及大小设置!
1.如何隐藏播放器而不影响音乐播放
方法一:在css 文件的空白处添加以下代码:
#mod_bgmusic{display:none}
不显示播放器,但不影响音乐的播放。
方法二:#phx{FILTER:Alpha(Opacity=40)}
把上面的插入到CSS中 播放器就会变成透明的
= 后的数值越大 透明度越小 数值越小 透明度越大
2.调整百度空间播放器大小尺寸
#phx{FILTER: Alpha(Opacity=100, FinishOpacity=80, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) gray; WIDTH: 225px; HEIGHT: 45px}
WIDTH后面的表示宽度 HEIGHT表示的高度Opacity=100 透明度,越高越清楚
FinishOpacity=10 过度透明度,就是边缘的透明度
gray();这个是颜色,可以改为red、blue、pink等
WIDTH 播放器的宽度
HEIGHT 播放条的高度,32px可以隐藏上面的视觉窗口
1、先让整个模块透明,连标题栏也透明,即不透明度减少,如25%吧。
#mod_bgmusic{filter:algha(opacity=25)} 2、只让播放器透明,而标题栏不透明:#phx{filter:alpha(opacity=25)}
3、缩小播放器的高度,更加美观:#phx{height:62px;} ,为了能看到歌曲的信息,所以为设置62的高度4、让播放器的宽度缩小一半:#phx{height:32px;WIDTH:114px} -----全长为2255、改变播放器的颜色
1)让播放器变成黑色 xray() 2)让播放器变成灰色gray()6、让播放器产生渐变透明效果。#phx{FILTER: Alpha(Style=1);}
4、设置背景音乐板块的高度,为这个板块的背景添上图片,请看下面一个例子:
1)先把图片裁剪好225*300(这个板块默认为225宽)
2)把图片上传网络获取地址;
3)设置板块高度为300(与图片一致),添加背景图片,把小狗图片刚才的地址贴进去.
4)为了不影响效果,不遮住小狗,把播放器变透明。
整个编码为:
#mod_bgmusic{height:300px;background:url(http://t4.baidu.com/it/u=3972200631,867873123&gp=38.jpg) no-repeat}
#phx{height:62px;filter:alpha(opacity=25)}
看到这里,是不是手很痒呀,也想做一个可爱宠物相片的播放器吧,那赶快动手吧。
5、为背景音乐板块加上边框:
#mod_bgmusic{border-style : inset; /*border为边框,inset为边框的样式*/
border-width : 4px; /*width为边框线条的宽*/
border-color : #88FFA2;} /*color为边框颜色*/
总结:有玩也要有收获,我们来总结一下,看能不能举一反三呢.
1、#mod_bgmusic{}------------------为背景音乐板块区域
2、#phx{}--------------------------为播放器区域
3、height:1px; --------------------为所在区域的高度;
4、width:1px; ---------------------为所在区域的宽度;
5、position: absolute;left:300; top: 120;-------所在区域的移动位置
6、filter:alpha(opacity=25);-------- 所在区域的不透明度(数值越少越透明)
7、color:#000000;--------------------颜色
8、background:url(图片地址);---------所在区域的背景图片
9、background-color:#000000;---------所在区域的背景颜色
10、border-style : inset; -----------所在区域的边框
(蓝色部分的数值要自己改动)

