注册 登录  
 加关注

网易博客网站关停、迁移的公告:

将从2018年11月30日00:00起正式停止网易博客运营
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

走进我 温暖您...

幺妹在这里守候着您!

 
 
 

日志

 
 

【引用】用代码做圣诞节贺卡  

2010-12-19 14:54:11|  分类: 引用精美美文 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自Good fun《用代码做圣诞节贺卡》
和大家分享这篇日志,我的看法是:

 
原文地址:用代码做圣诞节贺卡    原文作者:Good fun

用代码做圣诞节贺卡

Good fun编辑

用代码做圣诞节贺卡 - Good fun - Good fun网易博客
★钟成祝梦宝贝圣诞节快乐!★

 贺卡完整代码如下:

 <DIV align=center>
<TABLE style="BORDER-RIGHT: #3366cc 10px dashed; BORDER-TOP: #3366cc 10px dashed;

BORDER-LEFT: #3366cc 10px dashed; WIDTH: 440px; BORDER-BOTTOM: #3366cc 10px

 dashed; BACKGROUND-COLOR: #3366cc" cellSpacing=6 align=center>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=15 border=1>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE cellSpacing=4 cellPadding=3 width=680 align=center bgColor=#3366cc border=0>
<TBODY>
<TR>
<TD background=
http://img769.ph.126.net/CGHOZGGL_sdjvvuOIyP-Ug==/2465157846033127303.gif

height=500>
<MARQUEE scrollAmount=4 behavior=alternate width="100%" height=496><IMG title="用代码做圣

诞节贺卡 - Good fun - Good fun网易博客 " style="FILTER: alpha(opacity=100,style=2)" height=200

alt="用代码做圣诞节贺卡 - Good fun - Good fun网易博客 "

src="http://img857.ph.126.net/cJStrvzywHfMFN-z5f1tBA==/656962595643644170.gif" width=270>

</MARQUEE></TD></TR>
<TR>
<TD bgColor=#3366cc height=60>
<DIV style="FILTER: shadow(color=#ffffff, strength=10); WIDTH: 500px" align=center>
<MARQUEE scrollAmount=2 scrollDelay=60 behavior=alternate width=670 height=40>

<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 28pt; LINE-HEIGHT: normal;

FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#3366cc><STRONG>

★钟成祝梦宝贝圣诞节快乐!★     </STRONG></FONT></MARQUEE></DIV></TD></TR>

</TBODY></TABLE></DIV>

</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
<P><EMBED style="MARGIN-TOP: -600px; MARGIN-LEFT: 120px"

src=http://imgfree.21cn.com/free/flash/68.swf   width=650 height=480

 type=application/x-shockwave-flash allowNetworking="internal" allowScriptAccess="never"

quality="high" invokeurls="false" wmode="transparent"></P>
<P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer

 src=http://b.bst.126.net/common/spirit.swf?version=1.0.13&amp;t=20100719 width=1

 height=1 type=application/x-shockwave-flash allownetworking="all" allowscriptaccess="always"

quality="high" wmode="transparent" flashvars="loop=1&amp;autoPlay=true&amp;url=http://bbs.qjzqw.com.cn/jnzy/sd/sd2.mp3&amp;

title=&amp;artist="></EMBED> </P>

 代码说明如下:

1、代码中的4个“#3366cc ”分别是齿轮边框4个边的颜色,改变=号后面的颜色代码改变颜色;跟在其后面的“10”是齿轮边框的宽度,改变数值改变边的宽度。

      常用的颜色代码如下:

深红 #ff6600 ; 大红 #ff0000 粉红 #ff66cc ; 淡红 #ff66ff

绿色 #ccff00 ; 紫蓝 #ff33ff  黄色 #ffff33 ; 金红 #cc0000

天蓝 #66ffff ; 草绿 #66cc00  深蓝 #3333ff ; 橙色 #ff9900

深绿 #339900 ; 白色 #ffffff  黑色 #000000 ; 深褐 #990000

2、代码“#3366cc”是齿轮进来图片外面那层边框显示的颜色,本例用的和齿轮边框的颜色一样,所以看不出效果!改变颜色代码改变颜色!

3、代码:“cellSpacing=6”是单元格的间距(也就是效果上看到的外面的白色边框线和齿轮边框之间的距离),改变数值改变间距!

4、代码:“align=center”是表格归中的属性,删除它就是靠左,也可以换成“align=right”就是靠右!

5、代码:“cellSpacing=15 ”和“border=1”分别是单元表格的间距(效果图上两条白色边框线之间的距离)和表格线的粗细(白色边框线的粗细),改变数值改变大小。

6、代码“width=680”和“height=500”分别是表格内背景图片显示的宽度和高度!改变数值改变大小!

7、代码“bgColor=#3366cc ”是表格内的背景颜色,上面被图片遮住了,在文字处可以看见,改变颜色代码改变文字背景颜色!

8、“http://img769.ph.126.net/CGHOZGGL_sdjvvuOIyP-Ug==/2465157846033127303.gif ”背景图片地址,可以换成你自己喜欢的图片的地址!(图片地址获取:你只要右击你博客或者相册的图片,“属性”,那个URL后面就是那个图片地址,复制粘帖即可)

9、代码:“scrollAmount=4 behavior=alternate width="100%" 分别是移动小图片(圣诞老人)的移动速度(改变数值4改变移动速度);移动方式(本例是左右来回走,删除它就是向左移动);移动距离,100%是指整个表格的宽度的100%。

10、代码:“opacity=100”和“style=2分别是移动图片的显示透明度(改变数值100改变透明度,数值越小越透明,0就完全隐形了)和羽化效果的形状(2是圆形,3是方向,1是线性,可以自己设置)。

11、“http://img857.ph.126.net/cJStrvzywHfMFN-z5f1tBA==/656962595643644170.gif”是移动图片的地址,换成你自己喜欢的!

12、代码:“bgColor=#3366cc ”是文字处背景的颜色!自己设置!“ height=60”是文字处表格的高度!改变数值改变高度!

13、代码:“color=#ffffff”和“strength=10”分别是投影文字投影的颜色(改变颜色代码改变投影颜色)和投影的长度(改变数值10改变投影长度)。

14、代码:“scrollAmount=2”是投影文字的滚动速度,改变数值改变滚动速度!“width=670”是文字滚动的宽度,改变其数值改变滚动距离(提示:不要大于表格内背景图片的宽度)

15、代码:“FONT-SIZE: 28pt”是滚动文字的字体大小,改变数值28改变大小;“face=华文彩云文字的字体,可以自己设置(例:face=华文行楷;face=楷体_gb2312; face=黑体);“color=#3366cc”是文字的颜色,改变颜色代码改变颜色!

 16、“★钟成祝梦宝贝圣诞节快乐!★ ”是文字内容,换成你自己的!

17、代码:“MARGIN-TOP: -600px”和“ MARGIN-LEFT: 120px是透明flash(雪花)在图片上的定位,分别是距离距离上边框线和左边框线的距离,改变数值-600和120改变位置,这里可以取负值!数值越大越往下和往右,这里你的先搞清楚-600和-500哪个大哈哈!

18、“http://imgfree.21cn.com/free/flash/68.swf ”透明flash地址,这个是雪花,你可以换成你喜欢的!

19、代码:“width=650 ”和“height=480”分别是透明flash显示的宽度和高度大小,改变数值改变显示大小!

20、“http://bbs.qjzqw.com.cn/jnzy/sd/sd2.mp3”是背景音乐地址,换成你自己喜欢的歌曲的地址!

 

温馨提示:

谢谢您喜欢“ 么妹 ”的日志, 如果您觉得这篇文章值得推广,请点击下面的“推荐”,让大家分享,也算是对“ 么妹 ”的支持。谢谢!
  评论这张
 
阅读(847)| 评论(35)
推荐 转载

历史上的今天

评论

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

页脚

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