写博文
个人档案
博腕儿是什么呢? 花语诗路
文  章:204
评  论:11136
访问量:143717
找博主文章
荣誉榜
推荐博文
您可能感兴趣的
暑假,这厢有“礼”啦!(代码动态信纸教程+唯美信纸 xxt推荐博文 这是老师给我送的哦!
分类:小乖の美化   2014-07-09 22:48

 

 

 

 暑假,这厢有“礼”啦!


——不用任何软件做动态信纸教程

(附唯美动态插画信纸) 

现在,咱们校讯通圈儿内已有了不少会制作信纸的“高手”,且方法各有千秋:用软件的,用代码的,东拼西凑组合出来的……近期,爱瞎捣鼓的贝贝小乖琢磨出了一种制作动态信纸的小“绝招”,只要拥有校讯通账号,就能轻松便捷地做出称心如意的动态信纸来。不信请动手一试:

 

首先,我们在网上搜寻出一张图片,保存到桌面或其他醒目的地方(千万要记得地点哟,要不之后就找不到了),就以下面这张图为例吧: 

  

 

接着我们要处理一下图片,不需任何软件,但要用到“美图秀秀网页版”(点击即可打开,也可以点击http://xiuxiu.web.meitu.com/main.html

点击“打开一张图片”,查找先前图片保存的地点准能找到。

 

之后图片就会在网页中显示:

 

 

找到左面一栏中的“修改尺寸”,点击下面的“锁定长宽比例”,之后宽调成“680”(这点十分重要,不能随意更改,因为校讯通中固定的宽度就是680),高也会随着比例改变(许多博友喜欢把高调成510,其实调不调都无所谓,有时候改变比例会影响图片效果,这里我只把宽度进行调整)。

 

       

 

然后再由博文内容美化或编辑图片(例如添加文字,先用消除笔删去没用的,再打出所需的)。

 

如此,图片就编辑好了,最后一步,点击右上角的“保存与分享”,保存图片就OK了。

 

 

接着打开校讯通(点击即可打开),   

     

 

登陆之后,打开下弹出的“博客”。

 

       

 

找到下面的“相册”,点击右上角“上传照片”,把刚刚用美图秀秀编辑好的图片上传到校讯通相册中。

 

     

 

下一步,我们再找到顶端右上角的“写文章

 

      

 

就能够看到写博文的网页了。如图:

 

 

接下来在“查看HTML源代码”前面方格里点一下,就会出现一个“√”,如图:。下面这一步十分重要,我们要用到一组代码。如下:

 

复制开始

<META content=zh-cn http-equiv=Content-Language>

<TABLE id=table1 border=0 width="100%">

<TBODY>

<TR>

<TD height=图片高度 background="图片地址" width=图片宽度><EMBED height=动画高度 width=动画宽度 src=动画地址 wmode="transparent"></TD></TR>

<TR>

<TD bgColor=颜色代码>文章写这里</TD></TR></TBODY></TABLE>

<P>复制结束</P>

 

注:这个代码中的任何一个字符都不能随意更改,但是橘红色的部分是要替换的。下面详细讲解如何替换:

首先注意一点,在替换橘红色字体的时候,先把汉字删除(不要不小心删除代码中的字符),再将相应的信息粘贴到相应的地方。

我们打开校讯通相册里刚刚上传的图片,右击,打开“属性”,之后显示出来的数字和字符都是关于这张图片的信息。我们要用的有两个,一个是“地址”,还有一个是“分辨率”(也就是图片的长宽)。把分辨率中的两组数字替换到刚刚代码中的“图片高度”和“图片宽度”(其中680是宽度,另一个就是高度)。再把图片地址复制下来,并替换代码中的“图片地址”。

下面是让信纸成为动态的重点!首先给大家几个地址,这里面有好多的漂亮FLASH

 

http://www.cctv118.com/index.asp?xAction=xSmallclass&bigclassid=36&smallclassid=110

 

http://www.wosowoso.com/flash/

 

http://www.qqjay.com/html/old8/touming/

 

选择自己满意的动态FLASH,复制它的地址(一般在下面或最上边的地址栏中,注意不是网页地址),把代码中的“FLASH地址替换下来”,再调整合适的长宽,也一样替换汉字,这样信纸图片就大功告成了!

 

别着急,就到最后一步啦~再给大家一个网站地址:

 

http://www.114la.com/other/rgb.htm

 

这里面是各种颜色的代码,可以随意选择,然后复制颜色代码,和上面一样,替换到那一组信纸代码中,整个代码替换过程就结束了。最后点击“查看HTML代码”前面的方格,“√”对勾消失,同时生动漂亮的动态信纸就会出现在你的面前啦!!!

 

怎么样?是不是很简单呢?你也动手试试吧!不懂的地方可以在评论栏或留言板中提出来,也可以发小纸条,更可以加我的QQ1242533570,我会手把手地教大家的~~

 

附:自制唯美插画动态信纸:

 把光标放在“开始”之前,选中并往下拖,一直拖到“结束”后面。选中之后,单击鼠标右键找到“复制”,再到自己的博客打开“写文章”页面,右击点“粘贴”,就可以在文字栏写字啦!发表文章前,记得把“开始”和“结束”删掉。如果你复制过去只显示了“开始     结束”,没有显示信纸图片,可以点一下“查看HTML源代码”前的小方框,方框中就会出现一个对勾,过一会儿再点一下方框,对勾消失,信纸就可以显示出来了。

 

 

 

 

复制开始 

啦啦啦~~~文章写这里啊!!

复制结束

 

 

复制开始 

啦啦啦~~~文章写这里啊!!

复制结束

 

 

复制开始 

啦啦啦~~~文章写这里啊!!

复制结束

 

 

复制开始 

文章写这里 

 

复制结束

复制开始

啦啦啦~文文写这儿呢!

复制结束

 

复制开始

 文章写这里呢~!

复制结束

 

 

 复制开始

                                                         
 文章请写在这里!!

复制结束

 

 

复制开始

 文章写在这里呢!!

复制结束

 

 复制开始

 文章写这里呢!

复制结束

 

 

 

复制开始

 
 文章写在这里~~

复制结束

 

 

 

复制开始 

文章写在这里呢

结束

 

 

 开始

 
 这里这里~~

结束

 

 开始 

文章写在这里!!

结束

 

开始 

文章写在这里!!

结束

 

 

开始

文章写在这里呢~
复制结束


 


 

 

 

 

 

 

 

 

34
浏览(7238)┆ 评论(130)┆  推荐 收藏 分享 举报
  相关博文正在加载中