关于博客的绝对定位

来源:百度文库 编辑:神马文学网 时间:2024/04/26 14:04:36

关于博客的绝对定位

 

关于博客的绝对定位

怎么样把那些特效文字放在题图背景(banner)上,要想把特效文字放在其上面上可以用下面这段定位代码:





特效文字代码


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

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

前面比较靠前有篇文章我还给大家介绍过如何添加网络播放器(具体详见文章:http://blog.sina.com.cn/u/4723cdbf010002k3),但是很多播放器都是很长的,放在空白面板里只能显示一部分,有些按钮根本都看不见,除了加个滚动条的方法外就可以用此方法把他定位到面板外面来,比如可以定位在题图banner的上部等。

再依此类推,我们还可以把它和之前我介绍的随屏滚动的代码(具体详见文章http://blog.sina.com.cn/u/4723cdbf010002pp)结合起来,使其在拉动页面滚动条的时候能随着屏幕滚动:





要定位的东西的代码


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


1、clientWidth后面负数的绝对值越大越靠近左侧。
2、clientHeight后面负数的绝对值越大越靠近上部。
3、代码中的那个8px好像是坐标参数,保持默认即可,无需改动。

这样比如说你如果把涂鸦板的代码放进去,添加空白面板后,你的涂鸦板就能跟着屏幕滚动了。
同理,你如果把透明FLASH的代码代进去,比如说我的博客上两只飞舞的蓝色蝴蝶的代码:


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

                            以上来自“狼行天下”的博客