空间管理 您的位置: 创意空间 » Glovia » 日志

打造个人空间超炫音乐播放器^^

上一篇 / 下一篇  2007-01-04 16:20:39 / 个人分类:空间DIY

查看( 1569 ) / 评论( 10 )

可以到我的空间里预览一下效果^^ 

不过我做的是静态的,当然调整到动态也十分简单

具体制作步骤如下:
1
打开自己空间,进入<空间管理>页面
2
进入空间管理页面后,选择<我的模板>
3
再选择<空白模板>
  可以看到有5<我的模块>的页面,
  在任意一个<我的模块>中填写
  标题-你可以随便取你喜欢的名字
  内容-请加入以下代码:

<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=282 cellSpacing=0 cellPadding=0 width=187 align=left background=图片地址border=0>
<TBODY>
<TR>
<TD width=187 height=282 cellPadding="0" cellSpacing="0"></TD></TR>
<TR>
<TD align=cente>
<P align=center><EMBED style="BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FILTER: alpha(opacity=40 Style=1 FinishOpacity=40) gray progid:<br>    

 DXImageTransform.Microsoft.Blur(PixelRadius=0 MakeShadow=false); BORDER-LEFT: #cccccc 3px solid; BORDER-BOTTOM: #cccccc 0px solid" src=音乐地址width=185 height=24 type=application/x-mplayer2 loop="-1" autostart="1" volume="0"></P></FONT></TD></TR></TBODY></TABLE>

 

 

关于代码几点说明:

A找到你喜欢的图片地址,可以是静态,也可以是动态,把图片地址替换到代码图片地址的位置中,要注意图片的尺寸,你可以根据你想放置播放器的空间大小来修改图片大小,同时记得相对应也要在以上代码里修改图片尺寸,不然播放器和图片位置会错开哦~一开始有可能有点对不上,不过你可以利用<CSS在线助手>进行试验,就是把代码放在里面,然后按<确认查看演示效果>,那你就能知道错在哪,然后在代码里修改,慢慢的进行调整。

***CSS在线助手,你可以到我的CSS风格编辑页面,在代码框下面可以看到

您可以借助CSS在线编辑助手来帮助您编写自己的样式表^

点击CSS在线编辑助手,进入页面

 

B同样,修改颜色,播放器的大小,透明度等,都可以在CSS在线助手里不断尝试修改,只要有耐心,一定能够调整到你满意的状态。不过提醒一下,空间里一般放置日历,播放器的位置,宽度都在190左右,也就是图片宽度最好也是在190左右。

C这个时候你可以开始找你喜欢的音乐了,找到后把地址替换到代码里的<音乐地址>中。音乐现在只能播放单首歌曲,如果你想播放多首歌曲,也是可以的。像ARTING365杂志官方网站就是5首歌曲循环播放,这次主要是关于播放器的修改的教程,所以就不具体介绍了。不然没完没了啦~~,就先就将就下吧~

填写完成后点击提交保存

4保存后,在侧边栏中,选择可视化模板DIY-进入可视化模板DIY页面
5
进入页面后
 a.选择<添加侧边栏内容>
 b.在你填写内容的模块前打钩
 c.打钩的模块显示在<编辑侧边栏样式区>
 d.保存

6现在刷新你的空间首页,看一下效果吧^^



 


TAG: 空间DIY

老橡树 Acorn 发布于2007-01-04 17:57:47
要空间搞的漂亮点还真不容易啊
㊣KOOKOO'S BLOG dahaoda 发布于2007-01-04 18:53:10
我什么我的歌放不了,请教下。
Glovia glovia 发布于2007-01-04 18:58:56
回复 #3 dahaoda 的帖子
你的代码让我看一下
|命鍾註錠|的个人空间 |命鍾註錠| 发布于2007-01-05 18:16:36
我也不会`````
㊣KOOKOO'S BLOG dahaoda 发布于2007-01-05 19:43:59
<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=316 cellSpacing=0 cellPadding=0 width=350  align=left background=http://www.xhsbbs.com/bbs/UploadFile/2007-1/20071418341898454.jpg  border=0>
<TBODY>
<TR>
<TD width=187 height=282 cellPadding="0" cellSpacing="0"></TD></TR>
<TR>
<TD align=cente>
<P align=center><EMBED style="BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FILTER: alpha(opacity=40 Style=1 FinishOpacity=40) gray progid:<br>     

DXImageTransform.Microsoft.Blur(PixelRadius=0 MakeShadow=false); BORDER-LEFT: #cccccc 3px solid; BORDER-BOTTOM: #cccccc 0px solid" src=http://58.211.236.190:8083/...14256/61771.Wma width=348 height=24 type=application/x-mplayer2 loop="-1" autostart="1" volume="0"></P></FONT></TD></TR></TBODY></TABLE>
頡頏·風行天下 蓝色旋风 发布于2007-01-05 21:35:07
这个好~有空了试试~
Glovia glovia 发布于2007-01-06 00:20:30
你代码中的音乐链接地址错误,不能直接复制试听页面的链接地址 http://58.211.236.190:8083/...14256/61771.Wma

音乐地址无法打开,那音乐当然就无法正常播放了


正确复制音乐链接地址的方法:

首先在百度中搜索你想要的音乐,点击试听
然后进入到歌曲试听页面(图一)

(图一)



按(图一)步骤操作,打开属性页面(图二)


(图二)



最后,复制属性页面中的地址,并粘贴至代码中

<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=316 cellSpacing=0 cellPadding=0 width=350  align=left background=http://www.xhsbbs.com/bbs/UploadFile/2007-1/20071418341898454.jpg  border=0>
<TBODY>
<TR>
<TD width=187 height=282 cellPadding="0" cellSpacing="0"></TD></TR>
<TR>
<TD align=cente>
<P align=center><EMBED style="BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FILTER: alpha(opacity=40 Style=1 FinishOpacity=40) gray progid:<br>     

DXImageTransform.Microsoft.Blur(PixelRadius=0 MakeShadow=false); BORDER-LEFT: #cccccc 3px solid; BORDER-BOTTOM: #cccccc 0px solid" src=http://www.yzrx.com.cn/mp3/when.wma width=348 height=24 type=application/x-mplayer2 loop="-1" autostart="1" volume="0"></P></FONT></TD></TR></TBODY></TABLE>

你可以用这段代码先试试,音像效果还不错的撒~~

*HAPPY*乐百一世* 乐百一世 发布于2007-01-08 09:26:49
好看我喜欢哈哈~~
ㄨ甜·闊訫╅的个人空间 shulier 发布于2007-08-20 04:12:52
楼主要是有时间告诉我一下多个音乐怎么添加。谢谢了!!
a1930发布于2007-11-22 08:15:29
来看看,效果颜色对比不太好,个人感觉啊,还是黑色搭配比较好,要不按纽都看不清楚
我来说两句

(可选)

日历

« 2008-10-13  
   1234
567891011
12131415161718
19202122232425
262728293031 

数据统计

  • 访问量: 13209
  • 日志数: 42
  • 图片数: 34
  • 书签数: 2
  • 建立时间: 2006-09-03
  • 更新时间: 2007-10-23

RSS订阅