*文学风

二 图片加工
5 改变图片的显示效果
有时我们需要把图片溶入到背景中，例如：
原图片：

若把它放在现在帖子的背景中，从上面可看出该图片与背景色调差别太大。为了是它融合在该背景中，我们可以用HTML代码先将该图片加工一下。如：

代码如下：

在这组代码里opacity=100是图片的通明度（即色调的深浅），可以设置；style=3中数字可选取0、1、2或3，数字不同，显示的效果也不一样，下面将给出例子；height=374 width=500 图片的高度与宽度，可根据自己的需要任意改动（不一定是原图片的尺寸！）；代码中图片地址可换成自己选用的。其它部分不变！
将3改成2的效果：

将3改成1的效果：

将3改成0的效果：（即原图）

将透明度100改成20的原图效果：

由于原图片的总体是黑色背景，将它放到黑色背景下更能显示出上述效果。参见：
中年
在线
小技巧：使图片上下翻转

代码如下：

练习：自己选择个图片，按上面的方法做一下。
熟能生巧，要多加练习哦！

二 图片加工
4 图片的动画效果
（1）效果代码: type= fade :图片变化属性=值值:fade 图片渐显渐隐barWipe 图片从左到右拉开ClockWipe 图片像钟表一样旋转拉开barnDoorWipe 图片从中间向两边拉开slideWipe 图片右往左边拉开irisWipe 图片正中矩形向外扩散snakeWipe 图片蛇形展开ellipseWipe 图片正中小圆向外扩散spiralWipe 图片螺旋显示pushWipe 图片右往左像推箱子一样
（2.定位代码: width:550px; height:413px:定显示的宽和高,（原图片的尺寸是：550×413）top:0px; left:0px;;定该显示离顶和左边的距离。
举例如下：
原图：

代码：

显示效果图：

将ellipseWipe依次换成其它变化属性（代码的其它部分不变！）：fade、barWipe、ClockWipe、barnDoorWipe、slideWipe、irisWipe、snakeWipe、spiralWipe、pushWipe的显示效果图如下：...

帘幕,好浪漫啊!你真是个惹人怜爱的小女人,呵呵!

二 图片加工
3 运动的图片
（1）单一图片
以由下向上运动的图片为例加以说明。

代码如下：

其实很简单！你只需在选择HTML的情况下，加入以下代码就可以轻松实现。
注1：图片地址是指图片在网上的真实地址(例如下列图片的地址是： 。
注2：代码中的参数可以自行设置，最主要的几个参数是：
a.高度(height)－你可以根据图片大小来设置合适的数值;
b.方向(direction)-向上(up);向下(down);向左(left);向右(right).
c.移动速度（srcollamount）写入的数字越大速度越快。
d.滚动延时scrolldely（ms）一般取10

注1：图片地址是指图片在网上的真实地址(例如下列图片的地址是： 。
注2：代码中的参数可以自行设置，最主要的几个参数是：
a.高度(height)－你可以根据图片大小来设置合适的数值;
b.方向(direction)-向上(up);向下(down);向左(left);向右(right).
c.移动速度（srcollamount）写入的数字越大速度越快。...

二 图片加工
2 在图片内加文字
（1）基本格式
有的内容在前面已涉及过，现在详细讲解如下。
前面我们已经知道：
文字水平方向即左中右的代码： 向左对齐 表示居中 向右对齐
垂直方向的位置可以用换行 符号处理。
那么，如何在一张图片上加入所要的文字呢？
基本格式为：

说明：1 输入代码后切换至编辑状态，在编辑状态下打字；
2 这样输入的文字垂直位置是居中的，左右位置是靠左的（可以用空格调整左右位置！）
例如居中加上“祝你生日快乐！”为：

祝你你生日快乐！
代码为：
祝你你生日快乐！
将文字分别放在图片的左上、居中、右下为：

祝你生日快乐！
祝你生日快乐！
没起名
代码为：
祝你生日快乐！ 祝你生日快乐！ 没起名
（2）在图片内加入移动的文字 （2）在图片内加入移动的文字
这里依靠图片左边、由下向上移动的一段文字为例加以说明。

不理你 ，

不理你，

就是不理你！
代码如下：
不理你 ， 不理你， 就是不理你！
若使文字居中，在编辑状态下把文字选定，再点框上面的“居中”
即可。...

二 图片加工
1 图片标签
把网上现成的图片拿来发到论坛，是论坛里最容易的事情。原因就是发图太简单了。复制→粘贴就可以发一张图片，这是我们论坛的便利。用HTML方式贴图，它的语法也是很简单。
基本语法：
我们看到，img标签没有终止符。其常用参数也不太多，非常容易记住。
src：图片地址。在论坛里，建议使用图片的完整地址也就是绝对地址，若是上传到论坛的图片，可以使用相对地址，一般从upload一节开始。

这时发出的图片默认位于左上角。是最基本、最简单的贴图代码。如：

代码为：
若要使图片居中，只须加居中的命令（前面已讲过）。如：

代码为：

如要给图片加个边框，只须加将基本语法改为：

其中：
border：图片的边框。取值范围为正整数，边框颜色不可改变（黑色）。多数论坛里的图片都会链接到自身，当用户点击过它，它的边框颜色通常就是默认的蓝色，故为美观起见，建议设置为0。
如：给加个边框 代码分别如下：

IMG标签还有其他的参数：
alt：当鼠标移到图片时弹出的文字。下面是使用效果，请将鼠标指针分别移到图片上看看发生什么：...

小结

现将 部分小结如下，看看你掌握了哪些？若还有生疏的，可要加班补上呦！红色部分是可改动的。

一 文字设置三要素：

格式如下：
再学习
字体大小：style=font:30pt 字体：face=隶书 字的颜色：color=#ff0000

二 文字显示位置的控制

水平方向（align）：left（左对齐） CENTER（居中） RIGHT（右对齐）
垂直方向：top（靠顶） bottom（靠底）
格式如下：
向左对齐

三 文字移动属性的设置

基本格式： 内容文字或图片
移动属性值主要的有几个内容： 移动方向 速度 方式 循环 延时 方向和速度。移动方向 direction=left 从右向左移direction=right 从左向右移direction=down 从上向下移direction=up 从下向上移
格式如下：
文字从右向左移

文字来回走耶！

四 文字编辑几种常用代码语句

换行标记：一个 令文字显示于下一行，二个 留一空白行。 文字编辑...

一 文字处理
5 几种特殊字
（1）颜色“渐变”的文字
我们虽然可以用字的颜色代码社顶字的颜色，达到渐变的效果。但当文字较多时，这样就很麻烦。先举个例子：
欢迎朋友们参与一步一步学代码！
对于这15个字（符号），我们很难直接用颜色代码规定每个字的颜色。但网上给我们提供了操作十分简便小软件（彩色字）现在上传于此，可下载（30K）
viewFile.asp?ID=74
使用方法：
1 将“欢迎朋友们参与一步一步学代码！”用鼠标选定（点着鼠标从头向后拉），而后用键盘，按“Ctrl+C”双键（作用是复制，软件操作不支持正常的复制、粘贴！）；
2 打开系统里的“彩色字”软件，在框里按“Ctrl+V”双键（粘贴），这样“欢迎朋友们参与一步一步学代码！”就被输入到画面了。
当然也可以直接打开该软件，在里面直接输入所要的文字！
3 点画面下面的“起始颜色”选定后点下面的“确定”；再点“结束颜色”并确定；
4 点画面右下角的“转换”，这样框里就已将字的颜色一一设定了，并全部被选上；
5 按“Ctrl+C”，回到论坛发话框，按“Ctrl|+V”；
6...

一 文字处理
4 文字编辑几种常用代码语句
掌握HTML语法中的分隔标签非常有必要，娴熟地应用分隔标签，能令帖子可读性强、外观整洁漂亮。

文字编辑常用代码语句：
换行标记一个 令文字显示于下一行，二个 留一空白行。 文字编辑 段落标记 令文字之间留一空白行。用键盘的空格可令文字之间留一空隔。 令字体加粗 （双标签） 令文字加上底线 （双标签） 居中 令字、画、表格等显示于中间 （双标签）
对 换行标记，即强行换行指令的认识。下面这首李白的诗，在输入编辑时虽然有分行，但无用强行换行 标签，由于系统有顺延功能作用，所以仍然是从左侧顺延联成一片显示出来。
先看文字设置无换行标记的一组代码：

《 望庐山瀑布》 李 白日照香炉生紫烟，遥看瀑布挂前川。飞流直下三千尺，疑是银河落九天。
显示效果是联成一片。
《 望庐山瀑布》 李 白日照香炉生紫烟，遥看瀑布挂前川。飞流直下三千尺，疑是银河落九天。

再看文字编辑时，在要断行的地方加入 分隔标签的一组代码：
《 望庐山瀑布》 李 白 日照香炉生紫烟，遥看瀑布挂前川。 飞流直下三千尺，疑是银河落九天。
显示效果:
《 望庐山瀑布》...

一 文字处理
3 文字移动属性的设置
内容文字或图片 上面是最简单的移动标签。把它复制粘贴发表结果如下：
内容文字或图片

移动属性值主要的有几个内容： 移动方向 速度 方式 循环 延时 方向和速度。移动方向 direction=left 从右向左移direction=right 从左向右移direction=down 从上向下移direction=up 从下向上移
移动代码:-文字从右向左移 文字从右向左移！
显示效果：
文字从右向左移！移动方向-文字从左向右移的代杩。

文字从左向右移！！
显示效果：
文字从左向右移！
移动方向-文字从上向下移的代码：。

文字从上向下移！！
显示效果：

文字从上向下移！！
移动方向-文字从下向上移！的代码：。

文字从下向上移！！！
显示效果：

文字从下向上移！！

文字来回走代码:

文字来回走耶！！！
显示效果：
文字来回走耶！！移动速度 移动速度设置数值小就走得慢的代码： 移动速度设置数值小就走得慢！！
显示效果：
移动速度设置数值小就走得慢！！移动速度设置数值大就走得快！的代码：...

一 文字处理
2 文字显示位置的控制
文字显示位置分别为：水平方向（align），垂直方向（valign）
水平方向即左中右：left（左对齐）CENTER（居中）RIGHT（右对齐）
垂直方向即靠顶和靠底.top（靠顶）、bottom（靠底）等。

举例如下：

水平方向即左中右的代码： 向左对齐
显示效果如下：
向左对齐 表示居中
显示效果如下：
表示居中
向右对齐
显示效果如下：
向右对齐
应用举例

祝你进步
祝你幸福！
没起名

代码如下：
祝你进步 祝你幸福！ 没起名

垂直方向valign）靠顶的代码： 居左靠顶 居中靠顶 居右靠顶
垂直方向valign）靠底的代码： 居左靠底 居中靠底 居右靠底
文字输出位置垂直方向的代码是设置在单元格里（TD），方便易用。
应用举例：

居左靠顶的代码

代码如下：

居左靠顶的代码

文字（或图片）放置的地位，还可以用空格和空行（BR）等办法调整。

练习:
1...

谢谢老师！

诗写的好，问斜阳编辑更好！辛苦了，茉莉花茶沏上。

好!高水平

多谢清风的美图！

好一幅宁静祥和,悠然自得的生活画面,欣赏!

相思之情寄托夜星传递,心中不免伴有淡淡的惆怅......

七月七日
文/云笔客

斜阳残照红翠衰，

西山冷泉迎客来。

鹊动银汉兰夜至，

青提香径独徘徊。

screen.width-333)this.width=screen.width-333 border=0>

编辑：清风

送别
文/云笔客

风咽西山暮斜晖，

阳关未彻泪千杯。

古道漫漫通云处，

柳烟袅袅送君归。

screen.width-333)this.width=screen.width-333 border=0>

编辑：清风

夕 晚
文/云笔客

白云起新秀,
苍山暮斜晖.
临风抚瑶瑟,
把酒饮翠微.

screen.width-333)this.width=screen.width-333 border=0>

编辑：清风

无 题
文/云笔客

秋蝉抱枝闲作歌,
栖莺鸣弦时一和.
生花妙笔何处借,
独有投诗赠汨罗.
screen.width-333)this.width=screen.width-333 border=0>
编辑：清风

充满激情,大气的文字!燃烧的是激情,梦想,渴望,积蓄的是力量,勇气,信心.也许这是人将自身能力发展到极限的最好办法!欣赏!

浪 花

文/梦溪

用力解开

端头上洁白的花

水手啊

你什么时候才肯

回家

screen.width-333)this.width=screen.width-333 border=0>
编辑：清风

screen.width-333)this.width=screen.width-333 align=top border=0>
标题
文编:

screen.width-333)this.width=screen.width-333 align=top border=0>

screen.width-333)this.width=screen.width-333 >

帘妹，你好！修改了无数次，终于改到这个样子，不知道你满意吗？我也在摸索，有一些体会，以后再交流！