網路城邦
回本城市首頁 音樂故事
市長: 傻傻  副市長: 小帥哥~女人可以這樣過日子 Nan◎v◎
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市人文藝術音樂【音樂故事】城市/討論區/
討論區圖文編輯學語法 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
左--有圖,右有文的感覺語法(97.2.12)
2008/02/12 15:23 瀏覽2,940|回應4推薦5

yen905
等級:
留言加入好友
文章推薦人 (5)

等待雨季
霧半兩
資深頑童
Nan
芷蕾

 


文章
文章




本文於 2008/02/12 15:34 修改第 2 次
回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=54820&aid=2720763
 回應文章
花框設計的靈感..
2008/02/12 15:33 推薦0


yen905
等級:
留言加入好友

 
原圖:



我把原圖拆成三部份來做成背景
又因背景圖的寬度太小只有398,
所以我把語法中的width放大成二倍,

我用Ulead GIF Animator 5軟體---
拆出來的圖如下面的三個圖







這語法的設計難處在字的位置...需多加定位語法
花框設計的靈感..
語法的設計有點是看圖說故事的方式,
先看見花框,再來做語法test編排...
這又是新的設計方式之一......
半加入自己改圖加工的步驟...97.2.12yen


回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=54820&aid=2720769
圖在右的語法圖
2008/02/12 15:29 推薦1


yen905
等級:
留言加入好友

 
文章推薦人 (1)

ellen chou 雨僧 雲自在

圖片在右邊時的語法

 


文章
文章



本文於 2008/02/12 15:30 修改第 1 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=54820&aid=2720767
圖片在右邊時的語法
2008/02/12 15:26 推薦1


yen905
等級:
留言加入好友

 
文章推薦人 (1)

ellen chou 雨僧 雲自在

 圖片在右邊時的語法

<table style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" bordercolor="#a36aff" cellspacing="0" cellpadding="0" width="500" bgcolor="#ffffff" border="4"><tbody><tr><td><table style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" bordercolor="#a36aff" cellspacing="0" cellpadding="0" width="500" border="2"><tbody><tr><td><table width="550" background="https://city.udn.com/community/img/city/4667/forum/f_2720736.gif"><tbody><tr><td><table width="500" background="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/247/img_247_3699_9?1202796599.jpg"><tbody><tr><td background="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/8/img_8_2189_8?1188502718.gif"><table height="100" width="796" background="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/247/img_247_3699_6?1202794476.gif"><tbody><tr><td></td></tr></tbody></table><table width="796" background="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/247/img_247_3699_7?1202794476.gif"><tbody><tr><td><img align=right style="FILTER: alpha(style=3)" src="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/234/img_234_3674_17?1202191488.jpg" width="360" /><div style="LEFT: -380px; POSITION: relative; TOP: -550px"><pre><font style="LEFT: 420px; LINE-HEIGHT: 15px; POSITION: absolute; TOP: 650px; absolute: " face="新明細體" color="#6d15ff" size="3"><b><marquee scrollamount="1" scrolldelay="80" direction="up" width="550" height="350">

文章
文章

</marquee></b></font></pre></div></td></tr></tbody></table><table height="100" width="796" background="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/247/img_247_3699_11?1202799232.gif"><tbody><tr><td></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=54820&aid=2720766
圖片在左邊時的語法(如:po文的位置)
2008/02/12 15:24 推薦0


yen905
等級:
留言加入好友

 

<table style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" bordercolor="#a36aff" cellspacing="0" cellpadding="0" width="500" bgcolor="#ffffff" border="4"><tbody><tr><td><table style="BORDER-TOP-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; BORDER-BOTTOM-STYLE: dashed" bordercolor="#a36aff" cellspacing="0" cellpadding="0" width="500" border="2"><tbody><tr><td><table width="550" background="https://city.udn.com/community/img/city/4667/forum/f_2720736.gif"><tbody><tr><td><table width="500" background="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/247/img_247_3699_9?1202796599.jpg"><tbody><tr><td background="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/8/img_8_2189_8?1188502718.gif"><table height="100" width="796" background="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/247/img_247_3699_6?1202794476.gif"><tbody><tr><td></td></tr></tbody></table><table width="796" background="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/247/img_247_3699_7?1202794476.gif"><tbody><tr><td><img style="FILTER: alpha(style=3)" src="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/234/img_234_3674_17?1202191488.jpg" width="360" /><div style="LEFT: -380px; POSITION: relative; TOP: -550px"><pre><font style="LEFT: 820px; LINE-HEIGHT: 15px; POSITION: absolute; TOP: 100px; absolute: " face="新明細體" color="#6d15ff" size="3"><b><marquee scrollamount="1" scrolldelay="80" direction="up" width="550" height="350">

文章
文章

</marquee></b></font></pre></div></td></tr></tbody></table><table height="100" width="796" background="http://kr.img.blog.yahoo.com/ybi/1/9f/22/yangonen/folder/247/img_247_3699_11?1202799232.gif"><tbody><tr><td></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>



本文於 2008/02/12 15:25 修改第 1 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=54820&aid=2720765