应大家的要求，我就把上面的联系方式框做一个教程放上来

其实这个框是我结合Dreamweaver琢磨出来的，主要是“层”，“层”顾名思义就是一个在网页上面的的单独一个可以自由活动的层面。

它的位置主要是由“<DIV class=LayoutIBeam style="DISPLAY: block; LEFT: 300px; WIDTH: 468px; TOP: 50px; HEIGHT: 60px;……”中的LEFT，WIDTH，TOP，HIGHT来决定的，因为各人的空间的版式不同，在这里的数值也不同，比如我的名字下的个人说明“黑色,它不代表品位,它代表永恒......”的最后一个标点到“预览我的共享空间”的“预”字中间的空间刚好可以放进我的联系方式框，有的人的个人说明如果写的很长的话，图片就要重新考虑大小或者把个人说明改一下。

再说图片：
大家应该知道，如果想让自己的图片在spaces中正常比例显示，就要把图片先存在网上，比如论坛中，在从网上copy下来，我做的这个图是由5个图组成的

1:
2:
3:
4:
5:
因为要实现图2、3、4的连接功能所以我将图截开。

前两天，可能有人看到我的“郁闷”那篇日志，因为图总是显示不了，今天研究后发现，是图的连接的问题，我把图存在TOM的相册里，当我把图从那里面取出来的时候，URL的后缀不是jpg,当时有点奇怪，但是也没有在意，结果那天实验了若干遍，最终以失败告终，今天我把图存在了我的校友录里（我说做图需要，暂存几张图片，也不知道老班长会不会给我删了），然后再取出来，嘿嘿，成功了！！！

好了废话不多说了，我把代码公布一下吧：

<DIV class=LayoutIBeam style="DISPLAY: block; LEFT: 300px; WIDTH: 468px; TOP: 50px; HEIGHT: 60px;BORDER-COLLAPSE: separate;TABLE-LAYOUT: auto;"><IMG height=60 src="图片地址" width=468 border=0><a href="连接地址"></a> </DIV>

红色部分可以更改，根据每个人的版式不同，多调试几次就可以了，<a href="连接地址">，这里的“连接地址”指的是点击可以实现的地址，比如你想点击进入yahoo，那你就在“连接地址”中输入yahoo的网址。