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

天帅童子的博客

友好平台,相互交流,看中就拿!

 
 
 

日志

 
 

闪光彩字代码  

2013-10-11 06:36:52|  分类: 代码集锦 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自梦中人 《几种闪彩字的使用代码》


1、色彩渐变

        

<P align=center><FONT size=6><FONT color=#ec0013>梦</FONT><FONT color=#d90026>天</FONT><FONT color=#c60039>帅</FONT><FONT color=#b3004c>童</FONT><FONT color=#a0005f>子</FONT><FONT color=#8d0072>的</FONT><FONT color=#7a0085>博</FONT><FONT color=#670098>客</FONT><FONT color=#5400ab>迎</FONT><FONT color=#4100be>您</FONT><FONT color=#2e00d1>的</FONT><FONT color=#1b00e4>光</FONT><FONT color=#0800f7>临</FONT> </FONT></P>

效果:

  

 2、渐变移动

<MARQUEE>
<P align=center><FONT size=6><FONT color=#ec0013>天</FONT><FONT color=#d90026>帅</FONT><FONT color=#c60039>童</FONT><FONT color=#b3004c>子</FONT><FONT color=#a0005f>的</FONT><FONT color=#8d0072>博</FONT><FONT color=#7a0085>客</FONT><FONT color=#670098>欢</FONT><FONT color=#5400ab>迎</FONT><FONT color=#4100be>您</FONT><FONT color=#2e00d1>的</FONT><FONT color=#1b00e4>光</FONT><FONT color=#0800f7>临</FONT> </FONT></P></MARQUEE></P>

效果:

 

3、框内闪亮背景

 <P style="TEXT-INDENT: 2em" align=center>
<TABLE style="WIDTH: 317px; HEIGHT: 47px" border=5 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif align=center>
<TBODY>
<TR>
<TD align=middle><BIG><FONT size=6>天帅童子博客<BIG></BIG></FONT></BIG></TD></TR></TBODY></TABLE></P></FONT>

效果:

天帅童子博客

 

4、移动阴影

<MARQUEE style="FONT-SIZE: 40pt; FILTER: shadow(color=LightSlateGray); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 170%; FONT-FAMILY: 华文彩云; HEIGHT: 6px" scrollAmount=3 behavior=alternate FONT>
<DIV align=center><B><FONT face=楷体_gb2312 color=#0000ff>天帅童子欢迎您</FONT></B></DIV></MARQUEE></P>

效果:
天帅童子欢迎您


 

 

 

5、黑地闪亮

<TABLE cellSpacing=0 cellPadding=0 align=center background=http://pd.images22.51img1.com/6000/shanaifeng1314/d29d207a4b16b059ce2db636da96c8cd.gif border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color =#000000)" align=middle><FONT style="FONT-SIZE: 30pt" face=隶书><B>天帅童子欢迎朋友光临!</B></FONT></TD></TR></TBODY></TABLE>

效果

天帅童子欢迎朋友光临!

  6、框内渐变

<P align=center>
<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0001.gif border=5>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 30pt" face=隶书 color=#336699><B>天帅童子欢迎您的光临</B></FONT></TD></TR></TBODY></TABLE></P>

效果:

天帅童子欢迎您的光临

 

 

 

7、框内渐变移动

<MARQUEE>
<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0001.gif border=5>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 30pt" face=隶书 color=#336699><B>天帅童子欢迎您的光临</B></FONT></TD></TR></TBODY></TABLE></P>
</B></DIV></MARQUEE></P>

效果:
天帅童子欢迎您的光临

8、跳动字

<CENTER><CENTER><FONT style="FONT-SIZE: 25pt; FILTER: glow(color: ff0000,strength=40); WIDTH:

100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=90 height=220>

<CENTER><B>天</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=90 height=180>

<CENTER><B>帅</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=90 height=220>

<CENTER><B>童</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=90 height=180>

<CENTER><B>子</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=90 height=220>
<CENTER><B>的</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=90 height=180>

<CENTER><B>博</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=90 height=220>


<CENTER><B>客</B></CENTER></MARQUEE></FONT></CENTER>
效果

 
9、闪亮移动
<P style="TEXT-INDENT: 2em"><STRONG><FONT face=黑体 size=7>
<MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave glow(color=FF0000,strength:1  Add=0,freq=4,LightStrength=4,Phase=15,Strength=4); WIDTH: 658px; COLOR: #66ff66; LINE-HEIGHT: 22pt; HEIGHT: 200px; TEXT-ALIGN: center; padding-center: 10em" scrollAmount=1 scrollDelay=40 direction=up loop=infinite height=200><FONT face=黑体 size=18><B>天帅童子祝朋友浏览开心!</B></FONT></B></MARQUEE></FONT></STRONG></P>
效果:

天帅童子祝朋友浏览开心!

10、闪亮移动
<MARQUEE style="TEXT-ALIGN: center; FILTER: Wave glow(color=FF0000,strength:1  Add=0,freq=4,LightStrength=4,Phase=15,Strength=4); LINE-HEIGHT: 45pt; WIDTH: 680px; HEIGHT: 100px; COLOR: #66ff66; FONT-SIZE: 11pt; padding-center: 10em" height=200 loop=infinite scrollAmount=2 scrollDelay=40>
<DIV align=left><FONT size=7 face=黑体><B>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 天帅童子期待朋友的再次光临!</B></FONT></B></DIV></MARQUEE></P></FONT></STRONG>
效果
       天帅童子期待朋友的再次光临!

 
11、色彩变化
<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>
效果


12、色彩变化移动 
<P align=center><MARQUEE><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></MARQUEE></FONT></FONT></STRONG></P>
效果

 
 
 
13、间隔跳动
<FONT face=隶书 color=red size=25><FONT color=orange><FONT color=green><FONT color=orange><FONT face=隶书 color=red size=25><FONT color=orange><FONT color=green><FONT color=orange><FONT size=3><FONT face=隶书 color=red size=25><FONT color=orange><FONT color=green><FONT color=orange><FONT face=隶书 color=red size=25><FONT color=orange><FONT color=green><FONT color=orange>&nbsp;</DIV>
<CENTER><FONT color=red size=25>
<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=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=green>
<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=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></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></CENTER>
<CENTER style="TEXT-INDENT: 2em"><FONT color=#ff0000>&nbsp;&nbsp;</FONT></CENTER>
<P style="TEXT-INDENT: 2em" align=left><FONT size=3>
 
14、彩条闪亮效果
<TABLE border=0
background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0020.gif align=center>
<TBODY>
<TR>
<TD><FONT color=#ffff00 size=7>天帅童子欢迎您<BR></FONT></TD></TR></TBODY></TABLE>

效果:

天帅童子欢迎您

 

15、框内闪亮渐变

<TABLE align=center background=http://img.bimg.126.net/photo/cghDslyWXacXfXke30M7-Q==/1456914479454816688.jpg border=15>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#045600)" align=middle>
<P><FONT size=7>欢迎您光临天帅童子的博客</FONT></P>
 </TD></TR></TBODY></TABLE></DIV>

效果:

欢迎您光临天帅童子的博客

  

16、左右移动的尾晕字

<DIV align=center>
<DIV style="FILTER: shadow(color=#0000FF , strength=40); WIDTH: 1000px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ffff00>
<MARQUEE behavior=alternate>
欢迎光临天帅童子的博客</MARQUEE></FONT><BR></DIV></DIV>

效果:

欢迎光临天帅童子的博客

 

 

17、闪光的空白字代码

<FONT style="DISPLAY: inline-block; FILTER: glow(color=#ED008C,strength=3); COLOR: #ffffff" size=8><STRONG> 欢迎光临天帅童子的博客</STRONG></FONT><FONT size=8;STRONG> </STRONG></FONT>

效果: 欢迎光临天帅童子的博客

 

18、

18、时隐时现字代码

<DIV align=center>
<MARQUEE height=55 width=55 scrollAmount=2 scrolldely="10" align="center"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal"
color=#66ff00 face=华><B>梦</B></FONT></B></MARQUEE>
<MARQUEE height=55 width=55 scrollAmount=2 scrolldely="10" align="center"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#ff0000 face=华><B>中</B></FONT></B></MARQUEE>
<MARQUEE height=55 width=55 scrollAmount=2 scrolldely="10" align="center"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#f709f7 face=华><B>人</B></FONT></B></MARQUEE>
<MARQUEE height=55 width=55 scrollAmount=2 scrolldely="10" align="center"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#66ff00 face=华><B>祝</B></FONT></B></MARQUEE>
<MARQUEE height=55 width=55 scrollAmount=2 scrolldely="10" align="center"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#f709f7 face=华><B>你</B></FONT></B></MARQUEE>
<MARQUEE height=55 width=55 scrollAmount=2 scrolldely="10" align="center"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#0909f7 face=华><B>快</B></FONT></B></MARQUEE>
<MARQUEE height=55 width=55 scrollAmount=2 scrolldely="10" align="center"><B><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#eeee11 face=华><B>乐</B></FONT></B></MARQUEE>
<CENTER></CENTER></DIV>

效果:

【19】五彩缤纷字代码:

<TABLE border=0 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif align=center>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 30pt" color=#336699 face=隶书>天帅童子欢迎各位朋友<BR>这里是您休闲获取知识的地方<BR></B></FONT></TD></TR></TBODY></TABLE>

效果:

天帅童子欢迎各位朋友
这里是您休闲获取知识的地方

20上下合并两色字代码

<DIV>
<CENTER>
<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT face=华文彩云 color=#0000e3 size=6><B>天帅童子欢迎您</B></FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=2 direction=up height=60>
<CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>天帅童子谢谢您</B></FONT></CENTER></MARQUEE></CENTER></CENTER></DIV>
效果:

天帅童子欢迎您
天帅童子谢谢您

 

21、上下合并同色字代码:<CENTER>
<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>天帅童子欢迎您
</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=2 direction=up height=60>
<CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>天帅童子谢谢您
</FONT></CENTER></B></MARQUEE></CENTER></DIV>
<P></P></CENTER>

效果:

天帅童子欢迎您
天帅童子谢谢您

 

【22】<P style="TEXT-INDENT: 2em">
<MARQUEE style="FONT-SIZE: 30pt; FILTER: dropshadow(color=maroon,positive=1); HEIGHT: 1px" scrollAmount=3 behavior=alternate div align="center">天帅童子欢迎您的光临</MARQUEE></P>

效果:

天帅童子欢迎您的光临

 

 

二、  艺术字图片的直接使用代码:

<P style="TEXT-INDENT: 2em" align=center><A href="http://ysh6766.blog.163.com/"><IMG style="TEXT-ALIGN: center; DISPLAY: block" border=0 src="http://img.bimg.126.net/photo/4NlCweG7RIeK6kksrq3w1w==/3121276016744913907.jpg">
效果:
几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场
<P style="TEXT-INDENT: 2em" align=center><A href="http://ysh6766.blog.163.com/"><IMG src="http://img66.ph.126.net/qkahovvK77TvIBsO9aBAzQ==/1842535197549492205.jpg" border=0></P>
效果: 
几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场
 
  <P style="TEXT-INDENT: 2em" align=center><A href="http://ysh6766.blog.163.com/"><IMG src="http://img242.ph.126.net/D0X_YtWk7LYylotJ-nh4Pg==/1431863206528871803.gif" border=0>

效果
几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场
<CENTER><A href="http://ysh6766.blog.163.com/"><IMG src=http://img.ph.126.net/eDB8E5eLA1qtLPn6JgrKig==/3236399282219523062.jpg width="400" height="400"></CENTER>
效果
几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场
<P style="TEXT-INDENT: 2em"><A href="http://ysh6766.blog.163.com/"><IMG
 src="http://img.bimg.126.net/photo/bHv242gKKwCkq3obrLq-vw==/849772954689907320.jpg"></P>
 
几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场
 
 
<P style="TEXT-INDENT: 2em"><A href="http://ysh6766.blog.163.com/"><IMG
src="http://img.bimg.126.net/photo/-RdWAyLNjqfoVnJDBA-XFw==/877076027430745819.jpg"></P>
 
 
几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场
 
<P style="TEXT-INDENT: 2em"><A href="http://ysh6766.blog.163.com/"><IMG src="http://img.bimg.126.net/photo/veps85HmfhcvF4ycrEQKQw==/2833045640593203183.jpg"></P>
 
几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场
 
<P style="TEXT-INDENT: 2em"><A href="http://ysh6766.blog.163.com/"><IMG src="http://img.bimg.126.net/photo/zlOhLwNivyqzUSCjprBqdA==/2862881988124655602.jpg"></P>
 
几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场
 
<P style="TEXT-INDENT: 2em"><A href="http://ysh6766.blog.163.com/"><IMG src="http://img.bimg.126.net/photo/67FzD2ICQQJDQBY3OAvgMw==/4522458450811267604.jpg"></P>
 
几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场
 
<P style="TEXT-INDENT: 2em"><A href="http://ysh6766.blog.163.com/"><IMG src="http://img.bimg.126.net/photo/pv2wr752g8Z1O2UWV22dQw==/3942338523809784782.jpg"></P>
 
 
几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场
 
<P style="TEXT-INDENT: 2em"><A href="http://ysh6766.blog.163.com/"><IMG src="http://img.bimg.126.net/photo/0XyHvYJJw61dym7nzHIldQ==/5114118851856217746.jpg"></P>
2012年06月09日 - 梦中人  - 梦中人の梦工场
 

<DIV><A href="http://ysh6766.blog.163.com/"><IMG style="MARGIN: 0px 10px 0px 0px; WIDTH: 440px; HEIGHT: 60px" title="" alt="" src="http://img7.ph.126.net/LEXaboSJuqydT1qjzEaVTA==/1317302891023478677.gif"></DIV>
几种闪彩字的使用代码 - 梦中人  - 梦中人の梦工场
<DIV><A href="http://ysh6766.blog.163.com/"><IMG style="MARGIN: 0px 10px 0px 0px" src="http://img3.ph.126.net/DyNlkkpDjhT-ZojznSmwVg==/1294784892886623133.gif"></DIV>
 
几种闪彩字体的使用代码 - 梦中人  - 梦中人の梦工场
 
 

 <CENTER style="TEXT-INDENT: 2em"><A href="http://ysh6766.blog.163.com/"><IMG height=105 src="http://img463.ph.126.net/ZxiX1orPr2oPw7AMQIvBfQ==/2532148890490076920.jpg" width=450 border=0></A>&nbsp;</CENTER>

 
 <P align=center><EMBED src=http://www.xcwhw.cn/fla/fh/9.swf width=585 height=160 type=application/x-shockwave-flash allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent"></EMBED></P>

 

 

代码植入首页模块的方法:
 

 1、点击博客首页右上角“换风格”,(或者点击左上角的小箭头,再点击“装扮我的博客”),

2、再点击“设置首页内容”,

3、点击“增加自定义模块”,

4、把下面的代码复制粘贴到打开的框中,

5、写上你想用的名称,点击确定。

6、在首页把这个模块拖到你认为合适的位置,

7、点击“保存设置”就大事告成了。

如果想把它们植入日记中,只需要在代码编辑状态下把代码粘贴到你想要放到的位置,把有关的文字换成你想要的文字就可以了!

 

  评论这张
 
阅读(1319)| 评论(3)

历史上的今天

评论

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

页脚

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