当前位置:中国易下载软件教材中心文章中心百度空间百度空间播放器 → 百度空间播放器美化代码

百度空间播放器美化代码

减小字体 增大字体 作者:佚名  来源:不详  发布时间:2008-3-25 15:14:20
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
喜欢这些内容嘛,请告诉你身边的朋友,易下载中心-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;    -----------所在区域的边框
        

(蓝色部分的数值要自己改动)