網路城邦
回本城市首頁 依卡語法學院
市長:旅 者  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市人文藝術藝術天地【依卡語法學院】城市/討論區/
討論區基本語法 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
圖片加文字 範例
 瀏覽4,582|回應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頁 回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁
謝謝ㄍㄍ
    回應給: 平安旅者(jeffrey8869) 推薦3


m031888
等級:
留言加入好友

 
文章推薦人 (3)

星.
旅 者
平安旅者

收到  謝謝ㄍㄍ

有時間我會繼續努力

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4278259
語法內容參考
    回應給: 詩情(m031888) 推薦2


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

 
文章推薦人 (2)

星.
糖衣


我的胳膊不可能運載世界的重量 ..
明天 我不再擔心荒涼的前塵 ...
不再擔憂我守在寂寞沉睡的心 ...
不再感到徹底篤篤期盼的抱歉 ....

.......冬 雨

<div style="POSITION: relative; WIDTH: 598px; 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="550" bgcolor="#000000"><tbody><tr><td><img style="FILTER: Alpha(opacity=100,style=3)" src="http://blog.udn.com/community/img/city/13747/CITY_PHOTO/NORMAL/f_426477_1.jpg" width="550" height="700" /><div style="Z-INDEX: 1; POSITION: absolute; WIDTH: 450px; HEIGHT: 300px; TOP: 480px; 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></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=4275133
ㄍㄍ 交作業了
    回應給: 平安旅者(jeffrey8869) 推薦3


m031888
等級:
留言加入好友

 
文章推薦人 (3)

星.
糖衣
平安旅者


我的胳膊不可能運載世界的重量 ..
明天 我不再擔心荒涼的前塵 ...
不再擔憂我守在寂寞沉睡的心 ...
不再感到徹底篤篤期盼的抱歉 ....

.......冬 雨
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4274814
作得粉好.....
    回應給: 詩情(m031888) 推薦4


旅 者
等級:7
留言加入好友

 
文章推薦人 (4)

【月‧獨酌】夜神泣
星.
寒峰
立 li

繼續加油.........

敢寫  敢發表....... 就會進步!!

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4252708
ㄍㄍ 交作業
    回應給: 平安旅者(jeffrey8869) 推薦8


m031888
等級:
留言加入好友

 
文章推薦人 (8)

糖衣
candy ~
【月‧獨酌】夜神泣
星.
寒峰
立 li
平安旅者
旅 者


笑看落花紛飛過
在一看一笑間
無數塵泥往事
多少無常變化
盡是在滾滾紅塵中
無言以對
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4252053
謝謝ㄍㄍ
    回應給: 旅者(jeffrey8879) 推薦6


m031888
等級:
留言加入好友

 
文章推薦人 (6)

candy ~
星.
寒峰
立 li
平安旅者
旅 者

大家早安

謝謝ㄍㄍ  我努力學習中

沒注意到您的回覆  不好意思ㄟ

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4251787
詩情 妹妹
    回應給: 詩情(m031888) 推薦5


旅 者
等級:7
留言加入好友

 
文章推薦人 (5)

星.
寒峰
【月‧獨酌】夜神泣
candy ~
立 li

依卡 素ㄍ大伙互動學習滴環境........

只要願意學  有問題 敢問......... 沒有學不會滴....

大伙都粉熱心.... 一般都有 巡堂滴熱情市民來解答.... 或拿 麥克風  廣播....

安心學習嘿......

多多發問......... 進步最快!!

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4250431
謝謝
    回應給: ☆冬雨,離格☆(azs7958) 推薦6


m031888
等級:
留言加入好友

 
文章推薦人 (6)

星.
寒峰
【月‧獨酌】夜神泣
立 li
旅 者
平安旅者

謝謝  收到了
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4250332
詩情))))))))))))))
推薦6


azs7958
等級:
留言加入好友

 
文章推薦人 (6)

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

這裡開始學習!!
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4250282
交作業---不再擔心。
推薦8


azs7958
等級:
留言加入好友

 
文章推薦人 (8)

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


我的胳膊不可能運載世界的重量 ..
明天 我不再擔心荒涼的前塵 ...
不再擔憂我守在寂寞沉睡的心 ...
不再感到徹底篤篤期盼的抱歉 ....

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