HTML音画全部中级代码

来源：百度文库 编辑：神马文学网 时间：2024/04/28 14:34:17
LOVE佳 2010年06月25日 10:00 阅读(522) 评论(63) 分类：个人日记


说明：由于墨梅老师中断教程传授以后，很多人就自创代码，因而中级音画代码就出现了多种板本。我本着推陈出新和发扬光大的精神，将这些代码进行了淘汰精选，把那些有创意有价值的代码收录其中，供大家选择、结合使用。
HTML音画中级代码《一》音乐贴图变化效果
原创代码


















变异代码















HTML音画中级代码《二》代码组图
原创代码
width=230 align=left bgColor=#643c00 borderColorLight=#00000 border=0>



图片width=435 appendurl="1">


 

这里可写字


图片width=252 appendurl="1">      
           
          这里写字

图片width=252 appendurl="1">

这里写字

图片width=252 appendurl="1">


这里写字

图片width=252 appendurl="1">


 这里写字    
   这里写字     
      

图片width=252 appendurl="1">


    
     

变异代码




图片



这里可写字和添加分线，进行自由组合，编辑方便，效果美妙。

 

 

 

 

 

 

 

 

这里也可以写字和添加分线

HTML音画中级代码《三》边框分解如何组合
原创代码
borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>



 


 


 


 


 


borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>


 

borderColor=#cccccc cellSpacing=80 cellPadding=80 width="100%" align=center bgColor=#ffffff border=0>



cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>



borderColor=#cccccc cellSpacing=15 cellPadding=15 width="100%" align=center bgColor=#ffffff border=0>



cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>




borderColor=#cccccc cellSpacing=10 cellPadding=10 width="100%" align=center bgColor=#ffffff border=0>



borderColor=#cccccc cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0>




borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>



 


 


 


 


 


 


 


 


    


 


 


 


 


 



borderColor=#cccccc cellSpacing=2 cellPadding=2 width="100%" align=center bgColor=#ffffff border=0>



borderColor=#cccccc cellSpacing=8 cellPadding=8 width="100%" align=center bgColor=#ffffff border=0>




borderColor=#cccccc cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0>



borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0>



borderColor=#cccccc cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0>



borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>



 


 


 


 


 



 


 


 


 


 


 



borderColor=#cccccc cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0>



cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0>



borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0>



borderColor=#cccccc cellSpacing=1 cellPadding=1 width="100%" align=center bgColor=#ffffff border=0>



borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>



 


 


 


  


 


 


 


 



 


borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>


 

borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>



 


 


 


 


 


 


变异代码
图片虚线边框代码

图片加立体镜框的代码
style="border:25 outset #ff88ff">

滚动条代码
日志文字

原创代码与变异代码相结合，制作出来的帖子是相当漂亮的
HTML音画中级代码《四》如何用图片编辑精美字体
原创代码


cellSpacing=0 cellPadding=0 align=center table="table" tbody="tbody">



align=center table="table" tbody="tbody">



这里写入你喜欢的文字


变异代码
一、做绿色大字的代码

在这里写字


二、做紫红大字代码
在这里写字



三、做蓝色大字代码
在这里写字

四、做红色大字代码
在这里写字
HTML音画中级代码《五》如何在图片加播放器
原创代码






【width=300 和height=300 是图片的宽和高，可调】
变异代码

一、这是一款HTML在线编辑器


 


其地址：http://ny.xmu.edu.cn/editor.asp


 


 图片


 


打开编辑器，点上面最下一排第9个符号插入表格，如下设置： 


 


图片


 


最上面四组就按图片上设置，单元间距和单元边框是这张图片显示多宽，


可以随你的想法输入，一般线条的宽输入1PX到10PX就可以了，


在“背景图片”那儿插入你想放上去的图片地址。点确定后，


桌面上出现编辑的状态，然后在图片上插入光标，如果不能


插上光标，就在左下角点一下源码在点回编辑，就可以了，


插上光标后跟做第一层一样的，可以根据自己的喜欢放


第二层，第三层等很多层的图片，宽度也自己掌握。


做好边框如下：


 


图片 


 


然后把上面边框宽的部份删一些跟左右一样，下面不用管，


鼠标插在图片的中间，向下击回车键，就能看出边框的效果了，


或者点下面的预览也行。 效果如下：


 


图片



然后点击下面的源代码（在编辑器的左下方），复制全部代码，到你


空间的写日志地方，点开高级，打开HTML编辑，把代码粘贴上去。


在粘贴前要把里面的符号全部删掉，那样才会显示正确。



图片

图片



然后在右上角有一个返回，点击返回，就可以看到效果，


然后在边框中间写日志和加上你喜欢的图片就行了。


朋友们喜欢日志做多长，就敲击回车键。边框会自然往下延伸的。



中级代码整理完毕 整理《LOVE佳》
2010.6.25.
HTML音画全部中级代码 HTML代码音画全部高级教程 HTML代码音画基础与初级全部教程 [图片] HTML代码音画中级教程《九》用闪动图片制作精美文字加滚动图片 [图片] 11学习HTML代码做音画贴 HTML特效音画代码 透明flash HTML代码音画作品 《醉美天下》 - Qzone日志 HTML教程，HTML代码 html代码 怎样用FrontPage软件编辑HTML帖子 | 音画代码学堂 - 中国音画家园 - Po..*******. HTML精典代码 - 百荷音画驿站(音画 教程 动画 QQ音画 素材 音画欣赏） HTML音画介绍之二：运用各种代码编辑特效图片（上） 【Earls】HTML学习编辑小平台－克隆代码做音画贴 HTML音画介绍之二：运用各种代码编辑特效图片（上） HTML学习编辑小平台－克隆代码做音画贴、 html代码特效 html 成品代码 HTML滚动代码大全 html代码特效2 html代码特效1 html代码特效4 html代码特效 值得一看 html代码特效5666 html 成品代码11

style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); style: " src=你需要的MP3网址
width=0 height=0 type=video/x-ms-asf allowScriptAccess="never" allowNetworking="internal" loop="true" autostart="true" volume="0">