[HTML教程]论坛全屏效果
HTML做帖教程 〓〓：论坛全屏效果
[table=90%][tr][td]Quote:[/td][/tr][tr][td][table=98%,#dde3ec][tr][td]
[table=90%][tr][td]Quote:[/td][/tr][tr][td][table=98%,#dde3ec][tr][td][size=4][color=#ff3300][align=center]论坛全屏效果。 [/align][/color][/size]
[size=2]说明：-------------在论坛做帖全屏很多人应用错误的表格代码来实现，我并不支持这种错误的代码，容易让人产生不好的习惯。其实应用定位的格式一样可以实现，而且效果也很好。[/size][/td][/tr][/table][/td][/tr][/table]
[table=90%][tr][td]Quote:[/td][/tr][tr][td][table=98%,#dde3ec][tr][td][size=2][color=#ff3300]第一种方法：[/color][/size]
把下列代码加到第一层表格的代码中：
style="LEFT: -180px; WIDTH: 800px; POSITION: relative; TOP: 90px"
效果如下：
[size=2]<TABLE id=table1 [color=#ee113d]style="LEFT: -180px; WIDTH: 800px; POSITION: relative; TOP: 80px"[/color] cellSpacing=10 align=center background=http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg border=0><TR><TD>[/size]
[size=3]这里插入帖子内容。[/size]
[size=3]</td></tr></table>[/size]
[/td][/tr][/table][/td][/tr][/table]
[table=90%][tr][td]Quote:[/td][/tr][tr][td][table=98%,#dde3ec][tr][td][size=2][color=#ff3300]第二种方法：（这种适用与内嵌页面）[/color][/size]
<DIV style="LEFT: -180px; WIDTH: 800px; POSITION: relative; TOP: 90px">在这里插入整个帖子内容</div>
（LEFT: -180px 左距，数值越大与左边距离越大。
WIDTH: 800px 帖子宽度，一般全屏都是800像素。
TOP: 90px" 上距 数值越大与IE上面的距离越大。
其中数值都可以自行修改。）[/td][/tr][/table][/td][/tr][/table]
[/td][/tr][/table][/td][/tr][/table]
[table=90%][tr][td]Quote:[/td][/tr][tr][td][table=98%,#dde3ec][tr][td][size=4][color=#ff3300][align=center]附：超级连接设置。[/align][/color][/size]
[table=90%][tr][td]Quote:[/td][/tr][tr][td][table=98%,#dde3ec][tr][td][color=#ff3300]连接格式如下：[/color]
<A href="连接网页地址">连接说明文字</A>[/td][/tr][/table][/td][/tr][/table]
[table=90%][tr][td]Quote:[/td][/tr][tr][td][table=98%,#dde3ec][tr][td][color=#ff0000]在新窗口中打开连接：[/color]
<A href="连接网页地址" target=_blank>连接说明文字</A>[/td][/tr][/table][/td][/tr][/table]
[table=90%][tr][td]Quote:[/td][/tr][tr][td][table=98%,#dde3ec][tr][td][color=#ff3300]图片连接：[/color]
<A href="连接网页地址"><IMG height=92 src="图片URL地址" width=130 border=0></A> [/td][/tr][/table][/td][/tr][/table]
[/td][/tr][/table][/td][/tr][/table]