http://blog.sina.com.cn/miniyingying[订阅]
字体大小: 正文
教你制作博客挂件(2006-11-20 13:30:10)
  今天再告诉大家一个美化博客空间的代码,就是在博客主页两边加上会动的挂件,点这里看效果。怎么样,不错吧,下面告诉你制作方法。
 
方法如下:打开控制面板——打开一个已用过的面板(最好不要新增一个空白面板)——勾选显示源代码——把以下代码其中一个加入
 
代码一:
静止左对联代码:
<DIV id=moaz style="LEFT: 10px; POSITION: absolute; TOP: 50px"><IMG src="图片网址" border=0 alt=左对联></DIV>  
 
静止右对联代码:
<DIV id=moaz style="RIGHT: 10px; POSITION: absolute; TOP: 50px"><IMG src="图片网址" border=0 alt=右对联></DIV>

代码二
滚动左对联代码:
<DIV id=moaz style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-100); 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 src="图片地址" border=0 alt=左对联></DIV>
 
滚动右对联代码:
<DIV id=moaz style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-970); 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 src="图片地址" border=0 alt=右对联></DIV>
 
代码说明:这是两段不同的代码,记住左右代码一定要都加,把你喜欢的代码选择其中之一加入面板里,把你喜欢的挂件地址添加在代码的文字部分,最后按保存即可。
另外,如果你想使你德挂件左右对称的话,可以在<IMG后加入style="FILTER: FlipH"这段代码,记住两个左右代码不要都加。例如你看见你喜欢的挂件图片如果是偏向左边的,那么右代码就无需改动,而在左代码前加入此代码即可。相反,如果图片是偏向右边的,左代码无需改动,而在右代码前加入此代码,这样可使你的挂件更加美观。
 
EG:给大家做个示范:<DIV id=moaz style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-970); 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 style="FILTER: FlipH"src="图片地址" border=0 alt=右对联></DIV>
记住<IMG与style="FILTER: FlipH"一定要保持一个空格的距离
 
选中的挂件,点鼠标右键,url地址后面的地址复制,然后粘贴代码红色文字部分即可。
 
下面提供给大家一些代码素材:
 
 
 
  • 评论加载中,请稍候...
发评论    明星私家相册

验证码:看不清楚数字吗?点击这里再试试。收听验证码

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

相关博文
读取中...
推荐博文
读取中...