设为首页收藏本站

开启辅助访问切换到宽版

新萤火虫论坛»广场 › 精彩贴图 › 〖图文音画〗 › 〖美图学堂〗 › [07/01][傻兔教室] 跳出框框, 放飛你的文字圖片

发新帖

查看: 1694|回复: 8

[07/01][傻兔教室] 跳出框框, 放飛你的文字圖片

发表于 2006-7-1 10:48:49 | 显示全部楼层 |阅读模式

自由圖代碼 :

<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 與版面左距離px; WIDTH: 2px; POSITION: absolute; TOP: 與版面頂距離px; HEIGHT: 53px"><img src="圖片地址"></DIV>

除了圖片, 此方法也可用于文字上

<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 450px; WIDTH: 500px; POSITION: absolute; TOP: 1500px; HEIGHT: 300px"><MARQUEE scrollAmount=3 direction=right><FONT size=6 color=green>I love You</FONT></MARQUEE></DIV>

放飛的蝴蝶

<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 350px; WIDTH: 500px; POSITION: absolute; TOP: 500px; HEIGHT: 400px"> <MARQUEE scrollAmount=5 direction=left behavior=alternate> <MARQUEE direction=up behavior=alternate width=500 height=400><IMG src=http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/03/a19.gif border=0> </MARQUEE></MARQUEE> </DIV>

玫瑰心型圖, 代碼如下:

<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 629px; WIDTH: 2px; POSITION: absolute; TOP: 216px; HEIGHT: 53px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 549px; WIDTH: 43px; POSITION: absolute; TOP: 181px; HEIGHT: 63px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 823px; WIDTH: 2px; POSITION: absolute; TOP: 318px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 503px; WIDTH: 2px; POSITION: absolute; TOP: 185px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 465px; WIDTH: 2px; POSITION: absolute; TOP: 214px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 440px; WIDTH: 2px; POSITION: absolute; TOP: 267px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 434px; WIDTH: 2px; POSITION: absolute; TOP: 318px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 687px; WIDTH: 2px; POSITION: absolute; TOP: 500px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer5 style="Z-INDEX: 2; LEFT: 792px; WIDTH: 2px; POSITION: absolute; TOP: 214px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 711px; WIDTH: 2px; POSITION: absolute; TOP: 181px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 592px; WIDTH: 2px; POSITION: absolute; TOP: 192px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 476px; WIDTH: 2px; POSITION: absolute; TOP: 425px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 806px; WIDTH: 2px; POSITION: absolute; TOP: 371px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 731px; WIDTH: 2px; POSITION: absolute; TOP: 467px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 629px; WIDTH: 2px; POSITION: absolute; TOP: 524px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 526px; WIDTH: 2px; POSITION: absolute; TOP: 467px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 451px; WIDTH: 2px; POSITION: absolute; TOP: 371px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 571px; WIDTH: 2px; POSITION: absolute; TOP: 500px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 781px; WIDTH: 49px; POSITION: absolute; TOP: 425px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 816px; WIDTH: 2px; POSITION: absolute; TOP: 267px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 754px; WIDTH: 2px; POSITION: absolute; TOP: 186px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV> <DIV id=Layer2 style="Z-INDEX: 2; LEFT: 666px; WIDTH: 2px; POSITION: absolute; TOP: 192px; HEIGHT: 2px"><img src="http://i17.photobucket.com/albums/b51/lyh_/MATERIAL/bg/ROSE/0832dbc8.gif"></DIV>

(只要把與邊距離全加上相同數目, 便可自由移動心型圖)例如 : LEFT=100px, 現改為 LEFT=300即 +200px, 那么所有 "LEFT" 距離也要 +200, 如此類推 , 與頂距離也一樣 …

I love You

评分

1 查看全部评分

绯舞

回复

使用道具举报

发表于 2006-7-1 11:10:19 | 显示全部楼层

ganxielouzhu

回复支持反对

使用道具举报

发表于 2006-7-1 11:24:38 | 显示全部楼层

谢谢了咯～～～～～～～～

回复支持反对

使用道具举报

发表于 2006-7-1 11:44:20 | 显示全部楼层

又学了一招谢谢月

回复支持反对

使用道具举报

爱你是我的错

发表于 2006-7-1 12:01:43 | 显示全部楼层

舞舞把月儿的帖子收集起来~呵呵很有价值的呀

回复支持反对

使用道具举报

清风拂明月

发表于 2006-7-1 14:02:14 | 显示全部楼层

学习中,谢谢!

回复支持反对

使用道具举报

发表于 2006-7-4 20:57:28 | 显示全部楼层

学好了粉有用的说呢~

回复支持反对

使用道具举报

发表于 2006-7-13 20:42:26 | 显示全部楼层

的确很不错啊,谢谢分享了.

回复支持反对

使用道具举报

楼主| 发表于 2006-7-17 09:57:32 | 显示全部楼层

大家不要只說著 .. 可是要動手做作業的 ..

回复支持反对

使用道具举报

发新帖

小黑屋|Archiver|手机版|萤火虫

GMT++8, 2024-11-23 03:07 , Processed in 0.284428 second(s), 7 queries , File On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表