查看完整版本: 新春送大礼之:挂件代码+随屏漂浮代码

xpcjh 2007-2-2 23:02

新春送大礼之:挂件代码+随屏漂浮代码

07新春将至,许多朋友们照例都会美化装饰下自己的论坛,今天给大家分享个美化装饰论坛的绝佳代码“挂件代码”,希望朋友们喜欢!
[b][i]一.[size=3]添加挂件[/size][/i][/b]
[quote]·左边挂件:
[code]<DIV style="LEFT: 5px; POSITION: absolute; TOP: 200px" align=left><IMG src="挂件地址" align=left><DIV>[/code][/quote]

[quote]·右边挂件:
[code]<DIV style="LEFT: 900px; POSITION: absolute; TOP: 200px" align=right><IMG src="挂件地址" align=right></DIV>[/code][/quote]
[quote]其中LEFT: 为从左向右移的位置,即挂件距离屏幕左边缘的距离;TOP: 为从上向下移的位置,即挂件距离屏幕上边缘的距离!左右两边挂件都是以屏幕左边缘为基准的,其距离的具体数值可根据实际情况而定![/quote]

[b][i]二、[size=3]图片或者挂件随屏幕移动而始终悬浮的代码如下[/size]:[/i][/b]


[quote]·左边代码:
[code]<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>[/code][/quote]

[quote]·右边代码:
[code]<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>[/code][/quote]
[quote][color=Red]参数说明:
1、clientWidth后面负数的绝对值越大,图片越靠近左侧。
2、clientHeight后面负数的绝对值越大,图片越靠近上部。
3、“图片URL地址”处加入你想用到的图片或者挂件的URL地址即可。
4、如果不需要对图片或者挂件进行链接,只要把代码中的“<A href="对图片或者挂件进行链接的网址" target=_blank>”去掉就可以了;其用处就是比如链接的地址是你的论坛地址,那么一点那图片或者挂件就会进入你的论坛!
注意:前两个参数需要根据图片的实际情况来设定,代码中的那个8px好像是坐标参数,保持默认即可,无需改动。[/color][/quote]
[url=http://cui.qq.topzj.com/thread-377116-1-1.html][color=Red][size=6][b]附:挂件图[/b][/size][/color][/url]

[quote][table=50%][tr][td] [/size]
[size=6][b][color=blue]☞[/b][/size][url=http://cui.qq.topzj.com/thread-362873-1-1.html][color=Red][b][font=黑体]点这里查看我的部份精彩文章索引[/font][/b][/color][/url]
[/b][/color]
[/size][/td][/tr][/table][/quote]

[[i] 本帖最后由 xpcjh 于 2007-2-4 12:48 编辑 [/i]]

道缘菩提 2007-2-2 23:07

:handshake 谢谢

道缘菩提 2007-2-2 23:09

能不能弄个演示看看

xpcjh 2007-2-2 23:28

[quote]原帖由 [i]道缘菩提[/i] 于 2007-2-2 23:09 发表
能不能弄个演示看看 [/quote]
[url=http://cui.qq.topzj.com/thread-376959-1-1.html][color=Red][size=4]测试查看代码所显示的效果[/size][/color][/url]
记得代码礼要加上图链后再测试查看

xpcjh 2007-2-3 11:47

有人看,没人回,只好隐藏了。

飞天动漫 2007-2-3 11:51

要看看要看看.

燕之皎子 2007-2-3 16:06

天那,现在得人为什么要那么小气呀??还要弄回复????

魔神皇 2007-2-3 16:37

kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk

樱花罗曼史 2007-2-3 16:59

没办法,回复吧

LeiNin308 2007-2-3 18:32

再看一眼。。。

Helmut 2007-2-3 18:35

我回:lol

石一 2007-2-3 19:48

有这么好的代码一定要看看啊!

tl2012tl 2007-2-3 19:54

我看看那....

fjl123 2007-2-3 21:02

回复 #1 xpcjh 的帖子

看帖子要回帖~~~~~~~~~~~~~

lhf930612 2007-2-3 21:19

:lol :lol :lol

kycyq 2007-2-4 02:23

回复 #1 xpcjh 的帖子

55555555555555555555

mogona 2007-2-4 04:33

看看呵呵
:loveliness:

history131 2007-2-4 08:41

看看如何
...

history131 2007-2-4 08:42

这个代码放什么地方?

ws02248085 2007-2-4 09:49

呵呵,看看先...
页: [1] 2 3 4
查看完整版本: 新春送大礼之:挂件代码+随屏漂浮代码