注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

学习制作音乐贴  

2008-01-31 10:26:50|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

null学习制作音乐贴
一、用表格制作的方式制作音乐贴的底图

1、预备知识:表格的基本语法

代码:


<table>...</table> - 定义表格
<tr> - 定义表行
<th> - 定义表头
<td> - 定义表元(表格的具体数据)


(1)带边框的表格:
代码:


<table border><tr><th>AAc</th><th>BBk</th><th>CCt</th><tr><td>A</td><td>B</td><td>C</td><tr><td>A</td><td>B</td><td>C</td>       

</
table>




(2)不带边框的表格:
代码:


<table><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td>      </table>



2、底图示例
示例1:
代码:


<table cellpadding="10" width="50%" align="center" bgcolor="#87ceeb" border="10"><td>

</
td></table>




示例2:
代码:


<TABLE cellSpacing=5  cellPadding=3 borderColorDark=#bbaa76 cellPadding=0 width="90%" borderColorLight=#bbaa76
align=center background=http://sunniness.itpub.net/get/7187/16243-1.jpg border=1><TR><TD>

</TABLE></TR></TD>
 
示例3:

代码:


<TABLE cellSpacing=14 cellPadding=3 borderColor=#213a0e width="95%" align=center borderColorLight=#bbaa76
background=http://www.poetrybyloree.com/40untitled09.jpg border=1><TBODY><TR><TD
background=http://www.poetrybyloree.com/40Image2.jpg>

</TABLE></TR></TD>





提示——表格法也可以作为贴图的边框修饰,例如:
代码:


<table cellspacing="5" background="http://sunniness.itpub.net/get/7187/0157.gif" border="0"><tbody><tr><td width="420"
background="http://sunniness.itpub.net/get/7187/16247-5.jpg" height="600"></td></tr></tbody></table>



3、总结上述示例,底图设计大致会用到以下几个基本描述(根据设计需要进行选用):
定义表格——
代码:


<TABLE>


表元间隙设置——
代码:


cellSpacing
=12(边框的厚度)


表元内部空白设置——
代码:


cellPadding
=4(框内空间)


表格边框色彩的亮度控制——
代码:


borderColorLight
=burlywood(边框线浅色彩)/borderColorDark=#bbaa76(边框线深色彩)


表格尺寸设置——
代码:


width
="90%"(占现在宽度的百分数)或 width=# height=#


表格在页面中的对齐/布局——
代码:


align
=center(居中)


表元边框的背景图象——
代码:


background
=http://sunniness.itpub.net/get/7187/16243-1.jpg(边框底图)


表元边框的背景色彩——bgcolor="#87ceeb" (边框底色)


表格边框尺寸设置——
代码:


border
=2(框边线厚度——可以使表格有立体效果)< font>


表的正文——
代码:


<TBODY>


定义表行——
代码:


<TR>


定义表元(表格的具体数据,界内设计)——
代码:


<TD> 例如,可在括号内写入以下信息:background=< font>

  

 

二、标题及文字描述
1、标题

代码:


<font style="FONT-SIZE: 35pt; FILTER: glow(color=white); WIDTH: 100%; COLOR=chocolate; LINE-HEIGHT: 150%;
FONT-FAMILY: 华文新魏;"
><b>华文新魏</b></font>


 

代码:


<font style="FONT-SIZE: 25pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #46a3ff; LINE-HEIGHT: 150%;
FONT-FAMILY: 隶书"
><b>隶书 Milano LET</b></font> >



代码:


<font style="FONT-SIZE: 35pt;  FILTER: glow(color=white); WIDTH: 100%; COLOR=chocolate; LINE-HEIGHT: 150%;
FONT-FAMILY: 华文行楷;"
><b>我用所有报答爱 </b></font>




友情建议:编辑时可以直接引用,只需要根据设计要求改变其中代码的参数就可以了。

2、文字描述

友情提示:可以直接用itpub提供的功能。

三、贴图

示例1:
原始效果:

代码:


[img]http://sunniness.itpub.net/get/7187/fd.gif[/img]





加上长、宽参数后的效果:

代码:


<img src="http://sunniness.itpub.net/get/7187/fd.gif" width="300"  height="60">

下图为雾化效果截图,图中的蝴蝶在实际的贴中是可以动的。


示例2:

代码:


<INPUT style="FILTER: alpha(opacity=100,style=3)" type=image height=400 width=300
src
="http://images.blogcn.com/2006/5/1/1/bqlove,2006050114134.jpg">
<
INPUT style="FILTER: alpha(opacity=100,style=3)" type=image height=400 width=300
src
="http://www.dw-world.de/image/0,,1715846_4,00.jpg">





图片移动代码——MARQUEE

代码:


<MARQUEE scrollamount=2><INPUT ........(此处直接引上述示例2).></MARQUEE>




四、歌曲及链接

代码:


<p align="center"><font color="#09f7f7" size="4"><a href="http://www.carmencuesta.com/audio/Dreams/Dreams.mp3"

target="_blank">Dreams 水蓝色的梦</a></font></p><p align="center"><font color="#09f7f7" size="4"><a

href
="http://www.carmencuesta.com/audio/Dreams/VuelvoATi.mp3" target="_blank">Vuelvo A Ti 回到你身边</a></font></p>



 

Dreams 水蓝色的梦

Vuelvo A Ti 回到你身边




五、播放器

请参考置顶贴的代码,http://www.itpub.net/503188.html

代码:


<embed src="http://sunniness.itpub.net/get/7187/%CB%AE%C0%B6%C9%AB%B5%C4%C5%AE%C8%CB.wma"
width="350" height="50" type="audio/mpeg" autostart="true" showstatusbar="1" />





播放器也可以用表格法设计底图:玫瑰

渲染前:

代码:


<embed width="400" height="80" type="application/x-mplayer2" volume="0" playcount="0" autostart="autostart"
showgotobar="0" showstatusbar="1" showdisplay="1" filename="http://www.hurray.com/news/yeyan.mp3"></embed>



渲染后:(代码略去了,本贴只介绍简易制作,憨笑 憨笑


 

  评论这张
 
阅读(295)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017