如何用边框代码做日志

如何用边框代码做日志

 现在用代码做日志已经成为一种流行，因为代码编辑日志比较简单易学，且有动画效果，而且做出的日志漂亮，也不会被人盗走，广受空间爱好者的喜爱。目前许多音画网站都在用代码做音画，并收费教学员。

         用photoshop做出的日志虽然漂亮，但是需要大量收集素材，且有一定的ps功底，而且做出的日志不带动画效果，为了给日志增加动感，还需要在日志里添加flash动画，但是由于flash动画网址经常失效，造成日志失去动画效果，显得死气沉沉。用代码做日志就彻底解决了动画效果失效的问题。而且简单易学，会不会ps作图也无所谓。为了广大空间爱好者都能做出漂亮的日志，应朋友的请求，我写了这篇日志。

        首先我们要了解什么是代码？众所周知，计算机不认识汉字，它的内部处理程序全部是英文字母加10个阿拉伯数字和部分标点符号。这些代码合起来又叫“Hyper Text Markup Langugage”中文意思是超文本标示语言，简称HTML语言。

       哈哈，不要一提起英文字母，就感觉头疼，其实你不需要了解太多的代码，现在网上有一个HTML代码编辑器，你只需学会使用代码编辑器，就能做出漂亮的空间日志来。

        在做代码日志之前，还要先做以下准备工作：到网上去搜集一些闪底素材（也就是那些Gif格式的动画图片）和精致的静止图片，如

                

                             

然后上传到你的空间相册（为了以后调用网址用），其次要有一个HTML在线编辑器，（网上有在线编辑器，可以去搜一下） 打开在线编辑器后，我们看到如下界面：

 

1、点击插入表格，在打开的对话框中做如下设置：

 注：单元间距和单元边距的数字可以随意更改，根据自己的需要输入1——100都可以。边框的宽度取决于你输入的数字大小。（你可以不断更换数字看看边框的效果）
   2、其中粘贴的图片网址就是你上传到空间的底图网址，具体做法是打开你的空间相册，找到你要用的底图，右键单击该图，出现一个菜单，选择里面的属性，然后复制属性里的网址即可。见图：

  3、做完以上步骤后，点击插入边框下面的确认就得到下面的图片效果：

 右边还有很长，我没有剪切完。点击编辑器左下角的源代码，你会看到里面一排英文字母，见下图：

 

 这些代码就是日志的源代码，粘贴到空间就会变成漂亮的边框。不过现在只有一层边框有点单调，所以我们还要再添加一个边框。点击左下角的编辑，将鼠标放到图片的中间，继续重复上面的步骤，再插入一个其他颜色的图片。见下图;

 这是插入三个图片做出的三层边框，你也可以插入4层、5层、7层……只要自己觉得好看就行。
   4、接下来点击左下角的源代码，全部复制里面的代码，到你的空间去。

   5、跟过去一样，点击写日志，写好标题后，依次选择“高级”——“HIML"

6、删除编辑框里面的几个字母，然后粘贴你刚才复制的那些边框代码，见下图： 

 

 

 、然后点击“返回”，你就会看到跟编辑器里面预览状态下一样的边框了。

  8、接下来，你向过去一样在边框里面写日志就行了，该输入文字输入文字，该插入图片就插入图片，这个漂亮的边框会随着你输入文字和图片的内容不断往下延伸。你的日志内容有多长，边框就会有多长。

  9、最后是点击预览，看看效果，是不是比原来好看多了。

赶紧回去自己做一篇漂亮的边框日志吧！

 

名著收藏	阅读导航		导航模块	模块代码
代码应用	博客制作		朗诵音乐	幻影粒子
有声读物	音画赏析		电脑知识	经典语录
精美边框	ps教程		如诗如画	美女佳丽
FLASH素材	点击进入非凡网易博客，分享更多精彩...			天籁音乐