返回列表 发帖

如何突破7号字的大小 我们需要以嵌套方式调用CSS样式来定义字体,这种方法可以让我们最大限度地设置字号大小,实现方法也很简单,只需在[size=+0]标签里用以下代码替换纯HTML原来的元素即可。请看以下代码和效果:





流浪者家园

<font color=#ff0000 style="font-size: 100pt;font-family:华文行楷,隶书,黑体">流浪者家园</font>

[ 本帖最后由 wzyh 于 2007-12-20 21:00 编辑 ]

TOP

以上是部分最常用的代码,HTML代码还有很多,全都列举出来会让初学者头皮发麻的,因此不想一下子全部列举.我想在实际的运用中结合实例再详细讲解,大家的印象会更深,也更容易理解.

以前面的文字移动标记<MARQUEE>..........</MARQUEE>为例,我们用实际来讲解

   在论坛默认的编辑状态下,我们可以通过UBB语法的move和fly语句让对象动起来,但功能很简单,只是平行地移动。而我们使用HTML的Marquee语句则可以产生更多的移动效果:向左、向右、向上、向下。再嵌套使用marquee语句,效果就更加丰富了。

    marquee的基本语法:<marquee> ... </marquee>

说明:与大多数HTML语法元素一样,它也是成双出现的,被修饰对象就放在起始符和终止符之间。请看如下例子:

<marquee> 流浪者家园</marquee>

流浪者家园

 瞧,简单吧?不过,以上例子只是使用了marquee的默认用法。我们加入相应的参数,它的移动方法就有所不同了。

参数一:behavior。移动方式。值:scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。

例:<marquee direction=left behavior=alternate>哈哈,我来回走!</marquee>

哈哈,我来回走!

参数二:scrollamount。移动速度。值取正整数。数值越大,速度越快。例:

<marquee scrollamount=25>看,我走多快!</marquee>

看,我走多快!

参数三:scrolldelay

延时。数值。例:

<marquee scrolldelay=1000>我走一走,停一停</marquee>

我走一走,停一停

参数四:bgcolor

底色。例:

<marquee bgcolor=pink>看到了吧?我有底色!</marquee>

看到了吧?我有底色

#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

参数五范围:width和height。就是移动的宽度与高度了。例:

<marquee width=200 height=200 bgcolor=pink direction=down>在我的地盘里移动!</marquee>

在我的地盘里移动!

参数6:外观(Layout)设置

1.对齐方式(Align) <align=#> #=top, middle, bottom

<marquee align=top width=400>我在上面移动</marquee>
<marquee align=middle width=400>我在中间移动</marquee>
<marquee align=bottom width=400>我在下面移动</marquee>

对齐上沿、中间、下沿。

我在上面移动对齐上沿

我在中间移动对齐中间

我在下面移动对齐下沿

 

参数7:空白<Margins><hspace=# vspace=#>

********************************************<br>你好
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>版主来了</marquee>
大家好!<br>
********************************************

********************************************
你好 版主来了大家好!
********************************************

 

TOP

欢迎光临流浪者家园
 
代码:
<DIV align=center>
<DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 480px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 80pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>欢迎光临流浪者家园</FONT> </DIV></DIV>
 

TOP

代码:

<FONT color=#ff0000 size=15>欢</FONT><FONT color=#d52a00 size=15>迎</FONT><FONT color=#ab5400 size=15>光</FONT><FONT color=#817e00 size=15>临</FONT><FONT color=#57a800 size=15>流</FONT><FONT color=#2dd200 size=15>浪</FONT><FONT color=#ff0000 size=15>者</FONT><FONT color=#BF3EFF size=15>家</FONT><FONT color=#EE1289 size=15>园</FONT>

TOP

流浪者家园 原来这么简单 我只要会套用

代码

<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>流浪者家园</B></FONT>

代码

<FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>原来这么简单</B></FONT>


代码

<FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>我只要会套用</B></FONT>


 

TOP

<FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>BBS.liulanghome.com</B></FONT>

BBS.liulanghome.com

 

<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 50px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 500px; POSITION: relative" color=#ff00ff>你会套用吗?</FONT>

 

你会套用吗?

TOP

<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=#DAA520,strength=6); WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">不懂代码也能玩特效<BR></FONT>

不懂代码也能玩特效

<DIV style="FONT-SIZE: 50pt; FILTER: dropshadow(color=000000, offx=10, offy=10, positive=10); WIDTH:500px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative">不懂代码我不怕

 

不懂代码我不怕

TOP

<FONT style="FONT-SIZE: 65pt; FILTER: wave(add=0,lightstrength=10,strength=8,freq=6,phrase=10); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>想歪就歪</B></FONT>

想歪就歪

 

<DIV style="FILTER: shadow(color=#AF0530, strength=60); WIDTH: 480px"><FONT face=华文彩云 color=#ff0000 size=7><B>变化万千</B></FONT></DIV>

变化万千

TOP

<DIV style="FONT-SIZE: 52pt; FILTER: dropshadow(color=000000, offx=3, offy=3, positive=1); WIDTH: 350px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative">大家改变颜色和数字试试</DIV>

大家改变颜色和数字试试

 

<FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>在来个滤镜效果的</B></FONT>
注:wave此滤镜对过滤对象生成正弦波变形,造成一种变幻效果。内嵌属性:add属性:布尔型,0或1,0表示将原始对象加入最后效果中,1则反之;freq属性:决定显示的频率,即应出现多少个波形;phrase属性:决定波形的形状,值取0至360之间;
strength属性:决定波形的振幅。

再来个滤镜效果的

TOP

代码:

<CENTER>
<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>朋友,欢迎您的到来~~~~</B></FONT></CENTER></MARQUEE></CENTER>
<CENTER>
<MARQUEE scrollAmount=2 direction=up height=60>
<CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>朋友,欢迎您的到来~~~~</B></FONT></CENTER></MARQUEE></CENTER>

朋友,欢迎您的到来~~~~
朋友,欢迎您的到来~~~~

TOP

返回列表