教大家如何做出漂亮的帖子。及代码的运用。_聊天交友&心情咖啡

_____待續╮

ZxID：9945071

等级: 上将

配偶: 從(_鈊ゞ開始

原ID：龙之丶吻

举报只看楼主使用道具楼主发表于: 2010-12-01 0

— 本帖被 Kiss丶浅唱执行关闭操作(2010-12-01) —

高手就不用看了，省下你的宝贵的时间去别的版面吧！对于一般的制贴而言，并不需要对HTML有很深的理解，只要知道它的一些基本属性也可以了，如果你要进一步的学习，网络中有很多的有关HTML学习的专业网站，可以找来学学。现在简单说一下如何用HTML（HTML代码不用区分大小写）（一）HTML的标签 table，tbody,tr,td 称为HTML的标签，以双标签的形式出现，所谓双标签，也就是有一个 <table>就有一个对应的</table>与之对应，同样适用于其他的双标签。一般标签都为双标签。标签最终所显示的网页效果由各个属性来表达，属性可选择使用，不一定全部都用。在整个图片或帖子里双标签以首尾呼应的方式出现。

<TABLE align=center background="背景图片地址" border=0 cellPadding=0 cellSpacing=0 borderColor=#0000ff width="100%"><TBODY><TR><TD> 这里是图片,文字或帖子内容.</TD></TR></TBODY></TABLE> <TABLE> 的常用参数设定： <table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF"> width="400" 表格宽度，接受绝对值(如width=80)及相对值(width=80%)。 border="1" 表格边框的厚度，不同浏览器有不同的内定值。 cellspacing="2" 表格格线的厚度 align="CENTER" 表格的摆放位置(水平)，可选值为： left(居左), right(居右), center(居中) valign="TOP". 表格内内容的对齐方式(垂直)，可选值为： top, middle, bottom。　　 background="myweb.gif" 表格的背景图片，与 bgcolor 不要同用。 bgcolor="#0000FF" 表格的背景颜色，与 background 不要同用 bordercolor="#CF0000" 表格边框颜色 bordercolorlight="#00FF00" 表格边框向光部分的颜色 bordercolordark="#00FFFF" 表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。 (二 )文字设制 1. 基本代码如下： <P align=center><FONT color=#0066ff face=隶书 size=5>插入文字 </FONT></P> align=center　表示字体居中，可选值为居右（right）居左（left） color=颜色代码　 face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等 size=字体大小，这里的最大值为7　取值越大文字就越大 2. 文字的移动基本代码如下： <marquee direction=left>欢迎你朋友</marquee> <marquee direction=right>欢迎你朋友</marquee> <marquee behavior=scroll>欢迎你朋友</marquee> <marquee behavior=slide>欢迎你朋友</marquee> <marquee behavior=alternate>欢迎你朋友</marquee> <marquee loop=3 width=454 behavior=alternate>欢迎你朋友</marquee> <marquee scrollamount=20>欢迎你朋友</marquee> <marquee scrolldelay=500 scrollamount=100>欢迎你朋友</marquee> <marquee direction=up scrollamount=3> <enter>欢迎你朋友</font> </marquee> <marquee direction=down scrollamount=3> <center><font color="008000" size="3" face="宋体">欢迎你朋友</font></marquee> 说明：left 向右移动 right 向左移动 scroll 一圈一圈绕着走 slide 只走一次 alternate 来回走 alternate 向右移动 scrollamount 移动速度 scrolldelay 停停走走 direction=up 向上 direction=down 向下。。。

好了，我们准备好素材：
１、边框素材
http://bbs.366tian.net/attachmen ... 86_vycdJZ1EtCeQ.jpg
http://bbs.366tian.net/attachmen ... 55_MGfLCG4KJFKj.jpg
http://bbs.366tian.net/attachmen ... 95_hSFxIhcb40Ik.gif
http://bbs.366tian.net/attachmen ... 27_ibe0gZpYLhQ9.jpg
２、图片素材
[im g] [im g ] [im g]http://bbs.366tian.net/attachments/day_051221/15_Y1lOfC5YjwGj.gif[/img][/img][/img]
[im g] [im g ] [ img ]http://bbs.366tian.net/attachments/day_051221/2_TmQdnRqkV1vs.jpg[/img][/img][/img]
[im g] [im g ] [i mg]http://bbs.366tian.net/attachments/day_051221/0_lzut56vfACXg.jpg[/img][/img][/img]
３、透明FLASH
http://imgfree.21cn.com/free/flash/4.swf
4 、分割线

[im g] [im g]http://bbs.366tian.net/attachments/day_050525/2005429221812196_KXrwEhtw7xWk.gif[/img] [/img]
[im g] [i mg]http://bbs.366tian.net/attachments/day_050525/2005429221826591_UTPQhOJUcRJn.gif[/img] [/img]
一个贴子的好坏，很大原因是边框，现在我们来做一个大边框
１、来做第１层

<TABLE cellSpacing=15 cellPadding=10 width=500 align=left background=http://bbs.366tian.net/attachments/day_051216/20041213143823986_vycdJZ1E tCeQ.jpg border=0> <TBODY> <TR> <TD width="100%"> <P align=center><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #f8f1c7; LINE-HEIGHT: 150%; FONT-FAMILY: 华文正楷">欢迎您来到猴岛论坛<BR>这里有您更精彩 </FONT></P><BR><BR><BR> </TD></TR></TBODY></TABLE>

２、第２层

<TABLE cellSpacing=15 cellPadding=10 width=500 align=left background=http://bbs.366tian.net/attachments/day_051216/20041213143823986_vycdJZ1E tCeQ.jpg border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=10 borderColorDark=#3f0101 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4K JFKj.jpg border=1> <TBODY> <TR> <TD width="100%"> <P align=center><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #f8f1c7; LINE-HEIGHT: 150%; FONT-FAMILY: 华文正楷">欢迎您来到猴岛论坛<BR>这里有您更精彩 </FONT></P><BR><BR><BR> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> <BR><BR><BR>

3、第3层
<TABLE cellSpacing=15 cellPadding=10 width=500 align=left background=http://bbs.366tian.net/attachments/day_051216/20041213143823986_vycdJZ1EtCeQ.jpg border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=10 borderColorDark=#3f0101 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=1> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1> <TBODY> <TR> <TD> <P align=center><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #f8f1c7; LINE-HEIGHT: 150%; FONT-FAMILY: 华文正楷">欢迎您的来到猴岛论坛<BR>这里有大家更精彩</FONT></P><BR><BR><BR> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> <BR><BR><BR>

4.第四层

<TABLE cellSpacing=15 cellPadding=10 width=500 align=left background=http://bbs.366tian.net/attachments/day_051216/20041213143823986_vycdJZ1EtCeQ.jpg border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=10 borderColorDark=#3f0101 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=1> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1> <TBODY> <TR> <TD> <P align=center><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #f8f1c7; LINE-HEIGHT: 150%; FONT-FAMILY: 华文正楷">欢迎您的来到猴岛论坛<BR>这里有大家更精彩</FONT></P><BR><BR><BR> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

5. 第五层

<TABLE cellSpacing=15 cellPadding=10 width=500 align=left background=http://bbs.366tian.net/attachments/day_051216/20041213143823986_vycdJZ1EtCeQ.jpg border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=10 borderColorDark=#3f0101 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=1> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=4 borderColorDark=#410b08 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=0> <TBODY> <TR> <TD width="100%"> <P align=center><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #f8f1c7; LINE-HEIGHT: 150%; FONT-FAMILY: 华文正楷">欢迎您的来到猴岛论坛<BR>这里有大家更精彩</FONT></P><BR><BR><BR> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

第六层
CODE:[Copy to clipboard]<TABLE cellSpacing=15 cellPadding=10 width=500 align=left background=http://bbs.366tian.net/attachments/day_051216/20041213143823986_vycdJZ1EtCeQ.jpg border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=10 borderColorDark=#3f0101 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=1> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=4 borderColorDark=#410b08 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=1> <TBODY> <TR> <TD width="100%"> <P align=center><FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #f8f1c7; LINE-HEIGHT: 150%; FONT-FAMILY: 华文正楷">欢迎您的来到猴岛论坛<BR>这里有大家更精彩</FONT></P><BR><BR><BR> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

(三)在图片中加入文字

<table height=337 cellpadding=0 cellspacing=0 border=0 WIDTH=550 align=center table background="[i mg]http://bbs.366tian.net/attachments/day_051221/15_Y1lOfC5YjwGj.gif[/img]" border=0><tr><td><p><marquee direction=up scrollamount=2 height=337> <center><font size=5><font color=white>猴岛论坛<BR><BR>欢迎朋友们的到来！<BR><BR>愿你们在这里玩得开心<br></marquee></p></font> </td></tr></table> <BR><BR><BR><BR>

一副图的边框

<TABLE cellSpacing=8 borderColorDark=#006400 cellPadding=0 borderColorLight=#ffffff background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=1> <TBODY> <TR> <TD align=center width="100%"> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1 <TBODY> <TR> <TD align=center width="100%"> <TABLE cellSpacing=2 borderColorDark=#006400 cellPadding=0 borderColorLight=#ffffff background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=1> <TBODY> <TR> <TD align=center width="100%"> <TABLE height=337 cellSpacing=0 borderColorDark=#7c5a36 cellPadding=0 width=550 bgColor=#d3b38d borderColorLight=#c7a781 background=http://bbs.366tian.net/attachments/day_051221/15_Y1lOfC5YjwGj.gif border=0> <TBODY> <TR> <TD> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE>

下面加入透明FLASH

<TABLE cellSpacing=8 borderColorDark=#006400 cellPadding=0 borderColorLight=#ffffff background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=1> <TBODY> <TR> <TD align=center width="100%"> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1 <TBODY> <TR> <TD align=center width="100%"> <TABLE cellSpacing=2 borderColorDark=#006400 cellPadding=0 borderColorLight=#ffffff background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=1> <TBODY> <TR> <TD align=center width="100%"> <TABLE height=337 cellSpacing=0 borderColorDark=#7c5a36 cellPadding=0 width=550 bgColor=#d3b38d borderColorLight=#c7a781 background=http://bbs.366tian.net/attachments/day_051221/15_Y1lOfC5YjwGj.gif border=0> <TBODY> <TR> <TD><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/4.swf width=550 height=337 type=application/x-shockwave-flash quality="high" wmode="transparent"> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE>

好了现在教大家怎么样加入音乐播放器

加入音乐
<EMBED SRC="[url]http://www.etaodu.com/ao/attachments/month_0506/gd6k_21_28915_182432.wma">[/url

常用属性
src="your.mid" 设定 midi 档案及路径，可以是相对或绝对。 autostart=true 是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。 loop="true" 是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。 HIDDEN="true" 是否完全隐藏控制画面，true 为是，no 为否 (内定)。 STARTTIME="分:秒" 设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。 VOLUME="0-100" 设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定 WIDTH="整数" 和 HIGH="整数" 设定控制面板的高度和宽度。(若 HIDDEN="no") ALIGN="center" 设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom CONTROLS="smallconsole" 设定控制面板的外观。预设值是 console。 console 一般正常面板　　 smallconsole 较小的面板　　 playbutton 只显示播放按钮　　 pausecutton 只显示暂停按钮　　 stopbutton 只显示停止按钮　　 volumelever 只显示音量调节按钮

贴音乐的完整语法如下:
一: 隐藏播放器
代码如下:

<EMBED src=http://www.etaodu.com/ao/attachments/month_0506/gd6k_21_28915_182432.wma type=audio/x-pn-realaudio-plugin mime-types="mime.types" Initfn="load-types" volume="100" autostart="true" loop="true" controls="ControlPanel">

二: 不隐藏播放器
代码如下:

<EMBED style="FILTER: xray()" src=http://test.1000kg.com/ff36/dljmsc/16.wma width=300 height=40 type=audio/mpeg volume="0" autostart="true" loop="-1">

好了几天就只能告诉大家这么点，请大家多多关注下一期的教程。

下一期我们将学习如何加入特效文字！

打赏收藏新鲜事

回复引用

鲜花[0]　

鸡蛋[0]

风若晨曦

ZxID：8842179

等级: 元老

一念轮回,君千殇

举报只看该作者 9楼发表于: 2010-12-01 0

路过看看

给我一个机会，我还你一个奇迹

回复引用

鲜花[0]　

鸡蛋[0]

、夏了夏天．

ZxID：13251959

等级: 贵宾

紫霞ID：78

举报只看该作者 8楼发表于: 2010-12-01 0

全部都是代码、、

回复引用

鲜花[0]　

鸡蛋[0]

〆　ˉ　壞壊

ZxID：9778602

等级: 大将

我爱你

举报只看该作者 7楼发表于: 2010-12-01 0

猴岛不知道HTML代码

没有人会记得我，潜水是我唯一的选择

回复引用

鲜花[0]　

鸡蛋[0]

搜狗搜出Ｌ你

ZxID：5757741

等级: 大元帅

举报只看该作者 6楼发表于: 2010-12-01 0

我不会用。求教

回复引用

鲜花[0]　

鸡蛋[0]

往事如此可笑

ZxID：1004959

等级: 上将

举报只看该作者 5楼发表于: 2010-12-01 0

很好、

回复引用

鲜花[0]　

鸡蛋[0]

美景良辰奈何天

ZxID：12989359

等级: 元老

举报只看该作者 4楼发表于: 2010-12-01 0

人才啊

点我加入记者团
加入记者团有以下优点：
1.有妹纸
2.有好看的勋章+++
3.有很多奖励：月优勋章+每月固定工资+奖励DB+交易币
4.可快速升职版主，找个喜欢的版块去做版主
奖励那么多还有海量妹纸，大家都已经加入了，你还在等什么，还不赶快加入记者团？

回复引用

鲜花[40]　

鸡蛋[3]

愛吃櫻桃的貓

ZxID：7004172