6月12日
标题
今天提供给大家一个组作业面定补签名图标的html语言,基本代码是:<DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 300px; WIDTH: 468px; TOP: 50px; BORDER-COLLAPSE: separate; HEIGHT: 17px">
...这里加入你的设计方案...
</DIV >
代码解释:
注意:此代码是针对整个显示界面的,因此虽然是在blog里制作完成,但是可以根据调整下列坐标数值来改变图片的位置,只要是你想得到的,通过数值的仔细调整,它可以出现在你想要的任何位置上。这就是它的好处喽,不仅解决了置顶的问题,简直是想置在哪里都可以呢!
LEFT: 280px 你要使用范围的左边距离.
TOP: 184px 你要使用范围的上部距离.
WIDTH: 299px 你要使用范围的宽度.
HEIGHT: 17px 你要使用范围的高度.
中间你的方案区域.可加入MSN Space允许的内容,如图片(包括计数器),文本等等...
以下就是本人做的示范,看看我的space页面顶端,就会发现这个很有情趣的小变化,真是可爱的东东啊!
欢迎来到我的space,希望大家玩的高兴呦!
此外,再提供给大家一些从“我爱我家”剽窃来的典型代码,希望能够有所帮助:
1.图片:
<DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 190px; WIDTH: 398px; TOP: 145px; BORDER-COLLAPSE: separate; HEIGHT: 135px">
<IMG height=135 src="http://img296.echo.cx/img296/6821/toptitle4hj.gif" width=398 border=0>
</DIV>
2.图片+点击图片时的链接:
<DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 530px; WIDTH: 50px; TOP: 232px; BORDER-COLLAPSE: separate; HEIGHT: 20px">
<A href="http://spaces.msn.com/members/shengzhu/Blog/cns!1poIcYGZjJzjy54OultlhXnA!252.entry" target=_blank>
<IMG height=20 alt=互做友情链接的朋友在这里留言. src="http://img297.echo.cx/img297/5396/button8rp.gif" width=50 border=0>
</A>
</DIV>
3.文字:
<DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 345px; WIDTH: 120px; TOP: 258px; BORDER-COLLAPSE: separate; HEIGHT: 16px">
<FONT style="FONT-SIZE: 9pt" face=Arial color=#808080>此处为文字区</FONT>
</DIV>
4.文字+点击文字时的链接:
<DIV class=LayoutIBeam style="TABLE-LAYOUT: auto; DISPLAY: block; LEFT: 492px; WIDTH: 110px; TOP: 258px; BORDER-COLLAPSE: separate; HEIGHT: 16px">
<A style="TEXT-DECORATION: none" href="http://spaces.msn.com/members/shengzhu-album/" target=_blank><
FONT style="FONT-SIZE: 9pt" face=Arial color=#000080>照片/音视频日志</FONT>
</A>
</DIV>
补充说明:
它的坐标是针对整个主页. 不管是图片,计数器,还是文字.要计算好你要显示位置的坐标(LEFT,TOP).
寻找每个图片/文字的坐标是很麻烦/很费事的.放一个要经过很多次测试...
注意:不管是图片还是文字.如果有重叠的,后放的将覆盖前面放的.
本案漏洞说明:
A.中文简体空间上部没有广告.其他语言界面都有广告.
用此方案时,中文简体和其他语言界面的相对坐标有所不同.会导致错位现象.
在设计时要考虑一下此现象.
B.还有(ZealousLynx)提示一个更大缺陷.
用固定链接打开附有此段代码的日志时,
此组置顶图片/计数器会显示在单篇日志的显示窗的图片绝对位置上.
(会很滑稽的... 不过这种情况出现概率很小.除非此日志做了链接)
C.此方法还没有实现完全置顶的目的.
附有此组代码的日志如果被挤到主页显示日志个数之外.
就不会显示,这时还需要复制此组代码到主页的日志里.
不过减少了每次置顶的麻烦.
看看这个东西的寿命会多长呢...?!