简易教程二美化你的帖子，在一个背景或图片上加文字范例 HTML教材区武当休闲山庄 -武当,休闲,山庄

武当休闲山庄 -> HTML教材区 -> 简易教程二美化你的帖子，在一个背景或图片上加文字范例 [打印本页]

登录 -> 注册 -> 回复主题 -> 发表主题

飞雪思函

2008-06-23 16:38

武当休闲山庄欢迎您

音画学习真好玩
音画有你更精彩
让我们的贴子漂亮起来

飞雪思函

2008-06-23 17:13

有朋友问，怎么样才能在图片里加上会滚动的文字，现在整里出几个范例，喜欢的朋友可以跟贴，实际练习一下，如有问题可提出，我们再讨论~~

上图代码意义介绍：

<TABLE height=830 width=800 LEFT: background=http://bbs.ylmf.com/attachment/Day_071027/168_658757_28756b1d1a8dc75.jpg border=0>
<TBODY>
<TR>
<TD align=middle> <MARQUEE scrollAmount=2 direction=up height=200>
<CENTER><FONT style="FONT-SIZE: 36pt" face=隶书 color=red><B>音画学习真好玩<BR>音画有你更精彩<BR>让我们的贴子漂亮起来</B>
</FONT></CENTER></MARQUEE></TD></TR></TOBDY></TBODY></TABLE>

<MARQUEE scrollAmount=2 direction=up height=200>为移动命令

其中:

scrollAmount=2 数字越大，速度越快

direction=up 移动的方向可以变换英文"UP"“down”"left”“right”等 ,即上下左右.

height=200 为移动的高度

飞雪思函

2008-06-23 17:22

音画的世界真奇妙
我们在奇妙的世界畅游

飞雪思函

2008-06-23 17:25

上图代码介绍：

让文字偏左向下移动

<TABLE height=830 width=800 background=http://bbs.ylmf.com/attachment/Day_071027/168_658757_28756b1d1a8dc75.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=left> <MARQUEE style="WIDTH: 400px; HEIGHT: 300px" scrollAmount=3 direction=down align="left">
<P align=left><FONT face=华文彩云 color=red size=5>音画的世界真奇妙<br>我们在奇妙的世界畅游</FONT></P></MARQUEE></DIV> <DIV></DIV> <DIV></DIV></TD></TR></TBODY></TABLE>

文字显示在图片的左侧left，方向向下direction=down ，速度scrollAmount=3加快为3

飞雪思函

2008-06-23 17:29

看看~~
现在的文字
靠那边移动？

飞雪思函

2008-06-23 17:32

上图代码介绍：

让文字偏右向上移动

<TABLE height=830 width=800 background=http://bbs.ylmf.com/attachment/Day_071027/168_658757_28756b1d1a8dc75.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=right> <MARQUEE style="WIDTH: 400px; HEIGHT: 300px" scrollAmount=8 direction=up> <P align=right><FONT face=华文行楷 color=red size=7>看看~~<br >现在的文字<br>靠那边移动？</FONT></P></MARQUEE></DIV> <DIV></DIV> <DIV></DIV></TD></TR></TBODY></TABLE>

飞雪思函

2008-06-23 17:36

音画世界期待你的浪漫之旅！

！旅之漫浪的你待期界世画音

>

飞雪思函

2008-06-23 17:41

上图代码介绍

再来一款~~

<TABLE height=830 width=800 background=http://bbs.ylmf.com/attachment/Day_071027/168_658757_28756b1d1a8dc75.jpg border=0>
<TBODY>
<TR>
<TD>
<FONT face=华文行楷 color=#ffff00 size=7>
<MARQUEE width=240 height=50><BR><BR><BR>音画世界期待你的浪漫之旅！<BR><BR><BR></FONT></MARQUEE><FONT face=隶书 color=#00ff00 size=7>
<MARQUEE direction=right width=240 height=50><BR><BR><BR>！旅之漫浪的你待期界世画音<BR></MARQUEE></FONT></FONT></DIV><BR></DIV>></TD></TR></TBODY></TABLE>
<P></P>

贾宝玉	2008-06-23 18:06
谢谢飞雪超版，一定好好学习。

5588

2008-06-24 15:48

音画的世界真奇妙
我们在奇妙的世界畅游

飞雪思函	2008-06-25 10:13
5588道兄，你做完音画贴子后，一定要记住在左侧使用动作下面，使用 HTML代码前的小框里打勾啊不然就会出现只显示代码，不显示图像效果的~~

红雪莲

2008-06-25 13:37

音画学习真好玩
音画有你更精彩
让我们的贴子漂亮起来

飞雪思函	2008-06-25 14:07
11楼做的不错，现在就等着看你的美贴了哈~~~

凉风友情	2008-06-26 19:22
感谢美女班竹，把我们带入这美丽奇幻的音画世界。

tcl0501	2008-07-04 21:36

暗黑破坏神暗黑破坏神暗黑破坏神

tcl0501

2008-07-04 21:46

看看~~
现在的文字
靠那边移动？

永和安

2008-07-26 14:19

音画世界期待你的浪漫之旅！感谢楼主的代码！！

！！感谢楼主的代码！旅之漫浪的你待期界世画音

bannyby	2008-07-28 20:33
xiexie!zhic hi

lul

2008-08-05 09:44

音画学习真好玩
音画有你更精彩
让我们的贴子漂亮起来

为移动命令其中: scrollAmount=2 数字越大，速度越快 direction=up 移动的方向可以变换英文"UP"“down”"left”“right”等 ,即上下左右. height=200 为移动的高度

shuyangzjg	2008-09-28 18:13
en 支持下重点是 <marquee></marquee> 不要做了都不太清楚的

yhlwcf

2008-10-03 19:43

音画学习真好玩
音画有你更精彩
我来学习一下看看

yhlwcf

2008-10-03 19:54

音画学习真好玩
音画有你更精彩
让我们的贴子漂亮起来

yhlwcf	2008-10-03 19:55
怎么换一个图片就不行呢

查看完整版本: [-- 简易教程二美化你的帖子，在一个背景或图片上加文字范例 --] [-- top --]