博客学堂
首页>>博客代码>>新浪博客代码>> 新浪博客两侧挂件的代码

新浪博客两侧挂件的代码

来源:博客学堂  | 添加时间:2007-6-14 14:50:10 | 我要投稿 | 提问

新浪搜狐博客都可以添加挂件,但是代码可不一样的,哈哈!来学学新浪的吧!

静止的挂件代码:

<DIV id=moaz style="LEFT: 0px; POSITION: absolute; TOP: 120px"><A href= target=_blank><IMG src="左侧图片地址" border=0></IMG></A></DIV>

<DIV id=moaz style="RIGHT: 0px; POSITION: absolute; TOP: 120px"><A href= target=_blank><IMG src="右侧图片地址" border=0></IMG></A></DIV>

<DIV></DIV>

代码注释:

LEFT: 0px; 左右位置数值。

TOP: 120px 上下位置数值。

:可能图片大小不一样,所以添加后请在代码中改变左右数值,来固定图片位置。

随着滚动条移动的挂件代码:

<DIV id=moaz style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-160); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-470); TEXT-ALIGN: center"><IMG alt=博客学堂 src="左侧图片地址" border=0></IMG></DIV>

<DIV id=moaz style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-1050); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-470); TEXT-ALIGN: center"><IMG alt=博客学堂src="右侧图片地址" border=0></IMG></DIV>

<DIV></DIV>

代码注释:

(document.body.clientWidth)-160); 左侧挂件左右位置数值。

(document.body.clientHeight)-470);左侧挂件上下位置数值。

(document.body.clientWidth)-1050);右侧挂件左右位置数值。

(document.body.clientHeight)-470);右侧挂件上下位置数值。

:可能图片大小不一样,所以添加后请在代码中改变左右数值,来固定图片位置。

添加方法:

1、登陆新浪博客-管理博客-自定义设置-首页内容维护-自定义空白面板-进入编辑-最好选择以前你建立的面板-编辑-勾选显示源代码-粘贴已经替换好图片的代码-再次勾选显示源代码-保存。可能有的没有效果,很大可能是和你建立面板里的代码相冲突。建议你不妨返回首页看效果! 保证你喜欢的不得了,哈哈!

2、返回首页看效果如何,如果没有效果可能是代码之间相冲突,建议不要添加太多的特效代码,哈哈!  

别忘了把红色部分替换成你的挂件地址,需要挂件,对吧!来这里看看!可爱吊饰挂件-闪闪发亮

收藏和分享:
打印】【返回顶部】【关闭

我来说两句

用户名: 新注册) 密码: 匿名评论 [所有评论]
评论内容:不能超过250字,请留下您的联系方式,方便我们回复您的留言。

网站地图 - 关于我们 - 版权声明 - 广告服务 - 联系我们 - 诚聘英才 - 帮助中心
Copyright © 2007-2008 www.blog286.com all Right Reserved
博客学堂 版权所有