網(wǎng)易博客代碼“滾動(dòng)文字類(lèi)” 2009-01-07 13:10
分類(lèi):007私人日記字號(hào):
大大
中中 小
1、文字基本設(shè)制:
效果:插入文字
<P align=center><FONT color=#0066ff face=隸書(shū) size=5>插入文字</FONT></P>
說(shuō)明:
<P align=center><FONT color=#0066ff face=隸書(shū) size=5>插入文字</FONT></P>
align=center 表示字體居中,可選值為居右(right)居左(left)
color=顏色代碼 具體顏色代碼可參照:顏色選?。迹键c(diǎn)擊查看
face=字體 常用字體為:宋體.黑體.楷體.仿宋.新宋體.細(xì)明體等
size=字體大小,這里的最大值為7 取值越大文字就越大
2、大字體文字:
效果:插入文字
<font style=font:40pt face=新宋體 color=#ff0000>插入文字</font>
說(shuō)明:
font:40pt 數(shù)值越大文字就越大
3、移動(dòng)文字設(shè)置:
例1:
插入文字
<marquee direction=移動(dòng)方向 scrollamount=移動(dòng)速度數(shù)值>插入文字</marquee>
說(shuō)明:direction=移動(dòng)方向 可選值為向上(up) 向下(down) 向左(left) 向右(right)
例2:
插入文字
<marquee behavior=移動(dòng)效果>插入文字</marquee>
說(shuō)明:
behavior=scroll 一圈一圈繞著走
behavior=slide 只走一次
behavior=alternate 來(lái)回走
例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; WIDTH: 100%"><B>歡迎光臨007博客</B></FONT></CENTER>
例2:
歡迎光臨007博客
<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; ; WIDTH: 450px">歡迎光臨007博客</FONT></CENTER>
例3:
歡迎光臨007的博客
<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>歡迎光臨007的博客</FONT></MARQUEE></MARQUE></MARQUEE>
例4:
歡迎光臨007的博客
客博的700臨光迎歡
<FONT color=#0096ff face=隸書(shū) size=7><MARQUEE height=50 width=240>歡迎光臨007的博客</FONT></MARQUEE><FONT color=#0000ff face=隸書(shū) size=7><MARQUEE direction=right height=50 width=240>客博的龍?jiān)磁R光迎歡</MARQUEE></FONT></FONT>
注明:
在用這種效果時(shí),文字移動(dòng)范圍的寬width的取值很重要,兩段文字移動(dòng)范轉(zhuǎn)的width取值和一定要小于背景層width
例5:
『歡迎光臨龍?jiān)吹牟┛痛a大全』
大家常來(lái)哦
<DIV style="LAYOUT-FLOW: vertical-ideographic">
<P>你的文字
<P>你的文字</P></DIV>
例6:
祝愿朋友們開(kāi)心!
<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>開(kāi)</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:
祝
愿
朋
友
們
開(kāi)
心
<center><font face=隸書(shū) 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>開(kāi)</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:
歡迎光臨龍?jiān)吹牟┛?div style="height:15px;">
<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; FONT-SIZE: 12px; BACKGROUND-COLOR: #eeeeee; WORD-WRAP: break-word"><FONT disabled>我凹下去了吧?<BR>你不想試試嗎?</A></FONT> </DIV>
5.在博客摘要設(shè)置字體
在博客摘要設(shè)置里添加下列html代碼。
A 調(diào)整字體大小
博客摘要文字前添加:<font size=#> ,文字后添加</font>,其中 #=1, 2, 3, 4, 5, 6, 7 ;從1到7表示字體由小到大。你從這些數(shù)字里選擇合適的一個(gè),比如1,代替#即可,你可逐個(gè)試試觀察效果最后選定。
B調(diào)整字體色彩
博客摘要文字前添加:<font size=#> ,文字后添加</font>,其中 #=1, 2, 3, 4, 5, 6, 7 ;從1到7表示字體由小到大。你從這些數(shù)字里選擇合適的一個(gè),比如1,代替#即可,你可逐個(gè)試試觀察效果最后選定。
博客摘要文字前添加<font color=#>,文字后添加</font> ,其中#=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩。你從它們當(dāng)中選擇滿(mǎn)意的一種色彩,比如olive,代替#即可。你也可逐個(gè)試試觀察效果最后選定。
6.給文字加移動(dòng)連接
<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="對(duì)方地址"><img src="對(duì)方圖片" width="100" height="100" border="0"></a></marquee>
說(shuō)明:
要想加多個(gè)的話(huà)就把<a target="cont" href="對(duì)方地址"><img src="對(duì)方圖片" width="100" height="100" border="0"></a> 加在最后那個(gè)</marquee>的前面
其中的 direction= 是圖片移動(dòng)方向 up down right left 任意填寫(xiě)