注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 
关于我

以净空老法师为导师,遵从老法师教诲,专修净土念佛法门.以《无量寿经》为师!发菩提心,一向专念“阿弥陀佛”圣号!一个方向--西方极乐世界,一个目标--往生弥陀国土,一门深入 ,常时熏修!自2013年初起开始学习复讲《无量寿经》,2014年初开始参加老法师网络学习班学习复讲【净土大经科注】!发心尽此一生专弘专讲此大经! 希望正法久住,法轮常转!尽形寿学习讲经说法决不间断!续佛慧命,令法脉不断,常忏悔弟子 西有—行者(妙音)将尽心尽力,尽此一报身,以报四恩济三苦!

网易考拉推荐

[文字特效代码收藏(保证可用)]   

2009-05-27 17:49:18|  分类: 【代码分享】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

[文字特效代码收藏(保证可用)]

回首页请点击下图进入!

[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界

 运用html代码对文字的处理

一、html代码:(经校对验证,可用)

1、基本语法:

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

2、属性如下:

align=center 表示字体居中,可选值为居右(right)居左(left)

color=颜色代码 ff0000(红色) 00ff00(绿色) 0000ff(蓝色) 000000(黑色) ffffff(白色)

              还可以改变数值,变化出若干种颜色,如:ff5577, 33ff99, 8855ff,数值不同,

              颜色就不同了.例如,红色就表示为:color=#ff0000

face=字体 说明:需要什么字体就输入什么字体几个字,如,我要“华文行楷”,就表示为:

                face=华文行楷

size=字体大小   如,size=1  size=2  size=5

3、效果:

相逢何必曾相识,缘聚缘散皆有缘

二、设置大字体的文字:(经校对验证,可用)

1、基本语法:

<font style=font:30pt face=新宋体 color=#ff0000>插入文字</font>

2、属性如下:

font:30pt 数值越大文字就越大

3、效果:

相逢何必曾相识,缘聚缘散皆有缘

三、设置可移动的文字:(经校对验证,可用)

1、上下左右移动:

基本语法:

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

说明:移动速度数值,1最慢,数字越大越快.

属性如下:

direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

代入例子:         direction=up(这是向上例子)

效果:

向上: 欢迎光临海珠儿博客!

向下: 欢迎光临海珠儿博客!

向左: 欢迎光临海珠儿博客!

向右: 欢迎光临海珠儿博客!

2、设置不同移动效果的文字:

基本语法:

<marquee behavior=移动效果>插入文字,</marquee>

属性如下:

behavior=scroll 一圈一圈绕着走

behavior=slide 只走一次 

behavior=alternate 来回走

效果:

一圈一圈绕着走: 欢迎光临海珠儿博客!

只走一次: 欢迎光临海珠儿博客!

来回走: 欢迎光临海珠儿博客!

3、走走停停文字设置:

基本语法:

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

效果:

欢迎光临海珠儿博客!

四、设计不同特效的文字:

1、基本语法:(已校对验证,可用)

<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=660> <IMG src="图片地址"><FONT color=red face=楷体_gb2312 size=6>插入文字</FONT></MARQUEE></MARQUE></MARQUEE>

说明:如果不显示图片,就干脆把<IMG src="图片地址">这个图片路径代码删掉.

效果:

欢迎光临海珠儿博客!

 

2、基本语法:(已校对验证,可用)

<P align=center><FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=350>插入文字</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=350>插入相反的文字</MARQUEE></FONT></FONT></P>

提醒:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width的取值。

效果:

欢迎光临海珠儿博客! 欢迎光临海珠儿博客!

3、基本语法: (已校对验证,可用)

<P align=center><FONT style="BACKGROUND-COLOR: #00ffOO" color=#00ff88 size=6>插入文字</FONT></P>

效果:

欢迎光临海珠儿博客!

4、彩色字体基本语法:(已验证,可用)

   </font><br>

<P align=center><STRONG><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>彩

</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff> 绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>

 看看效果吧!

彩 色字体色彩 绚丽

5、抛射字体基本语法:(已验证,可用)

<DIV align=center>

<DIV style="FILTER: shadow(color=#FF3322

, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=华文彩云 color=#ff0000 size=7><B>

<CENTER>抛射字体</B></CENTER></FONT>

<DIV align=left><BR><BR></DIV></DIV></DIV>

<P align=left> </P>

看看效果吧!

抛射字体

6、由中间向两边移动文字基本语法:(已验证修改,可用)

<P align=center> </P>

<P align=center><FONT face=华文彩云 color=#ee110e size=5>

<MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="图片地址" >由中间向两边移动的文字和图像 </FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111 size=5>

<MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="图片地址" ></FONT></MARQUEE></FONT></FONT></P></FONT>

看看效果吧!

[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界由中间向两边移动的文字和图像 由中间向两边移动的文字和图像[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界

7、原地跳动文字基本语法(已验证,可用)

<DIV></DIV></B>

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>原</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>地</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>跳</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>动</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>文</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

看看效果吧!

8、交替跳跃文字基本语法:(已验证,可用)

<DIV></DIV></B>

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>交</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>替</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>跳</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>跃</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>文</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>

看看效果吧!

9、穿梭文字基本语法:(已验证,可用.)

<P><STRONG></STRONG></P>

<CENTER>

<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#cf34f6 size=6>穿 穿</FONT></B></MARQUEE><STRONG><IMG height=67 src="图片地址" width=109> </STRONG>

<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#ff0000 size=6>梭 梭</FONT></B></MARQUEE><STRONG><IMG height=67 src="图片地址" width=109> </STRONG>

<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#0033cc size=6>文 文</FONT></B></MARQUEE><STRONG><IMG height=67 src="图片地址" width=109> </STRONG>

<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#006633 size=6>字 字</FONT></B></MARQUEE></CENTER>

<P></P>

看看效果吧!

穿 穿[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界 梭 梭[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界 文 文[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界 字 字

10、左向右上下起伏飞翔文字基本语法(已验证,可用,但图片不显示)

    左向右上下起伏飞翔, height=200 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好。

<marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ff size=4 face=华文行楷><b>!去回快</b></font><br><img src=图片地址><img src=图片地址><img src=图片地址></marquee><br></marquee>

看看效果吧!

!去回快

[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界

11、右向左上下起伏飞翔基本语法:(已验证,可用,但图片不显示)

    右向左上下起伏飞翔,height=100 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好

<marquee direction=left><marquee behavior=alternate direction=up height=100><img src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img src=图片地址><font color=0000ff size=3 face=华文行楷>我在追“心”</b></font></marquee></marquee>

看看效果吧!(这是修改原代码后的效果)

[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界

衡阳雁去无留意

12、基本语法:(已验证,可用)

<CENTER><FONT face=隶书 color=red size=25>

<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><FONT color=yellow>

<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE><FONT color=brown>

<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE><FONT color=green>

<MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE><FONT color=orange>

<MARQUEE direction=up behavior=alternate width=60 height=120>远</MARQUEE><FONT color=yellow>

<MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE><FONT color=orange>

<MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT

看看效果吧!

< FONT>

<

13、彩光闪动文字的基本语法:(已验证,可用)

<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif border=5>

<TBODY>

<TR>

<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 50pt" face=隶书 color=#336699><B>海珠儿欢迎您光临</B></FONT></TD></TR></TBODY></TABLE>

看看效果吧!(这是改动原代码后的效果)

海珠儿欢迎您光临

14、文字在图片上向上移动的基本语法(已验证,可用)

<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" auto';">

<P align=center><BR>

<TABLE height=400 cellSpacing=0 cellPadding=0 width=580 align=center background=http://photo.qingdaonews.com/qdPhotoNet/photo/2004-11/20041124213317.jpg border=3>

<TBODY>

<TR>

<TD>

<P align=center>

<MARQUEE scrollAmount=3 direction=up>

<P align=center><FONT face=华文行楷 color=#ff0000 size=8>朋友您好!</FONT></P>

<P align=center><FONT face=华文行楷 color=#ff0000 size=8>亲自动手!</FONT></P>

<P align=center><FONT face=华文行楷 color=#ff0000 size=8>体验成功!</FONT></P></MARQUEE></P></TD></TR></TBODY></TABLE></P></DIV>

看看效果吧!

朋友您好!

亲自动手!

体验成功!

15、竖排渐出字基本语法(已验证,可用)

竖排渐出字

<DIV align=center>

<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>

<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>

<P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚体" color=#ff0000>我带着远古的心愿<BR>你怀揣前世的祈盼<BR>我饱含如许的虔诚<BR>你浸润最深的期待<BR>我们跨越万水千山<BR>赴今世的约定...<BR>你感觉我深情凝眸的甜柔<BR>我倾听你心室澎湃的跳动<BR>白云轻盈飘荡<BR>星月神秘闪烁<BR><BR>燃烧的篝火旁<BR>我们席地而坐<BR>倾诉不尽的相思<BR>燃烧的火焰是不灭的炙热<BR>让我们一起出发<BR>背上快乐的行囊<BR>携着一路的欢唱<BR>踏着灿烂的芬芳<BR>望--天上云卷霞飞<BR>看--地下小桥流水<BR>拥--郁郁山川入怀<BR>枕--簇簇波浪入眠<BR>把--忧烦抛在身后<BR>让--愉悦洒满诗行 <BR><BR></FONT></P></MARQUEE></MARQUEE></DIV>

看看效果吧!

我带着远古的心愿

你怀揣前世的祈盼

我饱含如许的虔诚

你浸润最深的期待

我们跨越万水千山

赴今世的约定...

你感觉我深情凝眸的甜柔

我倾听你心室澎湃的跳动

白云轻盈飘荡

星月神秘闪烁

燃烧的篝火旁

我们席地而坐

倾诉不尽的相思

燃烧的火焰是不灭的炙热

让我们一起出发

背上快乐的行囊

携着一路的欢唱

踏着灿烂的芬芳

望--天上云卷霞飞

看--地下小桥流水

拥--郁郁山川入怀

枕--簇簇波浪入眠

把--忧烦抛在身后

让--愉悦洒满诗行

看看添加背景后的效果

我带着远古的心愿

你怀揣前世的祈盼

我饱含如许的虔诚

你浸润最深的期待

我们跨越万水千山

赴今世的约定...

你感觉我深情凝眸的甜柔

我倾听你心室澎湃的跳动

白云轻盈飘荡

星月神秘闪烁

燃烧的篝火旁

我们席地而坐

倾诉不尽的相思

燃烧的火焰是不灭的炙热

让我们一起出发

背上快乐的行囊

携着一路的欢唱

踏着灿烂的芬芳

望--天上云卷霞飞

看--地下小桥流水

拥--郁郁山川入怀

枕--簇簇波浪入眠

把--忧烦抛在身后

让--愉悦洒满诗行

 

方法是:将第15例的所有代码嵌入下面的代码中,然后在“背景图片地址”处换上你所喜欢的图片地址,调整一下图片的宽度和高度,合适为止。

<DIV></DIV>

<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

           <TBODY>

           <TR>

           <TD background=背景图片地址>第15例的所有代码</TD></TR></TBODY></TABLE> 

16、文字动画效果在背景图层上的基本语法:(已验证,可用)

<TABLE style="LEFT: -200px; WIDTH: 50px; TOP: 80px" cellSpacing=0 cellPadding=50 align=center background=http://img.blog.163.com/photo/D99sXgALjPcXQiogge3Tig==/4528650900297808464.jpg border=10>

<TBODY><TR><TD>

<TABLE borderColor=#228b22 cellSpacing=0 borderColorDark=#00ced1 cellPadding=0 width=790 align=center border=1>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=220>

<MARQUEE style="WIDTH: 438px; HEIGHT: 139px" scrollAmount=3 behavior=alternate width=438><P align=center></P><P align=center></P>

<P align=center></P><P align=center><IMG src="http://love.xaonline.com/upload/2004612/UF488696.gif"> <FONT face=楷体_GB2312 color=#ff0000 size=6><STRONG>欢迎光临</STRONG></FONT><FONT face=华文行楷 color=#800080 size=30><STRONG> </STRONG><BR>

<P align=center><STRONG></STRONG></P><P align=center><STRONG>

<P align=center></P><P align=center><IMG src="http://love.xaonline.com/upload/2004612/UF488696.gif"><FONT face=华文行楷_GB2312 color=#00ff00 size=6>海珠儿博客乐园<BR>请上我的浏览导航</FONT></A></P></STRONG>

</P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P></FONT></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P>

<P></P></MARQUEE></MARQUEE>&gt;</TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT>

效果请见首页“海珠儿博客乐园”

17.立体镂空字基本语法:(已验证,可用)

<DIV style="FILTER: shadow(color=#ff4400, strength=40); WIDTH: 708px; HEIGHT: 483px"><FONT size=3><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000>海珠儿</FONT><BR></FONT></DIV>

看看效果吧!

海珠儿

         18.让文字在背景图片上悠闲地飘飞

   在背景图片上悠闲飘飞的文字 基本语法如下: 

<DIV></DIV>

<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

<TBODY>

<TR>

<TD background=图片地址>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>

<MARQUEE scrollAmount=3 behavior=alternate width=450>

<P align=center><FONT face=隶书 color=#00ff00 size=6 ff><B>淡妆浓抹总相宜 </B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

                说明:

                 A、图片地址自己输入;

                 B、文字、字体和颜色可以变动。

看看效果吧!

淡妆浓抹总相宜

 

回首页请点击下图进入!

[文字特效代码收藏(保证可用)]  - 顿国居士 - 西方极乐世界

  评论这张
 
阅读(314)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017