網路城邦
回本城市首頁 依卡語法學院
市長：旅 者 　副市長：
加入本城市｜推薦本城市｜加入我的最愛｜訂閱最新文章
udn／城市／人文藝術／藝術天地／【依卡語法學院】城市／討論區／ 你還沒有登入喔( 馬上登入/ 加入會員)
本城市首頁 討論區 精華區 投票區 影像館 推薦連結 公告區 訪客簿 市政中心 (0)
討論區／基本語法 字體：小 中 大
看回應文章　 上一個討論主題 回文章列表 下一個討論主題
圖片任意位置擺圖
　瀏覽2,441｜回應7｜推薦13

旅 者
等級：7
留言｜加入好友
文章推薦人 (13)

快樂肥妞
小船
金金 (jinjin)
糖衣
【月‧獨酌】夜神泣
_松夜蕾白_
Joson
喵仔 ' - ^ ~
辛夷
*燕子*

more...

<div style="POSITION: relative; WIDTH: 712px; TOP: 0px; LEFT: 0px" id="table1"><img style="BORDER-BOTTOM: darkgoldenrod 6px double; BORDER-LEFT: darkgoldenrod 6px double; BORDER-TOP: darkgoldenrod 6px double; BORDER-RIGHT: darkgoldenrod 6px double" src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8879/f_2626409_1.jpg" /><div style="Z-INDEX: 1; POSITION: absolute; WIDTH: 150px; HEIGHT: 134px; TOP: 40px; LEFT: 100px" id="item1"><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8879/f_2651551_1.gif" /></div><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 130px; HEIGHT: 80px; TOP: 80px; LEFT: 480px" id="item2"><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8879/f_2522468_1.gif" width="130" height="80" /></div><div style="Z-INDEX: 3; POSITION: absolute; WIDTH: 700px; HEIGHT: 169px; TOP: 350px; LEFT: 6px" id="item3"><marquee style="WIDTH: 700px; HEIGHT: 169px" direction="right" scrollamount="3"><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8879/f_2513943_1.gif" width="331" height="169" /></marquee></div><div style="Z-INDEX: 4; POSITION: absolute; WIDTH: 180px; HEIGHT: 180px; TOP: 345px; LEFT: 450px" id="item4"><img src="https://city.udn.com/community/img/city/13747/CITY_PHOTO/NORMAL/f_391821_1.jpg" width="180" height="180" /></div><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 300px; HEIGHT: 377px; TOP: 110px; LEFT: 200px" id="item5"><img src="https://city.udn.com/community/img/city/13747/CITY_PHOTO/NORMAL/f_368577_1.png" /></div></div>

1. 應用 絕對位置語法 鎖定整ㄍ區域

2. 應用 相對位置語法 滴圖層覆蓋效果 安置每張圖片區塊

3. 頭尾紅字 為 絕對位置語法

4. 相對位置語法

<div style="Z-INDEX: 圖層編號; POSITION: absolute; WIDTH: 圖寬尺寸px; HEIGHT: 圖高尺寸px; TOP: 距頂尺寸px; LEFT: 距左尺寸px" id="自定編號">..........</div>

圖層編號大滴 可以 覆蓋 圖層編號小滴

5. 滾動語法

<marquee style="WIDTH: 移動寬度px; HEIGHT: 高度px" direction="移動方向" scrollamount="速度">.........</marquee>


本文於 修改第 2 次
回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3919030
　回應文章
不影響文字+修改色碼
　　　 回應給： 平安旅者（jeffrey8869） 推薦4


多情醉愛
等級：8
留言｜加入好友

  
文章推薦人 (4)

糖衣
*燕子*
_松夜蕾白_
平安旅者

寒峰哥 語法_註解

(把下雨動圖作為背景圖，比較不會影響[跑馬文字]...)
問題:如何修改邊框色碼
寒峰:修改邊框色碼：
<div id="1" style="position:relative;left:0px;top:0px;width:616px;height:466px;border:8px double darkgoldenrod;background-image:url....
border = 邊框
8px = 厚度
double = 邊框樣式(雙線框)
darkgoldenrod = 邊框顏色,可以為英文或編碼 = #FFFF00

有沒有一雙手
握住了便不輕易放手

有沒有一個肩膀
可以倚靠一輩子都有安全感

有沒有一場擁抱
緊緊的讓兩個人再也不分開

有沒有一種約定
是相約每一個來生都要和你相遇

有沒有一段感情
深深刻在心裡一輩子不會忘記

有沒有一個人
是你用盡一生力氣
還捨不得將他遺忘

語法原始碼：

<div id="1" style="position:relative;left:0px;top:0px;width:616px;height:466px;border:8px double darkgoldenrod= #FFFF00;background-image:url('http://album.udn.com/community/img/PSN_PHOTO/oujenny5831/f_3437057_1.jpg');overflow:hidden">
<img id="2" src="http://album.udn.com/community/img/PSN_PHOTO/oujenny5831/f_4644876_1.gif" style="position:absolute;left:230px;top:40px;width:176px;height:156px;" />
<img id="3" src="http://album.udn.com/community/img/PSN_PHOTO/oujenny5831/f_4644997_1.png" style="position:absolute;left:308px;top:315px;width:300px;height:120px;" />
<div id="4" style="position:absolute;left:10px;top:10px;width:550px;height:435px;background-image:url('http://album.udn.com/community/img/PSN_PHOTO/oujenny5831/f_3238715_1.gif')"></div>
<img id="5" src="http://album.udn.com/community/img/PSN_PHOTO/oujenny5831/f_4644999_1.png" style="position:absolute;left:20px;top:117px;width:228px;height:338px;" />
<div id="6" style="position:absolute;left:300px;top:50px;width:300px;height:240px;overflow:hidden"><marquee id="7" scrollAmount="1" scrollDelay="100" direction="down" behavior="slide" width="300" height="240"><marquee id="8" scrollAmount="1" scrollDelay="100" direction="up" width="300" height="240"><font style=" filter:glow(color=#660000,strength=3);width:100%;padding:5px;font-family:'標楷體';font-size:15pt;color:white;line-height:140%"><p>有沒有一雙手<br />握住了便不輕易放手</p><p>有沒有一個肩膀<br />可以倚靠一輩子都有安全感</p><p>有沒有一場擁抱<br />緊緊的讓兩個人再也不分開</p><p>有沒有一種約定<br />是相約每一個來生都要和你相遇</p><p>有沒有一段感情<br />深深刻在心裡一輩子不會忘記</p><p>有沒有一個人<br />是你用盡一生力氣<br />還捨不得將他遺忘</p></font></marquee></marquee></div>
</div>
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3921988
謝謝
　　　 回應給： 平安旅者（jeffrey8869） 推薦3


egjc888
等級：8
留言｜加入好友

  
文章推薦人 (3)

*燕子*
平安旅者
多情醉愛
一定啦！就怕養得太肥飛不動了！
回應 回應給此人 推薦文章 列印 加入我的文摘
迷問題...
　　　 回應給： egjc888（egjc888） 推薦2


平安旅者
等級：8
留言｜加入好友

  
文章推薦人 (2)

*燕子*
多情醉愛
帶回企........ㄚ給倫家好好養嘿~
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3919613
謝謝
　　　 回應給： 旅者（jeffrey8879） 推薦3


egjc888
等級：8
留言｜加入好友

  
文章推薦人 (3)

多情醉愛
*燕子*
平安旅者

我一個問題害得市長花了那麼多時間，不好意思ㄛ！

這語法不容易記住，只能複製再套入使用了。

我可以帶那隻老鷹回家嗎？
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3919164
偶也素這樣滴想
　　　 回應給： 平安旅者（jeffrey8869） 推薦3


多情醉愛
等級：8
留言｜加入好友

  
文章推薦人 (3)

*燕子*
平安旅者
旅 者

臨時沒看到適合ㄉ就隨便湊合著,就玩SWiSHmax搞的我眼花頭痛放棄!

看到這語法玩玩練習,不然它都快不認識我囉!

愛睏啦!   多謝平安ㄍ,晚安
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3919151
背後gif影響
　　　 回應給： 多情醉愛（oujenny5831） 推薦2


平安旅者
等級：8
留言｜加入好友

  
文章推薦人 (2)

*燕子*
多情醉愛

文字要起動 要跑...... 被落雨動畫 牽制
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3919140
玩玩練習^0^
　　　 回應給： 旅者（jeffrey8879） 推薦3


多情醉愛
等級：8
留言｜加入好友

  
文章推薦人 (3)

_松夜蕾白_
*燕子*
平安旅者

有一問題 為什麼剛開始文字會發抖 ? 後面就不會了!麻煩 ㄍㄍ此篇教學po世界蛤!

有沒有一雙手

握住了便不輕易放手

有沒有一個肩膀

可以倚靠一輩子都有安全感

有沒有一場擁抱

緊緊的讓兩個人再也不分開

有沒有一種約定

是相約每一個來生都要和你相遇

有沒有一段感情

深深刻在心裡一輩子不會忘記

有沒有一個人

是你用盡一生力氣

還捨不得將他遺忘



本文於 修改第 2 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3919132