(9)这里风景独好请您欣赏
显示效果: 这里风景独好请您欣赏!
(10)、特效文字的代码
显示效果: 特效文字的代码
(11)、幸福快乐的代码
显示效果: 福 快 乐 (一)文字设置标签属性三个主要内容的使用。 (1)字号大小 字号大小语句通常是<FONT size=1-7>字号</FONT>其大小是由参数所定,最小是1,最大是7。为了方便使用更大的字体,字号大小可用以下的语句: 文字设置用普通字号的代码: </CENTER> 文字设置用大字号的代码: <CENTER><font style=font:80pt face=隶书 color=00ff00>
(2)使用什么样字体 用代码贴字,字体一定要用网络上经常能显示的十余种。如: 宋体 黑体 楷体_GB2312 仿宋_GB2312 新宋体 幼圆 隶书 方正舒体 华文新魏 华文行楷 华文细黑 华文彩云 方正姚体 如果采用文鼎花瓣体等其他字体,而浏览者的电脑没有安装这些字体时,则都会显示为宋体。
(3)文字颜色的代码 文字的颜色可用0和F 6个字符组成易记住的颜色代码,例如: 黑色=000000 白色=ffffff 红色=ff0000 绿色=00ff00 蓝色=0000ff 黄色=fff000 青色=00ffff 紫色=ff00ff
(二)文字代码可以做出很多漂亮的字体,灵活的运用文字设置标签属性的三个主要内容,即字号,字体和颜色,也可编辑出精彩的字体。
显示结果:
多种字号和字体的代码: <CENTER><FONT face=新宋体 color=00ff00 style=font:15pt> 显示结果:
《闺 怨》王昌龄忽见陌头杨柳色,悔教夫婿觅封侯。 一、用html编辑器: 分别为字体、字号、加粗、斜体、下划线、删除线、字体颜色、背景颜色、对齐方式。 另外提一句,若不是常用字体,建议截图、或者用PS制作成图片。 二、特效: 1、上线: 上线 2、竖排文字: 效果:
竖排文字
3、发光文字:
发光文字
4、模糊文字:
模糊文字
5、波浪文字:
6.设置文字的上下标 a、上标: <SUP>文字1</SUP> 例 波浪文字
:文字2文字1 b、下标: <SUB>文字1</SUB> 例:文字2文字1
另外提一句,这个(清除格式)不好乱用,不然一番辛苦都会白费。 _______________________
1 用闪底做特效字
1
码: 1 <TABLE cellSpacing=0 cellPadding=0 align=center background=http://image58.360doc.com/DownloadImg/2013/01/2412/29809920_34.gif border=0> 2 3
代码: <TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbsimg.qq.com/2005/08/20/006/987.gif border=0> 换个闪底:
背景图:
背景图:
在背景图片上写特效闪光字:
代码: <div align="center"><table height="340" cellspacing="0" width="450" background="http://nxm./s-helpSite/domName/nxm/200412121654818526.gif"><tbody><tr><td style="FILTER: chroma(color=#336699)" valign="top" align="center" background="http://image58.360doc.com/DownloadImg/2013/01/2412/29809920_36.jpg"><p align="center"><font style="FONT-SIZE: 40pt" face="华文行楷" color="#336699"><b /></font> </p><p align="center"><font style="FONT-SIZE: 40pt" face="华文行楷" color="#336699"><b /></font> </p><p align="center"><font style="FONT-SIZE: 40pt" face="华文行楷" color="#336699"><b /></font> </p><p align="center"><font style="FONT-SIZE: 50pt" face="华文行楷" color="#336699"><b>【海平工作室】№②</b></font></p><p align="center"><font style="FONT-SIZE: 40pt" face="华文行楷" color="#336699"><b>欢迎您</b></font> </p></td></tr></tbody></table></div><p> </p><p><font color="#a52a2a" size="6"></font></p><p><font color="#a52a2a" size="6"></font></p>
(在以上这组HTML代码中,其中第一段的地址是闪亮字的背景地址,第二段的地址是图片的地址)
呵呵,先点“代码”然后贴上代码,再修改文字,在看浏览。就ok了!
1 金边字
与大家一起学习制作特效字
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>与大家一起学习制作特效字</B></FONT></CENTER></DIV> 【海平工作室】№② <FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>【海平工作室】№②</B></FONT></DIV> 这里是你我的家 <FONT size=7><FONT color=#ff0000>这</FONT><FONT color=#d52a00>里</FONT><FONT color=#ab5400>是</FONT><FONT color=#817e00>你</FONT><FONT color=#57a800>我</FONT><FONT color=#2dd200>的家</FONT></FONT> 淡淡的友情最诚 <FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 50px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; " color=#3333cc>淡淡的友情最真</FONT></CAPTION> <BR></CAPTION></P><BR></DIV> 淡淡的问候最醇 <FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: green; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>淡淡的问候最醇</B></FONT><BR></DIV>
欢迎您
<DIV align=center> 原代码: <CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>【海平工作室】№②欢迎您</B></FONT></CENTER>
【海平工作室】№②欢迎您 原代码: <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>
原代码: <MARQUEE behavior=alternate direction=up height=250 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460><FONT color=red face=楷体_gb2312 size=7>【海平工作室】№②欢迎您</FONT></MARQUEE></MARQUE></MARQUEE>
描边特效字: 原代码: <P><FONT style="FONT-SIZE: 45pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">欢迎光临 【海平工作室】№②</FONT></P> 效果 欢迎光临 【海平工作室】№②
阴影字体: 效果:
*朋友别哭*
<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; " color=#3333cc>朋友别哭</FONT></CAPTION> <BR></CAPTION></P>
总有一天等到你!
<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 50px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 500px; "> 华文行楷! </B><BR></B><FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" size=6>华文行楷!</FONT>
大家好! <CENTER><FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>
一 杯 热 茶~*
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>一杯热茶~*</B></FONT></CENTER></DIV>
一声问候...
<FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>一声问候...</B></FONT></DIV> 这里是你我的家 <FONT size=7><FONT color=#ff0000>这</FONT><FONT color=#d52a00>里</FONT><FONT color=#ab5400>是</FONT><FONT color=#817e00>你</FONT><FONT color=#57a800>我</FONT><FONT color=#2dd200>的家</FONT></FONT>
<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; " color=#3333cc>别忘了,,,,</FONT></CAPTION> <BR></CAPTION></P><BR></DIV>
有空来坐坐*,,
<DIV style="FILTER: shadow(color=#6495ED, strength=60); WIDTH: 480px"><FONT face=华文彩云 color=#9932cc size=7><B>
<CENTER>
<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: green; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>HTML标签!</B></FONT><BR></DIV>
代码:
<MARQUEE direction=up>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://xz7./admin/uploadfile/20044119194846010.jpg> <TBODY> <TR> <TD style="FILTER: chroma(color=#336699)"> <TABLE align=center bgColor=lime> <TBODY> <TR> <TD align=middle><FONT style="FONT-SIZE: 60pt" face=华文行楷 color=#336699>【海平工作室】№②欢迎您</FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE></FONT></MARQUEE></DIV> 福 代码: <DIV align=center>
代码:
<MARQUEE direction=up>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://znrs./UploadFile/2004-5/2004510115258900.jpg> <TBODY> <TR> <TD style="FILTER: chroma(color=#336699)"> <TABLE align=center bgColor=red> <TBODY> <TR> <TD align=middle><FONT style="FONT-SIZE: 60pt" face=华文行楷 color=#336699>朋友您辛苦了!</FONT></TD></TR></TBODY></TABLE></FONT></TD></TR></TBODY></TABLE></FONT></MARQUEE></DIV>
【海平工作室】№②欢迎您!
<DIV style="FILTER: shadow(color=#c299ff, strength=10); WIDTH: 700px"><FONT style="FONT-WEIGHT: 500; FONT-SIZE: 43pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#800080>【海平工作室】№②欢迎您!</FONT> <BR></DIV></DIV>
上下跳动的字代码:
制作滚动字幕:
<MARQUEE direction=up height=40 scrollAmount=3 scrollDelay=150 width=400>
<MARQUEE direction=down width=480 height=50><IMG src="http://image58.360doc.com/DownloadImg/2013/01/2412/29809920_32.gif"><FONT face=隶书 color=#ff0000 size=7>网络资源共享
4 字幕从右向左滚动
代码: <marquee direction=left>从右向左滚动</marquee> 5.字幕从左向右滚动 代码: <marquee direction=right>从左向右滚动</marquee> 6.behavior属性:指定文本的滚动方式,分为三种: Scroll:从一端消失后,在另一端出现并继续滚动。 (1)一圈一圈地滚动 代码: <marquee behavior=scroll>一圈一圈地滚动</marquee> (2)Slide:从一端滚动,接触到另一端后停止 代码: <marquee behaviro=slide>只滚动一次就停止</marquee> (3) Alternate:从一端滚动到另一端后,反向滚动。 代码: <marquee behavior=alternate>来回滚动</marquee> direction=up(left、right、down) 这个属性可以更改,这样就可以实现上下左右了 7.原地跳动的文字 代码: <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></FONT></FONT></FONT></FONT> 8.横排字渐出向上移动:
代码: <DIV align=center> <MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293> <MARQUEE style=" WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290> <P align=left><FONT style="FONT-SIZE: 18pt; COLOR: #ea0000; 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> 竖排字渐出:
我带着远古的心愿 代码:
<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> 9.飞舞的文字代碼
代码: <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=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><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=red><MARQUEE direction=up behavior=alternate width=40 height=200>你</MARQUEE><FONT color=orange></B></FONT></FONT></FONT></FONT></FONT></MARQUEE> 提示大家字不够可以自己添加/复制<MARQUEE direction=up behavior=alternate width=40 height=150>龍</MARQUEE><FONT color=red>这代码越多你添加的字起来就不会那么别扭/当然你可以直接在上面加多几个字/颜色可以自己改! 紫色镂空字效果: 代码: <DIV style="FILTER: shadow(color=#6495ED, strength=60); WIDTH: 480px"><FONT face=华文彩云 color=#9932cc size=7><B> 金边红字效果: 【海平工作室】№② 欢迎您
代码: <DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 68pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#e31c1b>【海平工作室】№②欢迎您</FONT></DIV>
红边白字:
祝您新年快乐 【海平工作室】祝
代码: <P align=center><FONT color=#c4b77d><BR> <FONT style="FILTER: shadow(color=#FF0000); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 130%; FONT-FAMILY: 华文行楷; font-size:60pt">祝您新年快乐<br>【海平工作室】祝</FONT><DIV align=center></DIV><BR></DIV><P></P>
欢迎您光临
代码: <P align=center><FONT color=#c4b77d><BR> </FONT><DIV align=center> <P align=center><FONT color=#ff0000><SPAN style="WIDTH: 100%"><B><FONT face=verdana size=48><FONT face=华文行楷><BR></FONT><FONT style="font-size: 60pt"><br><br></FONT></FONT><FONT face=华文行楷 size=48 style="font-size: 72pt">欢迎您光临</FONT><FONT face=verdana size=48><BR><BR><BR><BR></FONT></B></SPAN><FONT face=verdana size=48> 紫边白字:
祝春节快乐
代码: <CENTER><FONT style="FONT-SIZE: 72pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>祝春节快乐</B></FONT> <BR><BR></CENTER><DIV></DIV><BR><BR></DIV><P></P>
透明字:
代码:
<P align=center><TABLE cellSpacing=0 cellPadding=0 align=center background=http://image58.360doc.com/DownloadImg/2013/01/2412/29809920_37.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE cellSpacing=0 cellPadding=0 align=center background=http://www./bbs/UploadFile/200551319272463012.jpg width="588"><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 60pt" face=华文行楷 color=#336699><B><EM><br><br><br>新年快乐<br>2007<br>【海平工作室】№②<br><br></EM></B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 阴影字:
代码: <P align=center><FONT style="FONT-SIZE: 70pt; FILTER: shadow(color=#ffd700, strength=50); WIDTH: 650px"><FONT face=隶书 color=#ff8c00><CENTER><B><BR><BR><BR><BR>【海平工作室】№②欢迎您希望您开心<BR><BR><BR><BR></B></CENTER><CENTER></CENTER></FONT></FONT></DIV><P></P> 渐出彩色字:祝您好运来 天天好心情
代码: <DIV align=center><MARQUEE scrollAmount=2 width=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>祝 天 </B></FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#66ff00><B>您 天 </B></FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#f709f7><B>好 好 </B></FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#0909f7><B>运 心 </B></FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#eeee11><B>来 情 </B></FONT></B></B></MARQUEE></FONT><CENTER></CENTER></DIV><BR><P></P>
【海平工作室】№②欢迎您 <CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>【海平工作室】№②欢迎您</B></FONT></CENTER> 彩虹字:
代码: <P align=center><p><TABLE cellSpacing=0 cellPadding=0 align=center background=http://www./bbs/UploadFile/200551319401338301.gif width="692"><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center background=http://image58.360doc.com/DownloadImg/2013/01/2412/29809920_40.gif width="700"><TBODY><TR><TD align=middle><P><FONT style="FONT-WEIGHT: 700; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=#336699>新年快乐<br>【海平工作室】№②</FONT></P><P><FONT style="FONT-WEIGHT: 700; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=#336699></FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 55pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#336699></P></FONT></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> ———————————————————————— 遮罩字: 效果:
代码: <DIV align=left> </DIV> ______________
代码: <DIV style="Z-INDEX: 2; LEFT: 570px; WIDTH: 451px; TOP: 50px; HEIGHT: 50px">
|
|