網路城邦
回本城市首頁 依卡語法學院
市長:旅 者  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市人文藝術藝術天地【依卡語法學院】城市/討論區/
討論區基本語法 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
圖片加文字 範例
 瀏覽4,614|回應16推薦18

平安旅者
等級:8
留言加入好友
文章推薦人 (18)

☆安妮
立 li
外省仔(退休中)
偉如優
【月‧獨酌】夜神泣
candy ~
快樂肥妞
Joson
彤~
多情醉愛

more...

1.

圖片貼在 線框內 文字輸寫圖下方

(背景圖用黑色 圖片下方亦為黑色 於下方寫字 效果不錯)

[語法]:

(字型1. 陰影字體)

<table style="BORDER-BOTTOM: #663300 5px groove; BORDER-LEFT: #663300 5px groove; BACKGROUND-COLOR: #330000; BORDER-TOP: #663300 5px groove; BORDER-RIGHT: #663300 5px groove" cellspacing="3"><tbody><tr><td><table style="BORDER-BOTTOM: #cc9966 5px ridge; BORDER-LEFT: #cc9966 5px ridge; BACKGROUND-COLOR: #000000; BORDER-TOP: #cc9966 5px ridge; BORDER-RIGHT: #cc9966 5px ridge" cellspacing="3"><tbody><tr><td><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_4124007_1.jpg" /><br /><font style="FILTER: shadow(color=#770000); LINE-HEIGHT: 150%; WIDTH: 118.72%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 16pt">珍惜...<br />看過天災所帶來滴災難<br />瞬間 天人永隔 生命 是何其滴脆弱<br />也許 不能永久<br />只願 惜福 每一天<br />惜緣 每個人...</span /></font></td></tr></tbody></table></td></tr></tbody></table>


珍惜...
看過天災所帶來滴災難
瞬間 天人永隔 生命 是何其滴脆弱
也許 不能永久
只願 惜福 每一天
惜緣 每個人...

(字型2. 外框字體)

<table style="BORDER-BOTTOM: #663300 5px groove; BORDER-LEFT: #663300 5px groove; BACKGROUND-COLOR: #330000; BORDER-TOP: #663300 5px groove; BORDER-RIGHT: #663300 5px groove" cellspacing="3"><tbody><tr><td><table style="BORDER-BOTTOM: #cc9966 5px ridge; BORDER-LEFT: #cc9966 5px ridge; BACKGROUND-COLOR: #000000; BORDER-TOP: #cc9966 5px ridge; BORDER-RIGHT: #cc9966 5px ridge" cellspacing="3"><tbody><tr><td><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_4124007_1.jpg" /><br /><font style="FILTER: glow(color=#990000); LINE-HEIGHT: 150%; WIDTH: 150%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 16pt">珍惜...<br />看過天災所帶來滴災難<br />瞬間 天人永隔 生命 是何其滴脆弱<br />也許 不能永久<br />只願 惜福 每一天<br />惜緣 每個人...</span /></font></td></tr></tbody></table></td></tr></tbody></table>


珍惜...
看過天災所帶來滴災難
瞬間 天人永隔 生命 是何其滴脆弱
也許 不能永久
只願 惜福 每一天
惜緣 每個人...

2.

文字貼在 圖片上  注意定位尺寸

紅色部份 定位語法 寬度尺寸為含線框總寬度

粉紅部份 覆蓋語法 覆蓋欲置底部位置(線框左上為基準)

[語法]:

(字型1. 陰影字體)

<div style="POSITION: relative; WIDTH: 752px; TOP: 0px; LEFT: 0px" id="table1"><table style="BORDER-BOTTOM: #663300 5px groove; BORDER-LEFT: #663300 5px groove; BACKGROUND-COLOR: #330000; BORDER-TOP: #663300 5px groove; BORDER-RIGHT: #663300 5px groove" cellspacing="3" align="center"><tbody><tr><td><table style="BORDER-BOTTOM: #cc9966 5px ridge; BORDER-LEFT: #cc9966 5px ridge; BACKGROUND-COLOR: #000000; BORDER-TOP: #cc9966 5px ridge; BORDER-RIGHT: #cc9966 5px ridge" cellspacing="3"><tbody><tr><td><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_4124007_1.jpg" /></td></tr></tbody></table></td></tr></tbody></table><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 400px; HEIGHT: 300px; TOP: 50px; LEFT: 240px" id="item1"><font style="FILTER: shadow(color=#000099); LINE-HEIGHT: 150%; WIDTH: 118.72%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 16pt">珍惜...<br />看過天災所帶來滴災難<br />瞬間 天人永隔 生命 是何其滴脆弱<br />也許 不能永久<br />只願 惜福 每一天<br />惜緣 每個人...<br /></span /></font></div></div>

珍惜...
看過天災所帶來滴災難
瞬間 天人永隔 生命 是何其滴脆弱
也許 不能永久
只願 惜福 每一天
惜緣 每個人...

(字型2. 外框字體)

<div style="POSITION: relative; WIDTH: 752px; TOP: 0px; LEFT: 0px" id="table1"><table style="BORDER-BOTTOM: #663300 5px groove; BORDER-LEFT: #663300 5px groove; BACKGROUND-COLOR: #330000; BORDER-TOP: #663300 5px groove; BORDER-RIGHT: #663300 5px groove" cellspacing="3" align="center"><tbody><tr><td><table style="BORDER-BOTTOM: #cc9966 5px ridge; BORDER-LEFT: #cc9966 5px ridge; BACKGROUND-COLOR: #000000; BORDER-TOP: #cc9966 5px ridge; BORDER-RIGHT: #cc9966 5px ridge" cellspacing="3"><tbody><tr><td><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_4124007_1.jpg" /></td></tr></tbody></table></td></tr></tbody></table><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 400px; HEIGHT: 300px; TOP: 50px; LEFT: 240px" id="item1"><font style="FILTER: glow(color=#666600); LINE-HEIGHT: 150%; WIDTH: 118.72%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 16pt">珍惜...<br />看過天災所帶來滴災難<br />瞬間 天人永隔 生命 是何其滴脆弱<br />也許 不能永久<br />只願 惜福 每一天<br />惜緣 每個人...<br /></span /></font></div></div>

珍惜...
看過天災所帶來滴災難
瞬間 天人永隔 生命 是何其滴脆弱
也許 不能永久
只願 惜福 每一天
惜緣 每個人...

3.

文字貼在 圖片上 另一款...

此語法不需底圖顏色 直接以圖片為底圖 亦為較正規滴語法 

(寒峰兄 常用此語法... 煩請 寒峰兄 有空補充之~)



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

引用
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=3715743
 回應文章 頁/共2頁 回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁
插花--參考
    回應給: ☆冬雨,離格☆(azs7958) 推薦6


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

 
文章推薦人 (6)

立 li
快樂肥妞
星.
【月‧獨酌】夜神泣
fen22179
多情醉愛


在一次狂風驟雨的湍流.....
我回到你給的靈魂和你的骨肉..
並且和你的慾望春去秋來....
我閉上眼趕上你不完整的永恆..

.......冬 雨

<div style="POSITION: relative; WIDTH: 526px; TOP: 0px; LEFT: 0px" id="table1"><table style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #555555; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #555555; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #555555; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #555555" border="10" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td><table border="0" cellspacing="3" cellpadding="0" background="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_2952276_1.jpg"><tbody><tr><td><table style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #555555; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #555555; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #555555; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #555555" border="10" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td><table border="1" cellspacing="0" cellpadding="0" width="510" bgcolor="#000000"><tbody><tr><td><font color="#948b39"><img style="FILTER: Alpha(opacity=100,style=3)" src="http://album.udn.com/community/img/PSN_PHOTO/azs7958/f_5435320_1.jpg" /><font style="FILTER: shadow(color=#770000); LINE-HEIGHT: 150%; WIDTH: 120%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 16pt"><br />在一次狂風驟雨的湍流.....<br />我回到你給的靈魂和你的骨肉..<br />並且和你的慾望春去秋來....<br />我閉上眼趕上你不完整的永恆.. <br /><br />.......冬 雨<br /></font></font></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>


在一次狂風驟雨的湍流.....
我回到你給的靈魂和你的骨肉..
並且和你的慾望春去秋來....
我閉上眼趕上你不完整的永恆..

.......冬 雨

<div style="POSITION: relative; WIDTH: 526px; TOP: 0px; LEFT: 0px" id="table1"><table style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #555555; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #555555; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #555555; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #555555" border="10" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td><table border="0" cellspacing="3" cellpadding="0" background="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_2952276_1.jpg"><tbody><tr><td><table style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #555555; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #555555; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #555555; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #555555" border="10" cellspacing="0" cellpadding="0" align="center"><tbody><tr><td><table border="1" cellspacing="0" cellpadding="0" width="510" bgcolor="#000000"><tbody><tr><td><font color="#948b39"><img style="FILTER: Alpha(opacity=100,style=3)" src="http://album.udn.com/community/img/PSN_PHOTO/azs7958/f_5435320_1.jpg" /><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 400px; HEIGHT: 300px; TOP: 390px; LEFT: 40px" id="item1"><font style="FILTER: shadow(color=#770000); LINE-HEIGHT: 150%; WIDTH: 120%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 16pt"><br />在一次狂風驟雨的湍流.....<br />我回到你給的靈魂和你的骨肉..<br />並且和你的慾望春去秋來....<br />我閉上眼趕上你不完整的永恆.. <br /><br />.......冬 雨<br /></font></div></font></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4212046
我回到你給的靈魂。
推薦6


azs7958
等級:
留言加入好友

 
文章推薦人 (6)

立 li
快樂肥妞
星.
【月‧獨酌】夜神泣
平安旅者
多情醉愛


在一次狂風驟雨的湍流.....
我回到你給的靈魂和你的骨肉..
並且和你的慾望春去秋來....
我閉上眼趕上你不完整的永恆..

.......冬 雨



本文於 修改第 1 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4212018
愛情物語
    回應給: 平安旅者(jeffrey8869) 推薦7


快樂肥妞
等級:7
留言加入好友

 
文章推薦人 (7)

立 li
星.
【月‧獨酌】夜神泣
多情醉愛
平安旅者
旅 者
薇妮~*

愛情物語:
愛情如星,
迷戀如火
星光雖淡卻永恆
火焰雖短暫卻熱烈
心中充滿愛時,
剎那即永恆.. 轉載

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4211333
習作
推薦8


快樂肥妞
等級:7
留言加入好友

 
文章推薦人 (8)

星.
彤~
薇妮~*
【月‧獨酌】夜神泣
寒峰
旅 者
平安旅者
立 li

 

謝謝薇妮美圖 

虞美人
春花秋月何時了
往事知多少
小樓昨夜又東風
故國不堪回首月明中
雕闌玉砌應猶在
只是朱顏改
問君能有幾多愁
恰似一江春水向東流

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4200409
我借來學習唷
    回應給: 平安旅者(jeffrey8869) 推薦3


linda571212
等級:
留言加入好友

 
文章推薦人 (3)

星.
立 li
平安旅者

ㄍㄍ呀~偶不小心在十三樓看到您的留言教學~

然後~偶介來學習了唷~只是我偷懶還沒弄粉清楚就擺上去~慢慢再來摸~

http://city.udn.com/60828/3738694

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=3738703
語法補充解釋
推薦6


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

 
文章推薦人 (6)

candy ~
立 li
快樂肥妞
多情醉愛
fen22179
星.

<div style="POSITION: relative; WIDTH: 圖版總寬度px; TOP: 0px; LEFT: 0px" id="table1">....欲發表滴圖版語法.....</div>

控制圖版位置之 定位語法 (偶稱為 包頭包尾語法)

<div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 圖字寬度px; HEIGHT: 圖字高度px; TOP: 距頂尺寸px; LEFT: 距左尺寸px" id="item1">....欲將某圖或字或swf 覆貼版內任意位置語法.....</div>

調整覆蓋於原圖面之 定位語法 (偶稱為 凌空覆蓋語法)

上文範例語法:

<div style="POSITION: relative; WIDTH: 272px; TOP: 0px; LEFT: 0px" id="table1"><table style="BORDER-BOTTOM: #663300 5px groove; BORDER-LEFT: #663300 5px groove; BACKGROUND-COLOR: #330000; BORDER-TOP: #663300 5px groove; BORDER-RIGHT: #663300 5px groove" cellspacing="3" align="center"><tbody><tr><td><table style="BORDER-BOTTOM: #cc9966 5px ridge; BORDER-LEFT: #cc9966 5px ridge; BACKGROUND-COLOR: #000000; BORDER-TOP: #cc9966 5px ridge; BORDER-RIGHT: #cc9966 5px ridge" cellspacing="3"><tbody><tr><td><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_4124007_1.jpg" /></td></tr></tbody></table></td></tr></tbody></table><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 400px; HEIGHT: 300px; TOP: 50px; LEFT: 240px" id="item1"><font style="FILTER: shadow(color=#000099); LINE-HEIGHT: 150%; WIDTH: 118.72%; FONT-FAMILY: 標楷體; COLOR: #ffffff; FONT-SIZE: 16pt">珍惜...<br />看過天災所帶來滴災難<br />瞬間 天人永隔 生命 是何其滴脆弱<br />也許 不能永久<br />只願 惜福 每一天<br />惜緣 每個人...<br /></span /></font></div></div>



本文於 修改第 2 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=3717268
頁/共2頁 回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁