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

梅园听雪的博客

我畅游在网络中,有很多东西都是我要汲取的。因学习而快乐!

 
 
 

日志

 
 
 
 

测试边框(音画初学者请进)  

2008-03-07 21:38:06|  分类: 博客素材技巧分享 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

冬韵如歌测试边框(音画初学者请进)

 

 

测试边框

冬韵如歌

 测试边框(音画初学者请进) - 梅园听雪 - 梅园听雪的博客

'700')this.width='700';" border=0>  

 

 

该帖代码结构分析如下:(请对照上图)

以下是边框部分:

(该层代码是必不可少的,它是决定画面的重要部分,其中距左边距离:LEFT: -220px;负数越大越往左, 宽度:WIDTH: 980px; 通常不大于1024全屏,及离顶部距离TOP: 200px,一般在50-200之间,这些基本数据都在此层调整)

底层图片

<TABLE id=table0 style="LEFT: -220px; WIDTH: 980px; POSITION: relative; TOP: 200px"

borderColor=#FF0000  cellSpacing=25 background=http://bg.e-yu.cn/3/kumo-23.jpg border=5>

第一层边框

<TBODY>

<TR>

<TD width="100%">

<TABLE borderColor=#424200 cellSpacing=5 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://bbs.nxnews.net/forum/UploadFile/2005-6/20056620545963209.jpg  border=1>

第二层边框

<TBODY>

<TR>

<TD width="100%">

<TABLE borderColor=#424200 cellSpacing=25 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://bbs.nxnews.net/forum/UploadFile/2005-6/20056620572971262.jpg  border=1>

<TBODY>

第三层边框

<TBODY>

<TR>

<TD width="100%">

<TABLE borderColor=#424200 cellSpacing=5 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://bg.e-yu.cn/3/g.jpg  border=1>

第四层边框

<TBODY>

<TR>

<TD width="100%">

<TABLE borderColor=#424200 cellSpacing=10 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://bg.e-yu.cn/3/kumo-21.jpg  border=1>

第五层边框

<TBODY>

<TR>

<TD width="100%">

<TABLE borderColor=#424200 cellSpacing=25 borderColorDark=#FFFFFF cellPadding=0 width="100%" background=http://bg.e-yu.cn/3/kabe-kanaami-05.gif  border=1>

以下进入主题部分:

<TBODY>

<TR>

<TD align=middle>

文字1

<DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312"><B>中 国 音 画</B></DIV>

文字2

<DIV style="FONT-SIZE: 60pt; FILTER: shadow(color=#FFF5EE); WIDTH: 100%; COLOR: #FF0000; LINE-HEIGHT: 150%; FONT-FAMILY: 经典繁中变">测  试  边  框</DIV>

音乐播放器

<p align=center><embed width=350 height=25 style=filter:xray src=http://music1.hexun.com/Save/Music/2006/1231/1041/M_2AAB1ECC59FA8649.MP3  type=audio/mpeg autostart=1 panel=0 loop=true></embed>

文字3

<DIV style="FONT-SIZE: 18pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #CDAF95; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312"><B>小提琴曲《知音》</B></DIV>

小提琴图片(在改层以下可以添加很多的图片)

<P align=center><IMG width=指定图片宽度 src="http://tinypic.com/4t6a0i" height=指定图片高度></P>

文字4

<DIV style="FONT-SIZE: 18pt; FILTER: shadow(color=#778899); WIDTH: 100%; COLOR: #FF0000; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312"><B>雨打芭蕉编辑</B><BR>07.11.20</DIV>

FLASH部分(可以加在任何一组代码后面)

<EMBED style="LEFT: 150px; POSITION: absolute; TOP: 150px" align=right src=http://myhome.naver.net/brown444/swish/s92-m.swf width=900 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"> </CENTER>

结束符号

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

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

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

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

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

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

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

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

空行符号(作用:为使的作品底部不遮住管理按钮,应适当加些空行符)

<br><br><br><br><br><br><br>

<br><br><br><br><br><br><br>

下面就每层代码的含义解释如下:

<TABLE id=table0 style="LEFT: -220px; WIDTH: 980px; POSITION: relative; TOP: 200px"

borderColor=#FF0000  cellSpacing=25 background=http://bg.e-yu.cn/3/kumo-23.jpg border=5>

主要代码解释:

LEFT:表示左方,负数越大越靠左,反之正数越大越靠右,如宽在780以下时可为0

WIDTH:表示宽. 这里的宽是代表作品的最大外围宽度.通常不大于1024px.

TOP:表示顶部,作品起始点于顶部距离. 一般为50-200之间,宽在780以下时可为0

cellSpacing=25 表示该层距下层的缩进度为25PX,

background:表示背景,在此后面输入背景图片地址

border:表示边缘,背景图边缘宽度.

其余部分一般都不用调整,照搬就可以了

一至五层含义:

<TBODY>

<TR>

<TD width="100%">

<TABLE  cellSpacing=10 borderColorDark=#FFFFFF cell Padding=0 width="100%" background=边框图层地址  border=1>

其中:

<TBODY>

<TR>

<TD>

<TABLE ......>表示表格代码

cellSpacing=10  离下层间距

borderColorDark=#FFFFFF 边框的边缘色

width="100%"表示100%显示图片的宽度,也可以值入具体数值

background=边框图层地址

border=1边缘宽度

 

 

 测试边框(音画初学者请进) - 梅园听雪 - 梅园听雪的博客   测试边框(音画初学者请进) - 梅园听雪 - 梅园听雪的博客   测试边框(音画初学者请进) - 梅园听雪 - 梅园听雪的博客

 

 测试边框(音画初学者请进) - 梅园听雪 - 梅园听雪的博客

 

http://blog.163.com/xw_zn/

 

 

推荐阅读文章:

*教程 引用 【图文教程】给你的靓照加个闪闪相框(原创)
**引用 【学习】用线条边框美化图片(代码及示例图)
* 引用 【精品素材】经典淡雅的音画框模块(灰色)
**引用 〖素材〗虚线背景图框(代码)
*引用 【精品素材】左边饰花模块
**引用 〖素材〗精美淡雅套装音画框(浅青色)
*引用 【精品素材】背景图片边框(蓝)
** 引用 【精品素材】精美的音画套框(蓝
* 引用 【素材】背景图片图框(一)
**我的链接代码
*精美边框代码与制作效果(一)
**精美边框代码与制作效果(二)
*精美边框代码与制作效果(三)
**音画制作入门---怎样做边框

 测试边框(音画初学者请进) - 梅园听雪 - 梅园听雪的博客

 测试边框(音画初学者请进) - 梅园听雪 - 梅园听雪的博客

 测试边框(音画初学者请进) - 梅园听雪 - 梅园听雪的博客

 点击图片即可进入梅园听雪的博客首页

  

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

历史上的今天

评论

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

页脚

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