关于博客的绝对定位

来源:百度文库 编辑:神马文学网 时间:2024/04/27 20:23:31

关于博客的绝对定位

 

日前我给大家介绍了一些特效文字的代码,有朋友就问我怎么样把那些特效文字放在题图背景(banner)上,要想把特效文字放在其上面上可以用下面这段定位代码:

300px; POSITION: absolute; TOP: 100px">



特效文字代码

把特效文字的代码替代“特效文字代码”这几个字,然后把代码添加到空白面板里就可以了。
这段代码的基本原理是设置一个表格,然后把特效文字代码放进去,再定位表格的位置而已。
定位坐标RIGHT: 300pxTOP: 100px分别表示距离屏幕右边缘和上边缘的的距离,其具体数值可根据实际需求而定。

依此类推,大家可以把其他其他东西的代码放进去替代“特效文字代码”这几个字,比如说涂鸦板,天气预报,新闻,播放器等等代码,这样就能把他们定位到主页上的任意位置。

 

再依此类推,我们还可以把它和之前我介绍的随屏滚动的代码,使其在拉动页面滚动条的时候能随着屏幕滚动:

-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">



要定位的东西的代码

关于定位坐标-980-200的说明:

 1、clientWidth后面负数的绝对值越大越靠近左侧。2、clientHeight后面负数的绝对值越大越靠近上部。3、代码中的那个8px好像是坐标参数,保持默认即可,无需改动。 这样比如说你如果把涂鸦板的代码放进去,添加空白面板后,你的涂鸦板就能跟着屏幕滚动了。
同理,你如果把透明FLASH的代码代进去,比如说我的博客上两只飞舞的蓝色蝴蝶的代码:

这样就解决了透明FLASH只能在页面某一部分显示,等拉动滚动条后就看不见了的问题,使其能在页面漂浮。