装饰博客的技巧及代码2

[博客代码]屏幕挂件代码，小挂件很好用的

·左边挂件：

 

 

<DIV style="LEFT: 5px; POSITION: absolute; TOP: 200px" align=left><IMG src="挂件地址" align=left><DIV>

 

 

 

 

·右边挂件：

 

 

<DIV style="LEFT: 900px; POSITION: absolute; TOP: 200px" align=right><IMG src="挂件地址" align=right></DIV>

 

 

 

 

其中LEFT: 为从左向右移的位置，即挂件距离屏幕左边缘的距离；TOP: 为从上向下移的位置，即挂件距离屏幕上边缘的距离！左右两边挂件都是以屏幕左边缘为基准的，其距离的具体数值可根据实际情况而定！

 

 

 

 

要找挂件只需去蚊子的图片素材库里找，内有上百种精美挂件！

 

 

 

 

点此进如：http://blog.sina.com.cn/u/1212539230#sort_2

 

 

 

 

二、图片或者挂件随屏幕移动而始终悬浮的代码如下： （推荐，可以得到类似QQ空间的花边效果，可以参考我的空间http://4516liweiren./index.shtml）

 

 

 

 

·左边代码：

 

 

<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)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200); TEXT-ALIGN: center"><A href="对图片或者挂件进行链接的网址" target=_blank><IMG src="图片或者挂件的URL地址" border=0></A></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)-200); TEXT-ALIGN: center"><A href="对图片或者挂件进行链接的网址" target=_blank><IMG src="图片或者挂件的URL地址" border=0></A></DIV>

 

 

 

 

参数说明：

 

 

1、clientWidth后面负数的绝对值越大，图片越靠近左侧。

 

 

2、clientHeight后面负数的绝对值越大，图片越靠近上部。

 

 

3、“图片URL地址”处加入你想用到的图片或者挂件的URL地址即可。

 

 

4、如果不需要对图片或者挂件进行链接，只要把代码中的“<A href="对图片或者挂件进行链接的网址" target=_blank>”去掉就可以了；其用处就是比如链接的地址是你的博客地址，那么一点那图片或者挂件就会进入你的博客！

图片滚动代码

图片上下方向滚动:

 

 

<CENTER> <MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=170 height=250> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV> <DIV align=center><IMG src="图片网址" width=300 border=0></DIV></MARQUEE></CENTER>

图片左右方向滚动(和第一个代码基本一样,你可以选择使用)

 

 

<CENTER> <MARQUEE scrollAmount=2 scrollDelay=2 direction=right width=180 height=250><IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <IMG src="图片网址" width=180 border=0> <DIV></DIV></MARQUEE></CENTER>

1，<CENTER></CENTER>前后代码代表居中的意思，可以居中滚动

 

 

2，scrollAmount=1 scrollDelay=1可以设置数值，也就是滚动速度，数值越大滚动越快。

 

 

3，direction是方向，up=上，down=下，left=左，right=右，都可以自定义，愿意怎么滚动就怎么滚动。

 

 

4，width 宽度，height 高度

[博客代码]制作漂亮的个性公告栏

 

1、首先点击控制面板－个人首页维护－自定义公告栏－新增一个公告栏

 

 

2、在“显示源代码”处勾选，然后将以下代码粘贴

 

 

<CENTER>
<TABLE width=190 border=0>
<TBODY>
<TR>
<TD background="/blog/http://bbs./UploadFile/2006-5/2006541630737427.gif height=240>
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT: 145px">
<P align=center>
<MARQUEE scrollAmount=1 scrollDelay=60 direction=up height=60><FONT color=#ff0000 size=3>由于时间有限<BR>所有问题均在<BR>留言板中回答大家<BR>请大家留言后<BR>到留言板查询<BR>见谅<BR></FONT></MARQUEE></P>
</DIV></DIV></TD></TR></TBODY></TABLE></CENTER>

 

 

                            点击保存

 

 

 

 

             返回在公告栏处就能看到新设置的效果了

 

 

 

 

1、代码中红色的部分就是背景图片的链接地址，大家可以任意更换喜欢的图片

 

 

 

 

2、代码中黄色的部分是使用的图片的高和宽，一定要设置成和图片一致，否则图片不能完整显示

 

 

 

 

3、代码中蓝色的部分是滚动文字的设置代码，direction=up向上down向下righ向右tleft向左

 

 

 

 

4、粉色的代码部分是文字从公告栏空白处出来时的高度，可以直接进行高度的
整。