发新话题
打印

[分享] [HTML教程]论坛全屏效果

[ 本帖最后由 zhyh 于 2007-1-28 20:49 编辑 ]

[HTML教程]论坛全屏效果

HTML做帖教程 〓〓:论坛全屏效果



Quote:


Quote:

论坛全屏效果。



说明:-------------在论坛做帖全屏很多人应用错误的表格代码来实现,我并不支持这种错误的代码,容易让人产生不好的习惯。其实应用定位的格式一样可以实现,而且效果也很好。



Quote:
第一种方法:

把下列代码加到第一层表格的代码中:
style="LEFT: -180px; WIDTH: 800px; POSITION: relative; TOP: 90px"

效果如下:
<TABLE id=table1 style="LEFT: -180px; WIDTH: 800px; POSITION: relative; TOP: 80px" cellSpacing=10 align=center background=http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg border=0><TR><TD>

这里插入帖子内容。

</td></tr></table>




Quote:
第二种方法:(这种适用与内嵌页面)

<DIV style="LEFT: -180px; WIDTH: 800px; POSITION: relative; TOP: 90px">在这里插入整个帖子内容</div>

(LEFT: -180px 左距,数值越大与左边距离越大。
WIDTH: 800px 帖子宽度,一般全屏都是800像素。
TOP: 90px" 上距 数值越大与IE上面的距离越大。
其中数值都可以自行修改。)




Quote:

附:超级连接设置。



Quote:
连接格式如下:

<A href="连接网页地址">连接说明文字</A>



Quote:
在新窗口中打开连接:

<A href="连接网页地址" target=_blank>连接说明文字</A>



Quote:
图片连接:

<A href="连接网页地址"><IMG height=92 src="图片URL地址" width=130 border=0></A>





TOP

发新话题