加载中…
关于博客的绝对定位
(2006-05-06 19:07:13)| 分类： 时尚潮流类爱美心皆有之 |
日前我给大家介绍了一些特效文字的代码，有朋友就问我怎么样把那些特效文字放在题图背景(banner)上，要想把特效文字放在其上面上可以用下面这段定位代码：
<DIV style="RIGHT: 300px; POSITION: absolute; TOP: 100px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>特效文字代码</TD></TR></TBODY></TABLE></DIV>
把特效文字的代码替代“特效文字代码”这几个字，然后把代码添加到空白面板里就可以了。
这段代码的基本原理是设置一个表格，然后把特效文字代码放进去，再定位表格的位置而已。
定位坐标RIGHT: 300px和TOP: 100px分别表示距离屏幕右边缘和上边缘的的距离，其具体数值可根据实际需求而定。
依此类推，大家可以把其他其他东西的代码放进去替代“特效文字代码”这几个字，比如说涂鸦板，天气预报，新闻，播放器等等代码，这样就能把他们定位到主页上的任意位置。
再依此类推，我们还可以把它和之前我介绍的随屏滚动的代码，使其在拉动页面滚动条的时候能随着屏幕滚动：
<DIV style="BORDER-RIGHT: medium none;
BORDER-TOP: medium none; FILTER:
progid:DXImageTransform.Microsoftpadding:8px; ; LEFT:
expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-980);
BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION:
absolute; ; TOP:
expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-200);
TEXT-ALIGN: center">
<TABLE cellSpacing=0 cellPadding=0 align=center
border=0>
<TBODY>
<TR>
<TD>要定位的东西的代码</TD></TR></TBODY></TABLE></DIV>
关于定位坐标-980和-200的说明：
同理，你如果把透明FLASH的代码代进去，比如说我的博客上两只飞舞的蓝色蝴蝶的代码：
<EMBED style="LEFT: 0px; POSITION: absolute; TOP: -70px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=950 height=1500 type=application/x-shockwave-flash wmode="transparent" quality="high" ;>
这样就解决了透明FLASH只能在页面某一部分显示，等拉动滚动条后就看不见了的问题，使其能在页面漂浮。
喜欢
0
赠金笔