找回密码
 注册
搜索
查看: 2222|回复: 105

[推荐]让我们把图片做的更漂亮

[复制链接]
在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
发表于 2006-10-18 20:32 | 显示全部楼层 |阅读模式

初识论坛语法

下面简单介绍一下常用的语法格式(注意:实际编写时要把*号去掉):

图片:[*img]……[*/img]

RealOne格式媒体文件:[*rm=480,35,1]……[*/rm]

(注:480为播放界面的宽度,35为高度,可改变,1表示自动播放——用0的话则手动播放)

Windows MediaPlayer格式媒体文件:[mp=480,68,1]……[*/mp] (说明同上)

Flash MTV格式文件:[*Flash=400,350]……[*/Flash]

居中:[*align=center]……[*/align] (说明:那么,左对齐则把center改为left,右对齐则用right)

颜色:[*color=red]……[*/color] (说明:大家可以自己试试用别的颜色取代red,效果会怎样?)

字号:[*size=数值]……[*/size]

粗体:[*b]……[*/b]

斜体:[*i]……[*/i]

下划线:[*u]……[*/u]

引用:[*quote]……[*/quote]

飞行:[*fly]……[/*fly]

移动:[*move]……[*/move]

超级链接:[*url=网址]……[*/url]

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 20:40 | 显示全部楼层
回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 21:01 | 显示全部楼层

下图是论坛编辑界面

点击图片图标

出现如下对话框

去掉小框中的“http://”

将刚才复制的图片地址粘贴到编辑框中,如下图

然后点确定,框中出现的图片就是你想发表的图片

[推荐]让我们把图片做的更漂亮

[推荐]让我们把图片做的更漂亮

[推荐]让我们把图片做的更漂亮

[推荐]让我们把图片做的更漂亮

[推荐]让我们把图片做的更漂亮

[推荐]让我们把图片做的更漂亮
回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 21:05 | 显示全部楼层

另外,也可以直接在网页最下端选择快速回复栏发表图片

1、点开图片图标,输入得到的网址

2、如下图,输入后,点确定。

3、先预览、确定没问题,再点发表。

回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 21:08 | 显示全部楼层

当你对贴图比较熟悉了之后,你也可以在把图片地址粘贴到编辑框中后,自己直接在图片地址的首尾分别输入[*img]图片地址[*/IMG](注意中间不允许有空格,实际操作时请记住一定要把“*”号去掉),这样的效果和刚才是完全一致的。 对于一次需要贴多张图片的帖子,你只需要按照上面的操作重复多次就可以了。

【注意】

在论坛中编辑图帖和使用文档编辑软件编辑文本有很多相同的地方。比如你输入一张图片的ubb代码后敲击一次回车,那么新的代码会另起行输入,而图帖中的图也会另起一行。反之,你的图将会并列成一排,而论坛的版面空间是有限的,若干个图排列在一行有可能导致后面的部分内容无法显示。同样的道理,在图片的ubb代码前敲击空格,同样也可以达到让图片往右移的效果。

修改已经发表的贴子

要是您想修改您已经发表的帖子,先进到您原来的帖子,在标题的右下角有几个小按钮,点击其中的 按钮,就可以顺利进入论坛帖编辑界面,下一步就是按照你的思路修改你的帖子吧。修改好了之后点击编辑框下方的“发表”按钮。

关于图片无法显示的问题

对于一些网友,可能无法正常浏览部份贴图。

原因一,贴图放在一些不支持HOTLINK(直接连接)的服务器上。 解决办法:将图片的地址复制到浏览器中直接浏览。

原因二,贴图放在一些被您的电信公司(ISP)封锁掉的服务器上。 解决办法:用代理服务器(proxy)绕过封锁,您就可以正常浏览了。

回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 21:14 | 显示全部楼层

这里是网上收集的一些网络教材,我把它们整理改编了一下,希望能对喜爱贴图的新手有所帮助,对于高手自然是小意思了~最终目的只是想与大家一起学习,共同进步!

网络教材精选(一)
HTML代码实际应用讲解
(原创/浩然)

一:背景

一个完整的HTML帖子应该是: 美贴=背景+文章+插图+收尾

回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 21:17 | 显示全部楼层

原代码如下:

<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD>

帖子的文章加图片

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

注意:前边用了多少<table......><tr><td>后面就要有多少</td></tr></table>收尾。多收和少收都会使帖子出错.常用的参数设定及注解:

<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">

width="400" 表格宽度,接受绝对值(如 500)及相对值(如 80%)。

border="10" 表格边框的厚度。

cellspacing="2" 表格格线的厚度

cellPadding=5 表格格线内厚度

align="CENTER" 表格的摆放位置(水平),可选值为:左: left, 右: right, 居中: center

valign="TOP". 表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。   

background="背景图片网址" 表格的背景图片,与 bgcolor 不要同用。

bgcolor="#0000FF" 表格的底色,与 background 不要同用

bordercolor="#CF0000" 表格边框颜色

bordercolorlight="#00FF00" 表格边框向光部分的颜色

bordercolordark="#00FFFF" 表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 21:20 | 显示全部楼层

二.文字应用

1.文字基本设制

基本代码如下:

<P align=center><FONT color=#CFCF88 face=华文行楷 size=5>插入文字</FONT></P>

<P align=center>表示居中,<P align=left>表示居左,<P align=right>表示居右。

face=字体 常用字体为:宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等

size=字体大小,这里的最大值为7 取值越大文字就越大

另一种贴法:

<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

font:40pt 数值越大文字就越大。

color=颜色代码。下面是颜色选择器,大家可以自己选择

回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 21:33 | 显示全部楼层

2.移动文字

效果:

移动文字 可根据下面基本代码 自行调节所需要的效果 基本代码:

<marquee direction=up behavior=scroll width=400 height=90 scrolldelay=80 scrollamount=1><font color=red size=+2 face=华文新魏>插入文字</font></marquee>

说明:

direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

behavior=移动方式, scroll 一圈一圈绕着走, slide 只走一次, behavior=alternate 来回走

width=宽度  height=高度  scrolldelay=速度  scrollamount=位移

上面的参数大家可以根据不同的情况自行调节。

回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 21:40 | 显示全部楼层

[推荐]让我们把图片做的更漂亮

3。文字特效

效果1

联都图联版欢迎你
代码如下: <TABLE borderColor=#cd5c5c height=375 width=500 align=center border=3> <TBODY> <TR> <TD background=http://my.e-yu.cn/ctv/tp/fengjing/lu10.jpg> <MARQUEE scrollAmount=3 direction=down behavior=alternate height=350> <MARQUEE scrollAmount=3 behavior=alternate width=500><FONT color=red size=6><B>联都图联版欢迎你</B></FONT></MARQUEE></MARQUEE></TR></TBODY></TABLE><BR><BR>
回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 21:43 | 显示全部楼层
效果2

代码如下:

<center><table width=500><tr><td><font color=#991144&><marquee behavior=alternate><MARQUEE behavior=alternate><FONT face=宋体 color=red size=6><MARQUEE direction=up behavior=alternate width=60 height=120>欢</MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width=60 height=80>迎</MARQUEE><FONT color=#FF8CA9><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=blue><MARQUEE direction=up behavior=alternate width=60 height=120>光</MARQUEE><FONT color=lime> <MARQUEE direction=up behavior=alternate width=60 height=80>临</MARQUEE></FONT></FONT></FONT></FONT></FONT></FONT></marquee></font></td></tr></table></center>

回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 22:14 | 显示全部楼层

三,贴图

1.基本代码:

<img src=图片网址 width=图片宽度 height=图片长度>

注意:设定图片大小,此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实大小,以免失真,若需要改图片大小最好使用图像编辑工具(改变大小的宽和高与原图的宽和高要成正比例,图片最好是改小不改大,以免失真。)。图片的居中,居左,居右上面已经介绍了,这里不再重复。

2.给图片加边框

效果:

基本代码:

<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><td><img src=http://club.xialala.com/images/upload/2004/06/09/121725.jpg width=500 height=375></td></table><br><br>

说明:

border="6" 表格边框的厚度,不同浏览器有不同的内定值。

cellPadding=1 表格格线内厚度

borderColor=#841A00 边框色彩

回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 22:40 | 显示全部楼层
3、图片朦胧

图片朦胧(羽化或隐藏,叫法不一)图片语法:注意在本论坛用此语法,图片选择最好不大于500,如超过可以辅助制图软件来改变图片大小,width=150(宽度) height=170(高度)根据你选定的图片自己设置(图片的属性里可知尺寸)

<TD style="FILTER: Alpha(opacity=100,style=2)"朦胧效果一般为2或3,自己定

[此贴子已经被作者于2006-10-18 22:43:37编辑过]
回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 22:44 | 显示全部楼层

有点晕了,明天再来!~

回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 22:48 | 显示全部楼层

效果图
回复

使用道具 举报

在线时间
1 小时
主题
392

-129

回帖

0

精华

17万

积分

联都贵宾

UID
9439
在线时间
1 小时
注册时间
2006-10-9
 楼主| 发表于 2006-10-18 22:53 | 显示全部楼层

朦胧效果代码如下:

<P align=center> <TABLE border=0> <TBODY> <TR> <TD style="FILTER: Alpha(opacity=100,style=2)" width=150 background=http://club.xialala.com/images/upload/2004/06/09/121725.jpg height=170></TD></TR></TOBDY></TBODY></TABLE>

回复

使用道具 举报

在线时间
0 小时
主题
17

-17

回帖

0

精华

1

积分

联都贡士

UID
9133
在线时间
0 小时
注册时间
2006-9-7
发表于 2006-10-19 10:59 | 显示全部楼层

梦儿辛苦,支持一下!

回复

使用道具 举报

在线时间
0 小时
主题
17

-17

回帖

0

精华

1

积分

联都贡士

UID
9133
在线时间
0 小时
注册时间
2006-9-7
发表于 2006-10-19 11:12 | 显示全部楼层

试试朦胧效果

回复

使用道具 举报

在线时间
0 小时
主题
17

-17

回帖

0

精华

1

积分

联都贡士

UID
9133
在线时间
0 小时
注册时间
2006-9-7
发表于 2006-10-19 11:15 | 显示全部楼层

试试图片加边框效果

回复

使用道具 举报

在线时间
0 小时
主题
17

-17

回帖

0

精华

1

积分

联都贡士

UID
9133
在线时间
0 小时
注册时间
2006-9-7
发表于 2006-10-19 11:19 | 显示全部楼层
联都图联版欢迎你

试试文字特效果

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|手机版|小黑屋|联都

GMT+8, 2026-3-4 16:59 , Processed in 0.128246 second(s), 26 queries .

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表