加载中…
个人资料
大全
大全
  • 博客等级:
  • 博客积分:0
  • 博客访问:37,069
  • 关注人气:207
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

(2013-12-25 07:47:54)
标签:

节日贺卡小制作

圣诞节平安夜

狂欢节

迎春节过大年

节日快乐

分类: 年节*节气*文化*艺术*普天喜庆

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

 

 

 

 

http://img857.ph.126.net/cJStrvzywHfMFN-z5f1tBA==/656962595643644170.gif
★立志祝:美君靓友圣诞节快乐!★

 

用代码做圣诞节贺卡

Good fun编辑


cellSpacing=6align=center>




cellSpacing=15 border=1>




width=680align=center bgColor=#3366cc border=0>




 

http://img769.ph.126.net/CGHOZGGL_sdjvvuOIyP-Ug==/2465157846033127303.gif

height=500>
scrollAmount=4 behavior=alternate width="100%" height=496>用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

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

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

 

bgColor=#3366cc height=60>

scrollAmount=2 scrollDelay=60 behavior=alternate width=670 height=40>

face=华文彩云 color=#3366cc>

★立志祝:美君靓友圣诞节快乐!★    

 


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

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

quality="high" invokeurls="false" wmode="transparent">


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

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

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

title=&artist=">


 

 代码说明如下:

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”是背景音乐地址,换成你自己喜欢的歌曲的地址!

 

 

 

******************************************************

......................................................

 

 

 

制作渐变色垂直交叉效果代码【圣诞贺卡】

 

 

 

 

祝您圣诞节快乐

 

大全博主    

 

 

 效果图一 

 

 

 

 

 

祝您圣诞节快乐

 

大全博主    

 

 

 效果图二 

 

 

 

 

 

祝您圣诞节快乐

 

大全博主    

 

 

效果图三

 

 制作渐变色垂直交叉效果代码【圣诞贺卡】

闪动素材

 

 

注  

圣诞节即将到来,朋友们免不了会制作贺卡送给大家,我设计本款文字贺卡祝朋友们圣诞快乐。闪动文字参见博文《巧用代码在背景图上制作闪光字及2… 》,渐变色参考博文《制作纵向间隔渐变色立体视觉效果图的代码及实例3款》。我用定位代码设计出垂直交叉效果用以装饰文字,去年圣诞节设计的美图代码受到许多博友的喜爱和使用,请点击查看博文《巧用代码制作圣诞动态美景…》、《制作双色虚线边框动态图文贺卡的代…》、《平安夜祝平安》和《圣诞景观》。红色代码是图片素材地址。替换图片、FLASH地址或文字后预览满意即可发表。我选用不同颜色制作3款效果图供朋友们参考。您也可以用此代码制作自己的贺卡。代码设计只是技巧,最重要的是构思创意。发挥您的智慧,创作出更美的佳作。

特别说明:图片素材来源于网络。

 

 

 

 

 

点击图片看昭昭 在背景大图中点击小图链接网址的代码及效果图公主的文字博客

  

 

 

 

效果图一代码




 


 







 









http://s6.sinaimg.cn/orignal/5e1a7abfg71485000d3b5&690>






祝您圣诞节快乐

 


大全博主    






 






  

 

效果图二代码




 


 







 
















祝您圣诞节快乐

 


大全博主    






 






   

 

效果图三代码




 


 







 
















祝您圣诞节快乐

 


大全博主    






 






 

******************************************************

......................................................

 

 用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

用代码做圣诞节等节日贺卡?!《转载美文》【圣诞贺卡】

 

******************************************************

......................................................

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有