看到别人的贴的华丽的背景,你是不是很羡慕呢,其实这就需要用到html代码来做帖
只要你了解一些代码的应用,相信你也会贴出漂亮的帖子。 :)
那么下面我们先来了解一下代码的含义:
要想成功地把帖子做出来,首先要注意的是:必须切换到html状态下进行进行编辑。
注解:
一、背景
(一般一个帖子都是由这些代码组成的:(一张图片、一个背景)
(背景图片的选择按照帖子内容要求选择,复杂的前景图片最好用纯色、简捷的背景图片)
我们下面就以这张背景为例:
单层纯色无背景图加前景图片:
实例代码:
<TABLE borderColor=#8a7110 height=300 width=220 align=center bgColor=#000000
border=2>
<TBODY>
<TR>
<TD>
<P><FONT face=宋体 color=blue><FONT face=Verdana
color=#eeeeee>有时候爱是粉红的羽毛<BR>谁捧着都有微笑的眼角<BR>才看他在手心沉沉的睡着<BR>一起风<BR>又醒了<BR>那么轻飘飘的走掉</FONT></FONT><IMG
src="

"></P></TD></TR>
<TR align=middle>
<TD><FONT color=#eeeeee>我是轻盈的羽毛,带给人幸福的青鸟!</FONT></TD></TR></TBODY></TABLE>
<P> </P>
一层背景加一张图片:
实例代码:
<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=300 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng4.jpg border=2>
<TBODY>
<TR>
<TD>
<P align=center><IMG src="

"
border=0></P></TD></TR></TBODY></TABLE>
当然,可以做一层,就可以做多层。
做多层背景的要领是:有多少个开头,就要对应多少个结束语。否则会显示不正常。
例如:三层背景,一张图片:
实例代码:
<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=330 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng4.jpg border=2>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=315 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng5.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=300 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng4.jpg border=1>
<TBODY>
<TR>
<TD><IMG
src="

"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
择不同的一层与二层图片,就可以看到不同的效果。
那么呢,我们简单的贴图就是这样,下面我们把他加入到多层背景中去,并加上文字:
实例代码:
<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=330 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng5.jpg border=2>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=315 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng4.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=300 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng5.jpg border=1>
<TBODY>
<TR>
<TD>
<P><FONT face=宋体 color=blue><FONT face=Verdana
color=#eeeeee>有时候爱是粉红的羽毛<BR>谁捧着都有微笑的眼角<BR>才看他在手心沉沉的睡着<BR>一起风<BR>又醒了<BR>那么轻飘飘的走掉</FONT></FONT>
<P align=center><IMG
src="

"></P></TD></TR>
<TR align=middle>
<TD><FONT
color=#eeeeee>我是轻盈的羽毛,带给人幸福的青鸟!</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></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" cols="2">
其中:
width="400"
表格宽度,接受绝对值(如 80)及相对值(如 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 将会失效。
cols="2"
表格栏位数目,只是让浏览器在论坛下载表格时先画出整个表格而已。