论坛风格切换切换到宽版
  • 10293阅读
  • 21回复

教你做美贴 [复制链接]

上一主题 下一主题
离线秋之韵
 
只看楼主 倒序阅读 0 发表于: 2005-09-14
— 本帖被 apricot暖 执行置顶操作(2009-05-03) —

做贴其时并不难学!也不用每个代码都必需会写。只要知道大概意思即可。新手学贴可复制下面现成的代码,然后再更改图片地址即可。试试看,你也可以的!用HTML代码做贴先得把:查看HTML源代码之前的小方块打勾。下面是例子:


1、一层背景一张图片代码:


<center><table background=背景图片网址,图片格式为gif,jpg,jpeg,png等格式 cellpadding= cellspacing=不同背景之间的表格线距离数值 bgcolor=RGB颜色代码,表示背景颜色,如果有背景图片可有可无; border=数值,表示背景厚度。><tr><td>


这里是内容(文字或图片)


</td></table></center>


小知识:


table,tr,td 称为HTML的标签,以双标签的形式出现,所谓双标签,也就是有一个<table>就有一个对应的</table>与之对应,同样适用于其他的双标签。


一般标签都为双标签。


标签最终所显示的网页效果由各个属性来表达,属性可选择使用,不一定全部都用。


在整个帖子里双标签以首尾呼应的方式出现。


在它后面的background,cellpadding,cellspacing,bgcolor,border,都是用来修饰它的属性,属性在“=”后面给出,属性还有width,height等。


center表示表格居中,同类属性还有right,left;


background=背景图片地址,图片格式为gif,jpg,jpeg,png等格式;


cellspacing=数值或百分比,数值表示的是以象素为单位,百分比是相对于屏幕而言,表示格线与内容之间的距离;


cellspacing=数值或百分比,同上,表示格线与格线之间的距离;


bgcolor=RGB颜色代码,表示背景颜色,如果有背景图片可有可无;


border=数值,表示背景厚度。


 


实例代码:


<CENTER>
<TABLE cellSpacing=0 background=http://www.mypcera.com/photo/b3/04/b.jpg border=10>
<TBODY>
<TR>
<TD><IMG height=360 src="http://www.mypcera.com/photo/71/01/03.jpg" width=480 border=0></TD></TR></TBODY></TABLE></CENTER>
效果如下:














 



贴图片代码:


注:img为单标签。width= height= 可有可无,一般只在图片较大的情况下才有必要使用,因为图片在没有指明宽度和高度的情况下以原尺寸显示。


width=以象素为单位的数值,height=以象素为单位的数值,前者表示图片的宽度,后者表示图片的高度。调整图片大小时一般维持原比例为好。


如何查看图片的大小和地址呢?点右键,查看属性:)


 


2、二层背景一张图片。


<center><table border= background=><tr><td><center><table border= cellspacing= background=><tr><td><img border= src= width= height=></td></table></td></table></center>


实例代码:


<TABLE borderColor=#de97e8 cellSpacing=10 background=http://www.mypcera.com/photo/b3/08/02.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<TABLE cellSpacing=10 background=http://www.mypcera.com/photo/58/02/04.jpg border=0>
<TBODY>
<TR>
<TD><IMG height=360 src="http://www.mypcera.com/photo/61/01/07.jpg" width=480 border=0></TD></TR></TBODY></TABLE></CENTER>
<P align=center><FONT color=#0000ff>加入文字等</FONT></P></TD></TR></TBODY></TABLE>效果














加入文字等


 



知识:


body表示HTML主体部分,双标签。属性:background,bgcolor,width等等,在网页里一般都用,如果直接用HTML语言发帖,帖子里可有可无。body可以用来做一些网页特效的修饰作用。一般不提倡加密和禁点。


font用来修饰文字,双标签,属性:size,color,face等等。


size修饰字体大小,face修饰字体类型。


关于br和p标签:br表示换行,p表示分段。


至此,你就可以作出简单的网页了,没有音乐?对了,给你贴播放器的代码:


<embed src="音乐地址" hidden=true controls=ControlPanel loop=true autostart=true volume=100 type=audio/x-pn-realaudio-plugin Initfn=load-types mime-types=mime.types></embed>



hidden=true表示隐藏播放器,loop=ture表示无休止循环,这里的ture也可用数字表示,标志循环的次数,autostart=ture表示自动播放


现提供几个已经做好的代码及贴子你只要加入内容就可


代码:


<TABLE cellSpacing=25 cellPadding=0 width="100%" bgColor=#000b0d background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620829479.gif border=0 link="#20CAC1" vlink="#20CAC1" alink="#20CAC1">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 borderColorDark=#051414 cellPadding=0 width="100%" align=center borderColorLight=#297e7c background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620850816.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620815881.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=3 borderColorDark=#051414 cellPadding=0 width="100%" align=center borderColorLight=#297e7c background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620850816.jpgborder=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620829479.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=5 borderColorDark=#051414 cellPadding=0 width="100%" align=center borderColorLight=#297e7c background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620850816.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://yuandi.com/wysc/renwu/10/onmykneesmetstrip.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620758258.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center><BR><BR><FONT size=6><FONT color=#00ffff>加入内容<BR></FONT><BR></FONT><BR><BR></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV>


效果:





































加入内容






给思想一片飞翔的天空,
给朋友一块成长的沃土,
水煮《友情》。他是什么滋味?
愿《友谊》。的味道越来越浓。
麻辣汤,色香味俱全。
只看该作者 1 发表于: 2005-09-14
谁想学啊,有教程了.
离线雪儿
只看该作者 2 发表于: 2005-09-14
我想学,,不过今天没时间了,,有空再来学,,谢谢楼主~~~~~
喜欢漫天飘舞的雪花
离线拈花微笑
只看该作者 3 发表于: 2005-09-14
好东东,挂起来,过几天来这里拜师学艺!
离线紫叶叶
只看该作者 4 发表于: 2005-09-15
我想学。有没有老师面授啊。[em03][em03]
我想当一棵树。
离线飞舞彩云
只看该作者 5 发表于: 2005-09-15
谢谢秋大侠,辛苦了
离线竹林听雪
只看该作者 6 发表于: 2005-09-16


































谢谢秋之韵




离线竹林听雪
只看该作者 7 发表于: 2005-09-16
我不想用别人的代码,只想自己做,不知什么软件好用。
离线蓝心雨
只看该作者 8 发表于: 2005-09-16
看了,等下好好学学!
离线竹林听雪
只看该作者 9 发表于: 2005-09-16


我要象你学习

离线蓝雪儿
只看该作者 10 发表于: 2005-09-25
呜……我看不懂,我一看这乱七八糟的数字和英文就头痛,可是我好想好想学呀,呜
离线蓝雪儿
只看该作者 11 发表于: 2005-09-29

现提供几个已经做好的代码及贴子你只要加入内容就可


代码:


<TABLE cellSpacing=25 cellPadding=0 width="100%" bgColor=#000b0d background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620829479.gif border=0 link="#20CAC1" vlink="#20CAC1" alink="#20CAC1">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 borderColorDark=#051414 cellPadding=0 width="100%" align=center borderColorLight=#297e7c background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620850816.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620815881.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=3 borderColorDark=#051414 cellPadding=0 width="100%" align=center borderColorLight=#297e7c background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620850816.jpgborder=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620829479.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=5 borderColorDark=#051414 cellPadding=0 width="100%" align=center borderColorLight=#297e7c background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620850816.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://yuandi.com/wysc/renwu/10/onmykneesmetstrip.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620758258.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center><BR><BR><FONT size=6><FONT color=#00ffff>加入内容<BR></FONT><BR></FONT><BR><BR></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV>



这么一大串英文和数字看得我头好晕呀,里面有几张图呀,这代码要贴又怎么贴,若是直接有图我就偷走了,可不用这么头痛!

[em07][em07][em07][em07]
离线乔峰4909
只看该作者 12 发表于: 2005-09-29
<TD width="100%">
<P align=center><BR><BR><FONT size=6><FONT color=#00ffff>
我要学,谢谢了!<BR></FONT><BR></FONT><BR><BR></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV>

删除昨天的烦恼,确定今天的快乐,设置明天的幸福,
存储永远的爱心,取消世间的仇恨,粘贴美丽的心情,
复制醉人的风景,打印甜蜜的笑容,收藏真心的祝福。
离线bbww2000
只看该作者 13 发表于: 2005-09-29
HOHO。。。复制到FrontPage的代码里一看就有效果了。
剑已断,锋芒愈烈。。。
离线蓝雪儿
只看该作者 14 发表于: 2005-10-21

http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf


这透明FLASH要置顶,那到底放哪儿好?能举个例子吗?谢谢!这招我还是学不会。

[em03][em03]
离线蓝雪儿
只看该作者 15 发表于: 2005-10-21

<embed src="音乐地址" hidden=true controls=ControlPanel loop=true autostart=true volume=100 type=audio/x-pn-realaudio-plugin Initfn=load-types mime-types=mime.types></embed>


若图片要贴音乐,这些代码又放在哪些代码后好呢?

只看该作者 16 发表于: 2005-11-14
<P align=center><BR><BR><FONT size=6><FONT color=#00ffff>红叶论坛我爱你<BR></FONT><BR></FONT><BR><BR></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV>
这恒古的忧伤/

谁传承/

沉寂中/ 飘来/

一串串/ 泣血的驼铃/

悠悠荡荡/ 荡荡悠悠/

由远而近/ 由近而远/

只看该作者 17 发表于: 2005-11-14
没有啊[em06]
这恒古的忧伤/

谁传承/

沉寂中/ 飘来/

一串串/ 泣血的驼铃/

悠悠荡荡/ 荡荡悠悠/

由远而近/ 由近而远/

只看该作者 18 发表于: 2005-11-14

<TABLE cellSpacing=25 cellPadding=0 width="100%" bgColor=#000b0d background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620829479.gif border=0 link="#20CAC1" vlink="#20CAC1" alink="#20CAC1">
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=3 borderColorDark=#051414 cellPadding=0 width="100%" align=center borderColorLight=#297e7c background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620850816.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=15 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620815881.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=3 borderColorDark=#051414 cellPadding=0 width="100%" align=center borderColorLight=#297e7c background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620850816.jpgborder=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620829479.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=5 borderColorDark=#051414 cellPadding=0 width="100%" align=center borderColorLight=#297e7c background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620850816.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://yuandi.com/wysc/renwu/10/onmykneesmetstrip.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center background=http://xz1.2000y.net/348114/../../admin/uploadpic/200412620758258.gif border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center><BR><BR><FONT size=6><FONT color=#00ffff>红叶论坛我爱你<BR></FONT><BR></FONT><BR><BR></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV>



这恒古的忧伤/

谁传承/

沉寂中/ 飘来/

一串串/ 泣血的驼铃/

悠悠荡荡/ 荡荡悠悠/

由远而近/ 由近而远/

只看该作者 19 发表于: 2005-11-14

<TABLE borderColor=#de97e8 cellSpacing=10 background=http://www.mypcera.com/photo/b3/08/02.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<TABLE cellSpacing=10 background=http://www.mypcera.com/photo/58/02/04.jpg border=0>
<TBODY>
<TR>
<TD><IMG height=360 src="http://www.mypcera.com/photo/61/01/07.jpg" width=480 border=0></TD></TR></TBODY></TABLE></CENTER>
<P align=center><FONT color=#0000ff>加入文字等</FONT></P></TD></TR></TBODY></TABLE>效果

这恒古的忧伤/

谁传承/

沉寂中/ 飘来/

一串串/ 泣血的驼铃/

悠悠荡荡/ 荡荡悠悠/

由远而近/ 由近而远/

快速回复
限100 字节
 
上一个 下一个