留言栏图片，文字及动起来的代码

读你 2010-09-25

展开全文

博客制作技巧 2010-05-16 15:55:49

Good fun编辑

本文是写给新手看的，说的比较啰嗦，请高手不要见笑！

有些朋友留言的图片都是复制他人的图片去留言，想用自己的图片，可惜不知道怎么用，今天Good fun就和朋友们一起交流分享一下：

上面的图，代码如下：

这是一个普通的带链接的贴图代码，你复制此图到你的留言栏，是不能显示的！因为留言栏的代码是要稍微改动一下的！还不可以有链接！你点击此图可以去到我的博客首页！因为这是普通通用的HTML代码，但不适合留言栏！下面是一张留言栏的图片及其代码：

代码：

上面的图片你可以复制粘帖到留言栏去留言了！那么看上去是一样的，但代码是有区别的！好了，我们来看一下区别：

1、首先，少了第一组代码中的黄色的链接地址！因为留言栏不允许有外链！

2、第二组代码中多了粉色的对照片特性的一些定义代码！但都是用问号代替，所以说要有这个代码，但不能定义这个图片！

好了，我们来分析一下这个可以在留言栏使用的代码：

1、粉色处“http://........jpg”换成你要留言的图片的地址！图片地址的获取方法：你右击你博客或者相册的图片，点击“属性”就有了URL图片地址！

2、蓝色的“height=550 width=450 ”分别是指图片显示的高度和宽度，你可以改变数值来改变和定义图片显示的高度和宽度！

3、灰色处的“Goodfun欢迎您”可以换成你自己的文字！这个是当你留言图片后，把鼠标移到图片上面，会出来的提示信息！你可以把鼠标移动到上面的图片上看看效果！

朋友们可能看到一些在留言栏，还有些会动的字，那么文字滚动的基本代码如下：

文字基本滚动效果和代码如下：

向右走：
Good fun博客向左走：
Good fun博客来回走：
Good fun博客向上走：

Good fun博客

向右走：
<marquee direction=right scrollamount=3 ><FONT color=#0066ff face=隶书 size=5>Good fun博客</FONT></marquee>

向左走：

<marquee direction=left scrollamount=6 ><FONT color=#000000 face=华文行楷 size=5>Good fun博客</FONT></marquee>

来回走：

<marquee behavior=alternate scrollamount=9 ><FONT color=#339966 face=华文彩云 size=5>Good fun博客</FONT></marquee>

向上走：

<MARQUEE scrollAmount=2 scrollDelay=80 direction=up width=200 height=50><FONT face=华文彩云 color=#cc36d7 size=5>Good fun博客</FONT></MARQUEE>

Good fun提示：这里向上走的代码里出现新的滚动属性代码： “scrollDelay=80”，这个“80”是滚动的距离，可以改变数值来改变滚动距离，向左向右走的代码也可以用此来增加定义！

“width=200 height=50”分别是滚动的文字区域的宽度和高度，可以改变“=”号后面的数值来改变显示的大小。这里的高度和文字的滚动高度不冲突！可以自由设置！

了解完这个后，我们觉得好像滚动的字不怎么漂亮，那么我们需要来给字体用字体特效，但有些复杂的特效在留言栏会被屏蔽掉。下面的是给字体加阴影特效（这个可用，Good fun正在尝试其他特效，成功后会补上）！

★Goodfun祝你周末愉快！★

此效果代码如下：

<MARQUEE style="DISPLAY: block; FONT-SIZE: 25pt; FILTER: shadow(color=red); WIDTH: 450px; COLOR: #33cc36; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" scrollAmount=3 behavior=alternate opacity='100,style="' ?? alpha ?>★Goodfun祝你周末愉快！★</MARQUEE></P>

代码说明：

1、红色处是字体阴影的颜色属性，red是指红色，你可以换成你喜欢的颜色的英文，你也可以把它换成颜色代码，例：color=#456789 ,颜色代码是由：0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f，16个字组合成的一个6位数，#000000是指黑色，#ffffff是指白色，详细颜色代码请点击：网易博客代码(颜色代码)

2、#33cc36 字体颜色，设置同上。

3、25pt 字体大小，改变数值来改变大小！

4、scrollAmount=3 behavior=alternate 字体滚动的属性，设置见上面字体基本滚动代码的设置！

5、紫色处换成你自己的文字

以下效果的代码设置都可以见上面的说明，不再重复：

★Goodfun祝你周末愉快！★

本效果是给图片加边框，再动起来的代码：

<P align=center>
<TABLE class=intbl id=intbl_856260429>
<TBODY>
<TR>
<TD class=td2></TD>
<TD class=td3>
<DIV class="ctnt c07">
<MARQUEE style="DISPLAY: block; FONT-SIZE: 25pt; FILTER: shadow(color=black); WIDTH: 450px; COLOR: #008800; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" scrollAmount=3 behavior=alternate opacity='100,style="' ?? alpha ?>★你的移动的文字！★</MARQUEE>
<MARQUEE scrollAmount=1 scrollDelay=90 behavior=alternate width=450 opacity='100,style="' ?? alpha ?><A target=_blank><IMG title=　style= style="BORDER-RIGHT: #008800 10px dotted; BORDER-TOP: #008800 10px dotted; FILTER: shadow(color=black); BORDER-LEFT: #008800 10px dotted; WIDTH: 400px; BORDER-BOTTOM: #008800 10px dotted; BACKGROUND-COLOR: #cc8800" alt="" src="图片地址+)贴图+)" opacity='100,style="' __esnkey__="ev_7801443597" ?? alpha ?></A></MARQUEE></DIV>
<DIV class="ctnt c07"> </DIV></TD></TR></TBODY></TABLE></P>