网易博客代码美化教程 -非主流官方

★滚动字特效代码
<marquee width="200" height="100" direction="right" behavior="alternate"
scrollamount="6" scrolldelay="88">输入你想要的文字</marquee>
提示说明：
scrollAmount 它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3
比较好，width和height 表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值，direction 表示滚动的方向，默认为从右向左：←。可选的值有right、down、up。滚动方向分别为：right表示→→，up表示↑，down表示↓scrollDelay 这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的，behavior用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

★改变滚动字幕的颜色代码
<marquee scrollAmount=2 width=300><a style=color:CC6600>输入你想要的文字</a></marquee>

★当鼠标停留在文字上，文字停止滚动代码
<marquee scrollAmount=2 width=300 scrollAmount=2 width=150 behavior=alternate>输入你想要的文字/marquee>

★多行文本向上滚动特效代码
<marquee scrollAmount=2 width=300 height=50 direction=up>·输入文字<br>·输入文字<br><a href=http://www.hack58.com>输入文字</a></marquee>

★不停变化颜色的字代码
<DIV style="WIDTH: 460px; HEIGHT:30px"><IMG height=2
src="/web/ewebeditor/UploadFile/2005101692624157.gif" width=460px
align=right><IMG height=30px src="/web/ewebeditor/UploadFile/2005101692625359.gif" width=446.2px
align=right><DIV style="FONT-SIZE: 20px; FILTER: Chroma(color=#FCFBFA);
FLOAT: left; WIDTH: 460px; HEIGHT:30px; BACKGROUND-COLOR:#000000"
align=center><FONT color=#FCFBFA>输入文字</FONT></DIV></DIV>

★带框文字特效代码
<font color=#02B452
style="border-color=#FF0000;border-top-style:outset;border-bottom-style:out
set;border-right-style:outset;border-left-style:outset">修改你要的字</font>
提示：这些符号是边框类型(修改代码中可修改,不过建议上下左右边框用同一种效果)
double 表示边框样式为：双线
groove 表示边框样式为：3D凹槽状
dotted 表示边框样式为：点线
inset 表示边框样式为：3D内嵌边框
outset 表示边框样式为：3D外嵌边框
ridge 表示边框样式为：3D凸脊状
dashed 表示边框样式为：虚线
solid 表示边框样式为：实线

★滚动红色字特效代码
<marquee width="650" height="60"><font color="red">请输入你想要的文字</font></a></marquee>

★滚动无框红色字特效代码
<div style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:
634px; ; TOP: 0px; HEIGHT: 530px; zindex: 90"
resiziable="true"><marquee width="750" height="60"><font color="red">请输入你想要的文字</font></a></marquee>

★左右移动字特效代码
<font colo*=#855558><center><marquee behavior="alternate"
scrollamount="2">请输入你想要的文字</marquee></marquee></font></center>

★角度跳动的字左右移动字特效代码
<marquee behavior="alternate" direction="up" height="80" width="60%"
scrollamount="2" scrolldelay="0"><marquee behavior="alternate"
scrollamount="3">请输入你想要的文字</marquee></marquee>

★七字体顔色文字特效代码
<font COLOR=颜色代码>文字</font>
显示竖排的文字：
<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>博客文章文字</P></DIV>

博客做久了```愿意为那些不会写代码的人```奉献一点小内容的代码```希望大家支持 ``虽然代码是自己编写

的，但是我觉得还是不怎么样```大家要是有什么意见请邮件和我联系```本人一定感激不尽````

装饰（一）

此特效的代码如下：

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

<P>
<TABLE style="BACKGROUND-IMAGE: url(http://img737.photo.163.com/lovewangzzz/65319602/2490742597.jpg); WIDTH: 220px; HEIGHT: 318px" borderColor=#00ff33 cellSpacing=2 cellPadding=3 width=210 bgColor=#ffffff border=1 heihgt="">
<TBODY>
<TR>
<TD rowSpan=2>
<P align=center>&nbsp;<FONT color=#f709f7 size=2><STRONG>邮箱连接</STRONG></FONT></P></TD>
<TD>
<P align=center><A href="http://mail.163.com">网易邮箱[163]</A></P></TD></TR>
<TR>
<TD>
<P align=center><A href="http://mail.126.com">网易邮箱[126]<FONT style="BACKGROUND-COLOR: #000000" color=#3cc457></FONT></A></P></TD></TR>

首先我们打开工具网页：http://www.sunmood.com/bbs/non-cgi/editor/editor.html[在线工具，不需下载```]

然后我们找到第三排第一个按钮[插入图片按钮]，然后我们选择“网络”后在填上 图片地址。

[图片地址一般为这样的，有些人现在还不知道撒叫图片地址

/upimg/allimg/070521/1324301.jpg

或者http://img737.photo.163.com/lovewangzzz/65319602/2500708937.bmp

如果是一张本地图片建议我们上传到“163网易箱册里面”[最大好处，好提取图片的网络地址]

当我们填上图片地址后就直接点“确定”就可以了````[其他的属性都不填，什么图片大小先都别填]

请看截图

点确定之后我们我们可以拉动图片调节图片的大小（这一点十分重要，大家一定重视！！！例如我们要放到博客中间，就和我博客首页一样，那么我们应该把图片拉到和中间的距离一样```要是放两边就可以适当拉小点了``）

看截图（这是为放两边设计的大小，只能拉这么大，在大就在博客中显示不正常了```）

做好了以上步骤后我们就已经完毕了````然后我们点下面的按钮切换得到代码（按钮截图）

然后我们复制代码就可以了```这里鼠标的右键屏蔽了``我们就用复制的快捷键````（Ctrl C）

复制好了以后就可以粘贴博客中的自定义HTML框框中了`````

1.首先登陆网站http://say-on.com/。

2.我们在网站的条形框框中填入自己博客的URL。（例如我的就填：

http://www.blog.163.com/lovewangzzz/好象前面一定要加‘http：//“才行````请看图片

填好后，直接点确定按钮就可以了```

在接下来的网页中请点（见图片）

接下来又会是一个网页，我们找到“点击此处升级到注册版”（见图片）

（网页中含有两段代码，在这里大家别慌，代码基本上没用！！！因为网易博客并不支持动态网页代码）

点了以后我门就到自己的邮箱中收取密码。

收到密码后在哪登陆呢？邮箱中说是自己聊天区的左上角钥匙图标，相信大家没找到吧？？

没关系```我们在浏览器的窗口中复制以下URL登陆 http://say-on.com/****************（星号后

面是你博客的地址，例如我就应该填http://say-on.com/www.blog.163.com/lovewangzzzzzz）登陆以

后我们就可以在屏幕的左上角看到钥匙图样了。。。（注意登陆的时候是你的博客网站，不过下面有一个

小框框，我们点上面的按钮切换到完整模式就可以看见钥匙了！！！）

如图

在点钥匙登陆，我们进行简单的设置就可以了```在这里就不做介绍了````

做好以上步骤后基本上就可以完了````

然后我们在到自己的博客中做一个简单的连接接可以了````

连接地址就是：http://say-on.com/****************（星号后面是你博客的地址，例如我就应该填

http://say-on.com/www.blog.163.com/lovewangzzzzzz建议用在线编辑器做比较简单```

在线编辑器的网址是http://www.doryuen.net/article/editor/editor.asp`````

——THE END 完成于11月25号16：55

例如：我主页上的播放器（这是一个FLASH播放器，很美丽对吧？）

添加方法：首先我们得创建一个HTML框框~~~在点一下“FLASH”按钮，进行添加下面的URL

http://huibiaoli.go3.icpcn.com/cfplay/cfplay.swf

添加好以后也不是说做好了~~~~还要美观一下吧~~~要不然很小的~~~不好看~~~修改一下代码~~~

代码本来是：

<embed src="http://huibiaoli.go3.icpcn.com/cfplay/cfplay.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="100%"></embed>

我们得把上面代码修改一下，调整一下高度和宽度，因为网易博客默认是不能够采用的~~~把他修改成以下代码

代码如下：

<embed src="http://huibiaoli.go3.icpcn.com/cfplay/cfplay.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="450" height="320"></embed>

把其中的width="100%"修改成了width="450"，多添加了一个height="320"（这就是FLASH播放器的高度）

好了添加这个播放器就说到这了~~~~在说一下添加表格吧！！这个对不懂HTML的人来说有点点复杂了~~~~好好学

哦~~~其实还是很简单的~~~

[NEW]根据FLASH播放器的作者的网站介绍又有了几种新的款式```分别是以下几种，用的时候直接更改代码中的FLASH URL就可以了``

DJ综合版:http://huibiaoli.go3.icpcn.com/cfplay/cfplay.swf

流行版:http://huibiaoli.go3.icpcn.com/pop/cfplay.swf

MTV版:http://huibiaoli.go3.icpcn.com/mtv/cfplay.swf

欧美版:http://huibiaoli.go3.icpcn.com/europe/cfplay.swf

游戏短片版:http://huibiaoli.go3.icpcn.com/game/cfplay.swf

影视版:http://huibiaoli.go3.icpcn.com/film/cfplay.swf

动漫版:http://huibiaoli.go3.icpcn.com/cartoon/cfplay.swf

★添加表格，在表格中设置超连接，适当修改文字颜色★

这一个我们得借助一定的工具，这样一般不懂得HTML语言的人也懂得怎么样不编辑，不像有些人在自己博客中只

公布代码，然后在说得龙飞凤舞的让你直接在代码上修改。当然我也不是说这种方法不行~~~只是太复杂了

~~~

工具的URL是 http://www.sunmood.com/bbs/non-cgi/editor/editor.html （不是软件，直接在线编辑的！！）

进入工具网站后我们就可以直接编辑了~~~

看到工具框了没有？？？找到第三排第5个按钮 “插入表格”

例如我们要创建一个 横7竖8的表格 我们点插入表格以后就按照下图的方式来填写。

注意：一般为了美化表格我们还可以在表格中添加漂亮的图片背景，或者把文字弄成彩色的，那么我们继续填写

表格属性框，什么添加表格背景啊~~~什么表格格线的颜色我们都可以调整的 添加网络图片那一个框框中没有

“确定”按钮不知道大家注意了没有？不要紧我们直接按键盘上的回车键就可以了。（注意这些都要一步弄好

哦！！弄了就不好修改了啊~~~）

表格出来了以后直接点鼠标把你想要编辑的文字填到表格中就可以了（在编辑的过程中表格的大小回有所变化，

变化的一大一小不均匀，这一点很正常。只要编辑完了以后，在点表格线会出来8个点，我们就可以点住点来拖动

表格的大小了！！）

要是我们想要表格中的文字作为超连接我们刷黑选择的文字，找到第3排第12个按钮，点击以后编辑超连接~~填写

你想要连接的网络地址。

编辑文字的颜色也和这基本一样，选择我们要编辑的文字在选择第2排第17按钮进行编辑！！

注意一点就是，编辑超连接应该在编辑文字颜色之前，否则会影响文字的颜色~~~~

在表格中添加图片，我们就第3排第一个按钮，点了以后填写图片的网络地址，等图片出来以后在点图片进行图片

的大小设置。要是想把图片设置超连，同样刷黑图片，在点第3排第13个按钮~~~~在次编辑你要连接的网络地址。

编辑好了所有的东西以后，我们这个表格就完成了~~~~~该收获了~~~我们在点编辑器最最左下角的“代码”，然

后复制代码，粘贴到你博客中的HTML语言框框中就可以了~~~~~~~