中国军事同盟社区

打印

音画贴:基本代码/特效实例

本主题由 考拉爱桉树叶 于 2008-7-8 01:08 设置高亮

音画贴:基本代码/特效实例

静态文字基本代码

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

不想用代码的朋友,基本的字体可以在贴子内容中利用标签很容易就获得效果。

下面所收集的代码是利用代码做出来的特效字,也是为了在音画贴中获得特殊的效果。

1楼为基本代码,以下楼层为一些常用特效字代码收集,供朋友们做贴时选用!

1、设置字体
   


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

代码:

<FONT color=颜色 face=字体 size=字号>文字特效</FONT>

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

术语解释:
1)color=颜色:如#00FF00代表红色; #0000ff代表兰色等。省略color项,默认黑色字体。

2)face=字体:字体库的种类,一般都有:“楷体_gb2312”、“隶书”、“华文魏体”、“华文彩云”等;省略face项,默认宋体。

3)size=字号:省略默认1号字。

 

2、文字的另一种表示方法
 

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

代码:

<div style=font:20pt face=华文行楷 color=red>文字特效</div>

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

显示为字的大小为20象素(可调);字体为华文行楷;颜色为红色。

颜色的英文表 (惜惜只选了常用的一些)

red
green
blue
magenta
yellow
chocolate
black
aquamarine
lime
fuchsia
brass
azure
brown
bronze
deeppink
aliceblue
gray
copper
coral
feldspar
orange
orchid
pink
plum
quartz
purple
aliceblue
antiquewith
blanchedalmond
blueviolet

欢迎来到军盟社区,非常抱歉,您的当前状态为游客,因此您查阅的只是部分内容,游客如需要查看全部内容:请登录或者注册

TOP

效果:
立体感特效文字代码
代码:

<div style="FONT-SIZE: 30pt; FILTER: blur(add=1,direction=30,strength=5); WIDTH: 100%; COLOR: #9900ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>立体感特效文字代码</B></div>


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

 

效果:

带彩色阴影特效文字


代码:<div style="FONT-SIZE:30pt;filter:dropshadow(color=lightgreen,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文魏碑"><B>带彩色阴影特效文字</B></div>


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

 

效果:

凸起立体感文字

代码:

<div style="FONT-SIZE:30pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>凸起立体感文字</B></div>


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

 

效果:

套边立体感文字

代码:

<div style="FONT-SIZE:30pt;filter:glow(color=#00CC00,strength=4);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>套边立体感文字</B></div>

 

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

 

效果:

特效文字

代码:<div style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 70%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 60px"><B>特效文字</B></div>



效果:

特效文字

代码:<DIV style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>特效文字</B></DIV>

TOP

效果::

特效文字


代码:<DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 480px">
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#f709c7>特效文字</FONT></P></DIV>

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

 

效果:

特效文字

代码:<div style="FONT-SIZE: 40pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>特效文字</B></div>

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

 

效果:

特效文字

代码:

<div style="FONT-SIZE: 40pt; FILTER: shadow(color=yellow); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>特效文字</B></div>


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

 

效果:

特效文字

代码:<div style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#3333cc>特效文字</div>

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

 

 

TOP

学习中
会心一笑

TOP

代码:

最好把怎样发音乐也发出来,呵呵

会心一笑

TOP

不知道不大懂不杂的不明白.........

TOP

TOP

 

 

代码:

<TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56>
<TBODY>
<TR>
<TD vAlign=center align=middle width=500 bgColor=#aeffae height=375><IMG alt="" src="http://junmeng.nen.com.cn/bbs/attachments/forumid_119/20080706_931ff10609acaec2be448SscWBi5DOJ0.jpg"></TD></TR></TBODY></TABLE>
<P> </P>
<P> </P>

 

 

[ 本帖最后由 考拉爱桉树叶 于 2008-7-11 18:49 编辑 ]

TOP

 

 

代码:

<TABLE style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" borderColor=#ff0000 cellPadding=0 width=500 align=center border=8>
<TBODY>
<TR>
<TD><IMG alt="" src=http://junmeng.nen.com.cn/bbs/attachments/forumid_119/20080706_931ff10609acaec2be448SscWBi5DOJ0.jpg
</TD></TR></TBODY></TABLE>

[ 本帖最后由 考拉爱桉树叶 于 2008-7-11 18:56 编辑 ]

TOP

 

 

代码:

<TABLE style="BORDER-RIGHT: #9900ff 5px dashed; BORDER-TOP: #9900ff 5px dashed; BORDER-LEFT: #9900ff 5px dashed; BORDER-BOTTOM: #9900ff 5px dashed" cellSpacing=0 cellPadding=0 align=center border=0>
 <TBODY>
 <TR>
 <TD><IMG src="

http://junmeng.nen.com.cn/bbs/attachments/forumid_119/20080706_931ff10609acaec2be448SscWBi5DOJ0.jpg

">
 </TD></TR></TBODY></TABLE>

TOP

Baidu
新闻 网页 mp3 贴吧 图片