RSS
热门关键字:

如何在页面两侧添加浮动对联

来源: 作者: 时间:2006-10-22 Tag: 点击:

  如何在博客页面两侧添加漂亮的对联挂件来装饰你的博客,跟我来!

  第一步、登录新浪博客,输入“登录名”“密码”和“验证码”后点击“登录”。


登录新浪博客

  第二步、点击进入主页上方的“控制面板”。


进入“控制面板”

  第三步、进入“个人首页维护”。


进入“个人首页维护”

  第四步、进入“自定义空白模板”。


进入“自定义空白模板”

  第五步、点击“新增”新增一个空白面板。


新增一个空白面板

  第六步、在“面板标题”写好面板的名称,勾选面板下方的“显示源代码”勾选框,此处注意一定要勾选,否则将不能成功。 将以下代码贴入文本框中,点击“保存”。

  左侧对联代码:

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-970); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片网址" border=0></DIV>
 
  右侧对联代码:

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片网址" border=0></DIV>
 
  代码说明:
 
  1、clientWidth后面负数的绝对值越大,图片越靠近左侧;
  2、clientHeight后面负数的绝对值越大,图片越靠近上部;
  3、“图片URL地址”处加入你想用到的图片的URL地址即可,建议使用BLOG内部的图片;
  注意:前两个参数需要根据图片的实际情况来设定,代码中的8px保持默认即可,无需改动;
  4、为了显示正常,请将电脑显示器分辨率设置为1024×768。
 
  现以添加左对联为例


贴入代码,点击“保存”


系统提示添加成功,点击“确认”

第七步、点击“控制面板”左侧“BLOG信息设置”中的“定制我的首页”。


点击“定制我的首页

  第八步、点击“添加模块”。


点击“添加模块”

  第九步、勾选刚刚建立好的“对联”面板,点击下方的“选取”。


选取“对联”面板

  第十步、刚刚建好的显示对联面板出现,点击“保存设置”。


对联添加完成


最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册