在此,向老四兄弟致以崇高的敬意,感谢流氓老四的作品。
本帖由他区复制到新手区,以方便参加色中色课程的兄弟们学习。
这一篇开讲表格制作
在开讲高阶教程前,先温习下前两篇所讲的一些内容,熟练掌握前两篇内容已能很好地发贴了,而高阶是为了使你的帖子美观化及个性化。只有熟练掌握前两篇方能更好的学习高阶教程
温习一:颜色篇
这一段话的代码如下复制内容到剪贴板
代码:
[size=4][color=Red]这一段话的[color=Blue]代码[/color]如下[/color][/size]
我的操作方式是:1)选择颜色应用,点选红色。2)选择文字大小,点选4号大小。3)输入内容。4)高亮选择 代码 二字,再选颜色应用,点选蓝色。
温习二:认识篇
将一些常用代码列出来吧,论坛里面也有
Discuz!代码 效果复制内容到剪贴板代码:
[b]粗体文字 Abc[/b] 粗体文字 Abc
[i]斜体文字 Abc[/i] 斜体文字 Abc
[u]下划线文字 Abc[/u] 下划线文字 Abc
[color=red]红颜色[/color] 红颜色
[size=3]文字大小为 3[/size] 文字大小为 3
[font=仿宋]字体为仿宋[/font] 字体为仿宋
[align=Center]内容居中[/align] 内容居中
[url]http://www.comsenz.com[/url] http://www.comsenz.com(超级链接)
[url=http://www.Discuz.net]Discuz! 论坛[/url] Discuz! 论坛(超级链接)
[email][email protected][/email] [email protected](E-mail链接)
[[email protected]]Discuz! 技术支持[/email] Discuz! 技术支持(E-mail链接)
[quote]Discuz! Board 是由康盛创想(北京)科技有限公司开发的论坛软件[/quote]
QUOTE:
原帖由 admin 于 2006-12-26 08:45 发表
Discuz! Board 是由康盛创想(北京)科技有限公司开发的论坛软件
【code】Discuz! Board 是由康盛创想(北京)科技有限公司开发的论坛软件【/code】CODE:
Discuz! Board 是由康盛创想(北京)科技有限公司开发的论坛软件
[hide]隐藏内容 Abc[/hide] 效果:只有当浏览者回复本帖时,才显示其中的内容,否则显示为“**** 隐藏信息 跟帖后才能显示 *****”
[hide=20]隐藏内容 Abc[/hide] 效果:只有当浏览者积分高于 20 点时,才显示其中的内容,否则显示为“**** 隐藏信息 积分高于 20 点才能显示 ****”
[list][*]列表项 #1[*]列表项 #2[*]列表项 #3[/list] 列表项 #1
列表项 #2
列表项 #3
[fly]飞行的效果[/fly] 飞行的效果
[flash]Flash网页地址 [/flash] 帖子内嵌入 Flash 动画
[qq]123456789[/qq] 在帖子内显示 QQ 在线状态,点这个图标可以和他(她)聊天
[ra]ra网页地址[/ra] 帖子内嵌入 Real 音频
[rm]rm网页地址[/rm] 帖子内嵌入 Real 音频或视频
[wma]wma网页地址[/wma] 帖子内嵌入 Windows media 音频
[wmv]wmv网页地址[/wmv] 帖子内嵌入 Windows media 音频或视频
[img]http://www.discuz.net/images/default/logo.gif[/img] 帖子内显示为:
[img=88,31]http://www.discuz.net/images/logo.gif[/img]
以上摘自论坛,链接地址:faq.php?action=message&id=18
以下为上面未提到且本论坛可用的代码:复制内容到剪贴板
代码:
[ align=center]文字:在文字的位置可以任意加入您需要的字符,center位置center表示居中,left表示居左,right表示居右。 都以[/align]结束
[flv]后缀名为flv或swf的流媒体文件链接[/flv]
[mp3]mp3网页地址[/mp3] 帖子内嵌入 mp3 音频
[media=mov,400,300,]多媒体文件链接[/media]
[rm]RM格式多媒体文件链接[/rm]
[table]表格[/table]
[tr]表格中的一行[/tr]
[td]表格中的一列[/td]
OK 应当够全面够详细了吧!下面正式讲讲如何制作表格
TABLE的中文意思是“制表”
所以以【table】(实际操作时记得需将【】改为[]下同略)开始,即命令开始执行制作表格
以【/table】结尾,即命令表格制作完成
表格由经线与纬线组合而成,分为行与列
其中行的代码为【tr】开始命令 【/tr】结束命令 注意:一行不论有多少个格只要一组【tr】【/tr】命令
列的代码为【td】开始命令 【/td】结束命令 注意:一列只代表一个格,同一行中多个格则要多组【td】【/td】命令
例:
上面的代码如下:
复制内容到剪贴板
代码:
[table=98%]
[tr][td]
流
[/td][td]
氓
[/td][/tr][tr][td]
老
[/td][td]
四
[/td][/tr]
[/table]
老四已经特地将代码排列得非常清晰了,这样大家应当就看得比较清晰了吧。这是最基本的,“流氓老四”此四字未添加任何颜色、字体、大小、对齐方式等效果。
我们再试下下面的代码效果(见下表2)
[table=98%]
[tr][td]
[size=3][color=red]流[/color][/size]
[/td][td]
[size=4][color=red]氓[/color][/size]
[/td][/tr][tr][td]
[size=4][color=blue]老[/color][/size]
[/td][td]
[align=center][size=3][color=blue]四[/color][/size][/align]
[/td][/tr]
[/table]
例表2
相信大家有可能学过 所见即所得模式 下的制作表格,但那种制作表格虽然比较简单,但有太多效果使不出来,而且要学习还是懂得如何用代码制作会更加透彻。
上面两个表格是最基本的了,下面我们开始来玩下花招吧
花招一:设置表格大小为50%
花招一代码复制内容到剪贴板
代码:
[table=50%]
[tr][td] 流氓老四的花招一[/td][/tr]
[/table]
花招二 设置表格底色为红色
花招二代码复制内容到剪贴板
代码:
[table=30%,red]
[tr][td]流氓老四的花招二[/td][/tr]
[/table]
花招三 设置表格里面再套表格
花招三代码复制内容到剪贴板
代码:
[table=50%,red][tr][td]
[table=50%,pink]
[tr][td]流氓老四的花招三[/td][/tr][/table][/td][/tr][/table]
花招四 设置将下一行的两格合并为一格,注意td=2,1
花招四代码复制内容到剪贴板
代码:
[table=98%,#9ed048]
[tr][td]流氓老四[/td][td]是不是好人[/td][/tr]
[tr][td=2,1]必须是好人[/td][/tr]
[/table]
花招五 设置第一行与第二行的第一格合并,注意td=1,2
设置各行间底色变化,注意tr=不同的颜色代码注意 | 有用记得点红心 |
不要让老四鄙视你 |
你的支持是作者发贴的动力 |
花招五代码复制内容到剪贴板
代码:
[table=98%,red]
[tr=#bbcdc5][td=1,2][color=Red][size=5][b][align=center]注意[/align][/b][/size][/color][/td][td]有用记得点红心[/td][/tr]
[tr][td][align=left][color=Blue][size=4]不要让老四鄙视你[/size][/color][/align][/td][/tr][tr=green][td=2,1][size=6][b][align=center]你的支持是作者发贴的动力[/align][/b][/size][/td][/tr]
[/table]
花招六 设置插入图片流氓老四的个性签名与头像 |

| 
|
花招六代码复制内容到剪贴板
代码:
[table=98%,#9ed048]
[tr][td=2,1][color=Red][size=4][b][align=center]流氓老四的个性签名与头像[/align][/b][/size][/color][/td][/tr]
[tr][td][align=center][img]http://174.127.195.184/bbs/customavatars/2219257.gif[/img][/align][/td][td][align=center][img]http://i66.tinypic.com/2d1sf4l_th.jpg[/img][/align][/td][/tr]
[/table]
重要说明:
一,上面的花招六中的代码table=98%,#9ed048及td=2,1里的“,”符号为英文输入模式下的逗号“,”
二,表格最多可套四层,四层是指本论坛,有一些论坛可套五层。
【发贴全方位教程】低阶颜色篇:thread-7093592-1-1.html
【发贴全方位教程】中阶认识篇:thread-7093764-1-1.html
建议:
第一步请将上面的代码复制后,将内容更改为你需要的内容回复试下,看有没有出错。
第二步,请完成作业试试:要求制作一个2*2的表格,表格第一行的底色为红色,第二行的底色为蓝色。表格内容随意,可以是图片、文字皆可。有几种方式可以达到要求哦。看你能掌握到几种?
[
本帖最后由 天灰 于 2024-4-15 22:32 编辑 ]