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

如玉的博客

 
 
 

日志

 
 

【教程一】文字特效代码  

2007-12-04 23:07:28|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

沧海一粟引用 【教程一】文字特效代码

 

附:博客制作教程终极版

1 文字基本设制:效果:插入文字

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

说明:

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

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

 color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看

 face=字体 常用字体为:宋体.黑体.楷体.仿宋.新宋体.细明体等

 size=字体大小,这里的最大值为7 取值越大文字就越大

2、大字体文字:

效果:插入文字

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

说明:

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


3、移动文字设置:

例1: 插入文字

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>
说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

例2: 插入文字

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


说明:

behavior=scroll 一圈一圈绕着走 
behavior=slide
只走一次 
behavior=alternate
来回走

例3: 插入文字

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


例4: 插入文字

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">插入文字</marquee></marquee>

例5: 插入文字

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">插入文字</marquee></marquee>

例6: >>插入文字 <<

<marquee behavior="alternate" width="10%">>></marquee>你的文字<marquee behavior="alternate" width="10%"><<</marquee>

例7: >>你的文字 <<

<marquee behavior="alternate" width="10%">>></marquee>你的文字<marquee behavior="alternate" width="10%"><<</marquee>

例8: 有底色 文字颜色

<font color="#0000FF"><marquee direction="left" style="background: #FFCC00">你的文字</marquee></font>

例9: 有边框的

<marquee style="border:1px dotted #CC0066 ">你的文字</marquee>

例10: 3 | | |你的文字 | | | 4

<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>你的文字<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE>

例11: 文字输入

<marquee behavior="alternate"><marquee width="150">文字输入</marquee></marquee>

例12:
文字一
文字二

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>文字一<BR />文字二</center></marquee>

4,文字特效显示:

欢迎光临谜的博客

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>欢迎光临悠悠书院</B></FONT></CENTER>

例2:

欢迎光临谜的博客

<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; ; LINE-HEIGHT: 150%; WIDTH: 450px">欢迎光临悠悠书院</FONT></CENTER>

例3: 欢迎光临悠悠书院

<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="图片地址"><FONT color=red face=楷体_gb2312 size=7>欢迎光临谜的博客</FONT></MARQUEE></MARQUE></MARQUEE>

例4: 欢迎光临悠悠书院 院书悠悠临光迎欢

<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎光临悠悠书院</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>院书悠悠临光迎欢</MARQUEE></FONT></FONT>

注明:

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

例5:

『欢迎光临悠悠书院代码站』

大家常来哦

<DIV style="LAYOUT-FLOW: vertical-ideographic">
<P>你的文字
<P>你的文字</P></DIV>

例6

<marquee scrollamount=8 direction=right behavior=alternate><b><font color=#7700bb size=5><font color=lime>
<marquee direction=up behavior=alternate width=40 height=200 align="middle">祝</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=150>愿</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=200>朋</marquee><font color=fuchsia>
<marquee direction=up behavior=alternate width=40 height=150>友</marquee><font color=olive>
<marquee direction=up behavior=alternate width=40 height=200>们</marquee><font color=green>
<marquee direction=up behavior=alternate width=40 height=150>开</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=200>心</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=150>!</marquee><font color=orange></font></b></marquee>

例7:

<center><font face=隶书 color=red size=15>
<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></font></font></font>
</font>

例8:

欢迎光临谜的博客

<div style="width: 350; font-size:15pt; font-family: arial ; color: red; ; filter: dropshadow(color=000000, offx=3, offy=3, positive=1)">你的文字</div>

例9:

我凹下去了吧?
你不想试试吗?

<DIV style="PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-BOTTOM: 20px; OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 18px; PADDING-TOP: 20px; BACKGROUND-COLOR: #eeeeee; WORD-WRAP: break-word"><FONT disabled>我凹下去了吧?<BR>你不想试试吗?</A></FONT> </DIV>

5.在博客摘要设置字体

在博客摘要设置里添加下列html代码。

 A 调整字体大小

博客摘要文字前添加:<font size=#> ,文字后添加</font>,其中 #=1, 2, 3, 4, 5, 6, 7 ;从1到7表示字体由小到大。你从这些数字里选择合适的一个,比如1,代替#即可,你可逐个试试观察效果最后选定。

 B调整字体色彩

博客摘要文字前添加:<font size=#> ,文字后添加</font>,其中 #=1, 2, 3, 4, 5, 6, 7 ;从1到7表示字体由小到大。你从这些数字里选择合适的一个,比如1,代替#即可,你可逐个试试观察效果最后选定。
博客摘要文字前添加<font color=#>,文字后添加</font> ,其中#=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩。你从它们当中选择满意的一种色彩,比如olive,代替#即可。你也可逐个试试观察效果最后选定。

6.给文字加移动连接

<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a></marquee>

说明:

要想加多个的话就把<a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a> 加在最后那个</marquee>的前面
其中的 direction= 是图片移动方向 up down right left 任意填写

------------------------------------------------------------------------------------------------------------------------------

置入博客的方法:

1. 进入编辑→2. 排版→3. 模块→
4. 添加自定义html(显示)(出现在网页左下角)→
5. 复制下列语法後贴上→6. 新增→
7. 将模块移到想显示的位置→8. 再保存(右上角)→
9. 预览我的博客。→10. 就可以看到出现在你的博客上了!


  评论这张
 
阅读(848)| 评论(8)
推荐 转载

历史上的今天

评论

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

页脚

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