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

开心花果树的网易博客

这是一个记录孩子成长经历、父母心情的地方!也有一些美化博客的资料!

 
 
 

日志

 
 

教你制作代码贴图(一)  

2007-01-19 10:41:40|  分类: 〇博客、电脑〇 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
   教你制作代码贴图(一)
 
 
       今天先教大家制作只有一层表格的贴图(我准备写出一个系列的制作方法,以后会逐步增加难度^_^)。以《大兴安岭-生我养我的地方》为例(这个贴图是一层表格),具体说明制作过程。
 
1、首先制作表格。
将以下代码粘贴到“显示源代码”处
<DIV align=center>
<TABLE borderColor=#aed8f5 cellSpacing=2 cellPadding=3 width="100%" align=center border=12>
<TBODY>
<TR>

 
 
你的博客中就会出现一个蓝色的表格了^_^
 
此段代码说明:TABLE是表格的意思,borderColor是表格边框的颜色,border=12是表格边框的宽度,调整等号后面的数值可以调整表格的宽度。cellPadding=3是表格里面的一条细线和表格之间的距离。
 
2、在表格中填充一张图片。
<TD background=http://bbs.flasher123.com/UploadFile/2006-5/20065211454512920.jpg height=200>

 
 
       
       因为填充的是背景图片,因此这样的图片最好是一些朦胧典雅的,尽量不要使用颜色太深的,当然这要看你制作的是什么主题的贴图了。我的这张图片是自己用PHOTOSHOP软件制作的,其实是一张很难看的图片,但是我用了模糊滤镜,加工后就成了一张很朦胧典雅的图片啦^_^
 
此段代码简要说明:background是背景的意思,后面是图片的链接地址,注意:图片必须上传后获得URL地址才可(上传的空间我已经在前几天的文章介绍了,大家可以去注册,获得自己的免费空间,然后可以传本机中的各种图片,个人空间非常有用啊)。height=200
是图片的高度。这个高度不设定其实也无妨,只要你往上面添加图片或者内容,这个表格就会被不断的加长。
 
3、下面就可以往制作好的表格中添加内容啦。
 
(1)、首先可以直接在这个表格中写字,不信你把鼠标放在表格中点击一下,看到闪烁的鼠标了吧,点击工具栏中的居中图标,鼠标就居中了,开始写字^_^
 
 

 

大兴安岭

生我养我的地方

 

     我在以前的文章中曾经介绍过各种特效字的代码制作方法,在这里都可以使用。我的字体代码是<P align=center><FONT face=黑体 color=#0099cc size=6><STRONG>大兴安岭</STRONG></FONT></P>
<P align=center><FONT face=黑体 color=#0099cc size=6><STRONG>生我养我的地方</STRONG></FONT></P>

在这段代码中设置了文字的颜色,字体是黑体,还有字体的大小等等参数。

(2)添加图片

现在我将自己本机的这张图片插入到贴图中,将鼠标放在贴图要插入此图片的地方,然后双击图片剪切板中的图片这是一张GIF图片,怎么样,图片就到了你需要的地方了,和在文章中插入图片方法是一样的。一般用这种图片做分割线,就是每个主题图片之间加一张比较漂亮的GIF图片,用来美化贴图。

教你制作代码贴图(一) - 开心果 - 开心花果树的网易博客

 

 

大兴安岭

生我养我的地方

 

教你制作代码贴图(一) - 开心果 - 开心花果树的网易博客

 

 

注意:在表格中添加图片可以直接将本机中的图片上传到这里,很方便的。如果是网上的图片,可以直接将图片复制粘贴到这里,操作起来也很方便。

(3)添加动画

添加动画的方法我在以前的文章中也介绍过的

 

 

大兴安岭

生我养我的地方

 

教你制作代码贴图(一) - 开心果 - 开心花果树的网易博客

 
北国红豆制作
2006年8月5日
 
 

 

动画添加的代码如下:

<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=center src=http://bbs.flasher123.com/UploadFile/2006-1/20061310223463626.swf width=450 height=320 type=application/x-shockwave-flash QUALITY="high" WMODE="transparent"></EMBED></DIV>

红色部分是动画的URL地址,蓝色部分是动画的宽和高

嘿嘿,怎么样,一个简单的贴图就制作出来啦

大家还可以在贴图上面添加透明FLASH,根据主题添加,比如我的这个贴图就加了一个不断向下飘落的雪花,正好扣紧主题。

如果你喜欢下面的文章展示平台,欢迎你加入我们.这是一篇推广博客的文章,我们欢迎你的加入http://kxhgs.blog.163.com/blog/static/21939874200735571876

这是非常漂亮的Flash. 

 
  评论这张
 
阅读(3585)| 评论(25)
推荐 转载

历史上的今天

评论

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

页脚

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