发新帖  新投票  回帖 
52881个阅读者,122条回复 | 打印 | 订阅 | 收藏
竹韵月思

发表时间:2009-5-12 19:51

【简单音画】素材+代码+音画边框(更新到82楼)



竹韵月思 发表在 教程交流 华声论坛 http://bbs.voc.com.cn/forum-163-1.html

 

好,那我们做个详细的介绍:

>

<DIV style="LEFT: -175px; WIDTH: 1000px; POSITION: relative; TOP: 80px">

..........是你发帖子的内容



</div>

以上是全屏代码


<TABLE borderColor=#cccccc cellSpacing=86 cellPadding=3
width="100%" align=center background=http://image.hnol.net/c/2009-05/12/19/200905121951443131-2090991.gif border=0>
<TBODY>
<TR>
<TD>
第一层边框


<TABLE cellSpacing=0 cellPadding=10 width="100%" align=center
background=http://image.hnol.net/c/2009-05/12/19/200905121951444542-2090991.gif border=0>
<TBODY>
<TR>
<TD>
第二层边框


<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=7
width="100%" align=center borderColorLight=#beced6 background=h

ttp://xz1./314311/../../admin/uploadp
ic/2005112312003327082.gif border=1>
<TBODY>
<TR>
<TD>
第三层边框


<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=7
width="100%" align=center borderColorLight=#beded6 backgroun
d=http://image.hnol.net/c/2009-05/12/19/200905121951442393-2090991.jpg border=1>
<TBODY>
<TR>
<TD>
第四层边框

<TABLE cellSpacing=0 borderColorDark=#7e97a2 cellPadding=5
width="100%" align=center borderColorLight=#beded6 backgro
und=http://image.hnol.net/c/2009-05/12/19/200905121951447134-2090991.gif border=1>
<TBODY>
<TR>
顶层黑色闪图


<TD align=middle><FONT color=#ff00ff>
<P align=center>
<P align=center></A></P>
<P align=center> </P>
<P align=center> </P>
<P align=center> </P>
<P align=center> </P>
<P align=center><FONT color=#00ffff size=7></FONT> </P></FONT>

</FONT></TD></TR></TBODY>
</TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></DIV></TD></TR></TBODY></TABLE>
结尾码






下面是引用宠儿宝贝的没有空间发帖子的内容:

发全屏的代码:

<DIV style="LEFT: -175px; WIDTH: 1000px; POSITION: relative; TOP: 80px">

..........是你发帖子的内容



</div>

发音乐的代码:

<EMBED src=音乐地址 hidden=true type=audio/mpeg autostart="true" loop="true">

发FLASH的代码:

<EMBED style="LEFT: 270px; WIDTH: 400px; POSITION: absolute; TOP: 1200px; HEIGHT: 300px" align=right src=http://imgfree.21cn.com/free/flash/21.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

音画套装素材:

http://bbs.voc.com.cn/topic-1910113-1-1.html

精美网页套装欣赏:

http://www.luvdalot.com/webdesign.html

http://ultimategraphicdesigns.com/eastergreetings.html

http://ultimategraphicdesigns.com/aprilroses.html

[本帖最后由 竹韵月思 于 2009-5-13 21:10 编辑]


本帖最近评分记录
宠儿   2009-5-13 10:36  金钱  +10   好帖
宠儿   2009-5-13 10:36  魅力  +10   好帖



----------------------------------------------
静静地思念......
 
竹韵月思

回复时间:2009-5-12 19:52
下面的素材就是做出上面音画帖子的素材:

按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片




----------------------------------------------
静静地思念......
 
子柔妹妹
原创音画组

回复时间:2009-5-12 19:55
辛苦月思了 谢谢月思提供这么好的素材 来学习啦




----------------------------------------------
【盈盈之水 脉脉不语】
 
竹韵月思

回复时间:2009-5-12 19:59
 


[本帖最后由 竹韵月思 于 2009-5-12 20:01 编辑]




----------------------------------------------
静静地思念......
 
竹韵月思

回复时间:2009-5-12 20:03
上面边框的素材:
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片


边框的代码:

<DIV>
<TABLE style="WIDTH: 600px; HEIGHT: 330px" cellSpacing=20 cellPadding=1 align=center background=http://nnwkl.16789.net/s-helpSite/domName/nnwkl/200610181704375519.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 560px; HEIGHT: 101px" cellSpacing=8 cellPadding=1 background=http://ultimategraphicdesigns.com/brooksidedarkstrip.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 544px; HEIGHT: 173px" cellSpacing=8 cellPadding=1 background=http://nnwkl.16789.net/s-helpSite/domName/nnwkl/200610181715993273.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 528px; HEIGHT: 192px" cellSpacing=8 cellPadding=1 background=http://ultimategraphicdesigns.com/brooksidedarkstrip.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 510px; HEIGHT: 168px" borderColor=#467500 cellSpacing=0 cellPadding=0 background=http://nnwkl.16789.net/s-helpSite/domName/nnwkl/20061018178632306.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=left>
<DIV><FONT style="FONT-SIZE: 20px" color=#cc9900><STRONG></STRONG></FONT>&nbsp;</DIV>
<DIV><WBR><WBR></DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>





----------------------------------------------
静静地思念......
 
月满天心

回复时间:2009-5-12 20:17
竹月好厉害哦
谢谢 辛苦了

 
纯朴归真

回复时间:2009-5-12 20:25
谢谢月思,讲的很细,有你我什么也不用怕了。

 
竹韵月思

回复时间:2009-5-12 20:26
 


[本帖最后由 竹韵月思 于 2009-5-12 20:29 编辑]




----------------------------------------------
静静地思念......
 
纯朴归真

回复时间:2009-5-12 20:32
学月思的素材做了几次都不怎么好,删除了,再研究研究。
 


[本帖最后由 纯朴归真 于 2009-5-12 21:57 编辑]

 
竹韵月思

回复时间:2009-5-12 20:32
素材如下:
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

代码如下:

<DIV>
<TABLE style="WIDTH: 600px; HEIGHT: 330px" cellSpacing=20 cellPadding=1 align=center background=http://eun9696.new21.net/hyugesil/simsim/wall_paper/02/36.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 560px; HEIGHT: 101px" cellSpacing=8 cellPadding=1 background=http://eun9696.new21.net/hyugesil/simsim/wall_paper/02/35.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 544px; HEIGHT: 173px" cellSpacing=8 cellPadding=1 background=http://botu.bokee.com/photodata/2007-3-13/011/858/786/6887211_gif/6887211.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 528px; HEIGHT: 192px" cellSpacing=8 cellPadding=1 background=http://eun9696.new21.net/hyugesil/simsim/wall_paper/02/35.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 510px; HEIGHT: 168px" borderColor=#467500 cellSpacing=0 cellPadding=0 background=http://eun9696.new21.net/hyugesil/simsim/wall_paper/02/94.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<CENTER>
<DIV>&nbsp;<WBR><WBR></DIV></CENTER></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>










----------------------------------------------
静静地思念......
 
拥有蓝天

回复时间:2009-5-12 20:42
让我们学习了,不错

 
清澈

回复时间:2009-5-12 20:52
谢谢月思 学习了




----------------------------------------------
祈盼自己拥有一双飞翼,于一个青蓝色的晴空时分, 腾飞,飞向那一碧如洗的天穹。
 
竹韵月思

回复时间:2009-5-12 21:04
归真,清除换行,点这个键,就可以把空的地方去掉了.




----------------------------------------------
静静地思念......
 
竹韵月思

回复时间:2009-5-12 21:19
 


[本帖最后由 竹韵月思 于 2009-5-12 21:20 编辑]




----------------------------------------------
静静地思念......
 
smary

回复时间:2009-5-12 21:20
及时雨,好好研究研究,谢谢~

 
竹韵月思

回复时间:2009-5-12 21:21
素材:
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

<DIV>
<TABLE style="WIDTH: 600px; HEIGHT: 330px" cellSpacing=20 cellPadding=1 align=center background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048201753814.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 560px; HEIGHT: 101px" cellSpacing=9 cellPadding=1 background=http://www.spiritisup.com/springisintheairdarkstrip.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 544px; HEIGHT: 173px" cellSpacing=9 cellPadding=1 background=http://www.spiritisup.com/springisintheairlightstrip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 528px; HEIGHT: 192px" cellSpacing=9 cellPadding=1 background=http://www.spiritisup.com/springisintheairdarkstrip.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 510px; HEIGHT: 168px" borderColor=#467500 cellSpacing=0 cellPadding=0 background=http://w.886.cn/4L@D/71851008/71851008_58290.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<CENTER>
<DIV>&nbsp;<WBR><WBR></DIV></CENTER></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

[本帖最后由 竹韵月思 于 2009-5-12 21:27 编辑]




----------------------------------------------
静静地思念......
 
竹韵月思

回复时间:2009-5-12 21:32
 


[本帖最后由 竹韵月思 于 2009-5-12 21:38 编辑]




----------------------------------------------
静静地思念......
 
竹韵月思

回复时间:2009-5-12 21:32
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片
按此在新窗口浏览图片

<div><table STYLE="WIDTH: 600px; HEIGHT: 330px" CELLSPACING="20" CELLPADDING="1" ALIGN="center" BACKGROUND="http://s6.album.sina.com.cn/pic/4cfd6ab402000ul5" BORDER="0"><tbody><tr><td><table STYLE="WIDTH: 560px; HEIGHT: 101px" CELLSPACING="8" CELLPADDING="1" BACKGROUND="http://bbs.nxnews.net/forum/UploadFile/2004-9/2004924195113914.jpg" BORDER="1"><tbody><tr><td><table STYLE="WIDTH: 544px; HEIGHT: 173px" CELLSPACING="8" CELLPADDING="1" BACKGROUND="http://s9.album.sina.com.cn/pic/4cfd6ab402000ul8" BORDER="0"><tbody><tr><td><table STYLE="WIDTH: 528px; HEIGHT: 192px" CELLSPACING="8" CELLPADDING="1" BACKGROUND="http://bbs.nxnews.net/forum/UploadFile/2004-9/2004924195113914.jpg" BORDER="1"><tbody><tr><td><table STYLE="WIDTH: 510px; HEIGHT: 168px" BORDERCOLOR="#467500" CELLSPACING="0" CELLPADDING="0" BACKGROUND="http://s5.album.sina.com.cn/pic/4cfd6ab402000ul4" BORDER="0"><tbody><tr><td><div ALIGN="center"><center><div>&nbsp;<wbr><wbr /></DIV></CENTER></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

[本帖最后由 竹韵月思 于 2009-5-12 21:34 编辑]




----------------------------------------------
静静地思念......
 
smary

回复时间:2009-5-12 21:37
月思老师用的框尺寸都是一样的,这看来是标准尺寸了

 
smary

回复时间:2009-5-12 21:39
漂亮,喜欢~谢谢提供,让俺菜鸟也能扑腾几下,学习了

 
发新帖 新投票
 回帖
查看积分策略说明快速回复主题
你的用户名: 密码:   免费注册(只要30秒)


启用 Html 代码
使用个人签名
(请您文明上网理性发言!并遵守相关规定
   



Processed in 0.034516 s, 9 q - 无图精简版,sitemap,