照片音乐盒的制作方法_CSS学习

资料来源：网络整理时间：2023/3/4 8:37:47 共计：3570 浏览

照片音乐盒的制作方法？

1、选择大小适中的一个图片作为你的音乐盒背景。你可以先用图片处理软件对背景图片稍做处理（裁减、润色等）；

2、在你的歌曲（音乐）所在页面添加一个文章列表，将文章列表隐藏；

3、在文章列表发表一篇新文章，将你选择的音乐盒背景图片上传，上传成功后，复制背景图片URL地址；

4、在文章列表发表另一篇新文章，用来制作、调试你的音乐盒。方法：在可视化编辑模式下，点击“插入表格”，在跳出的对话框（表格属性）选择（输入）N行× 1列（插入多少行自己定，主要是为了定位音乐盒内文字、播放器等），在表格宽度、高度处输入你背景图片大小的宽度、高度值，在“背景图片”处粘贴你刚才复制的背景图片地址，按“确认”。

5、在音乐盒背景输入你的音乐盒名称，如XX居音乐视听（室），歌曲（音乐）名称、演绎者等等；

6、切换到html编辑模式，在音乐盒适当位置插入播放器代码：<EMBED loop=-1 src=歌曲（音乐地址） WIDTH=宽度 height=高度 type=audio/x-pn-realaudio-plugin mime-types=mime.types Initfn=load-types controls=ControlPanel,StatusBar,TACCtrl maintainaspect=true loop=false autostart=true（此代码基本上适用于任何一种格式的音乐，其中：autostart值“ture”是指音乐自动播放，如果不想自动播放，可将ture改为false；宽度、高度值不能大于背景图片的宽度与高度）。提示：如果在html模式下你不清楚上面代码该插在什么地方，你可以先在可视化模式下在你想放播放器的位置输入随便的文字如“中国”，然后再切换到html模式下将播放器代码代替“中国”即可。

7、插入播放器代码后，再切换到可视化模式，在播放器下面再加入音乐下载地址（此举完全是为了方便浏览者下载，建议下载地址不少于2个）、断链报告（方便浏览者能报告站长音乐链接失效）。

8、以上4-7步骤完成后，按“确认”发表文章。

9、打开你刚才所发表的文章（也就是你刚做好的音乐盒模板），你就可以看到音乐盒的样子了。这时，你可以采取可视化、html模式相结合的办法对音乐盒内播放器的位置、文字的大小、色彩等作进一步的美化，总的原则就是使你的播放器达到最美观为止。感到满意后，将音乐盒表格边框大小值改为0。

10、最后，在html模式下，在你看到的代码前面加上<DIV id=Layer1 style=Z-INDEX: 8; LEFT: 0px; WIDTH: 299px; POSITION: absolute; TOP: 0px; HEIGHT: 44px，后面加上</DIV。按“确认”发表文章。说明：加入上面的代码是为了使音乐盒定位于文章页面的左上角。当然，如果你用的是VIP用户的空白模板，此步也可以省略。不过由于空白模板的某些缺陷，效果没有用代码的好。

11、至此，你的个性化音乐盒已经制作完成！以后每首歌曲（音乐）都套用你做好的音乐盒模板，修改歌曲（音乐）名称、演绎者、音乐链接地址、音乐下载地址就可以了。注：歌曲列表可以在你第2步创建的文章列表中发表。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：csd定数等分快捷键_CSS学习 | ·下一条：手机什么字体最清晰_CSS学习