網路城邦
回本城市首頁 依卡語法學院
市長：旅 者 　副市長：
加入本城市｜推薦本城市｜加入我的最愛｜訂閱最新文章
udn／城市／人文藝術／藝術天地／【依卡語法學院】城市／討論區／ 你還沒有登入喔( 馬上登入/ 加入會員)
本城市首頁 討論區 精華區 投票區 影像館 推薦連結 公告區 訪客簿 市政中心 (0)
討論區／基本語法 字體：小 中 大
看回應文章　 上一個討論主題 回文章列表 下一個討論主題
語法初階篇..二個背景圖+一張圖片(gif或jpg或png格式)+swf+文章
　瀏覽5,658｜回應18｜推薦15

yen905
等級：
留言｜加入好友
文章推薦人 (15)

楓夢蝶
龍女CHANG, HSIU-FEN
美賢
偉如優
嬌子【鏡聽】
拘謹的媚麗
【月‧獨酌】夜神泣
快樂肥妞
金金 (jinjin)
落伍者

more...

請有興趣學這個語法的朋友們先從這篇學起

語法初階篇..一個背景圖+一張圖片(gif或jpg或png格式)

我想在這篇語法中加上這張圖做寫文用背景

 

語法組合如下: 









我想用這張圖片做寫文的背景圖

語法如下:

<table cellspacing="0" cellpadding="18" background="http://img.blog.yahoo.co.kr/ybi/1/74/83/sweett@kimo.com/folder/20/img_20_152_7?1254119916.jpg"><tbody><tr><td><table background="http://img.blog.yahoo.co.kr/ybi/1/74/83/sweett@kimo.com/folder/20/img_20_162_4?1254119916.jpg"><tbody><tr><td><img src="https://city.udn.com/community/img/PSN_PHOTO/li328638/f_2987810_1.JPG" /><div style="LEFT: -380px; POSITION: relative; TOP: -550px"><embed style="LEFT: 430px; POSITION: absolute; TOP: 200px; absolute: " src="http://yen905.myweb.hinet.net/p215.swf" width="400" height="300" type="application/x-shockwave-flash" wmode="transparent" quality="high" /></div><pre><p style="MARGIN-LEFT: 30px"><font style="LINE-HEIGHT: 25px" face="新明細體" color="#000000" size="3">

我想用這張圖片做寫文的背景圖

</font></p></pre></td></tr></tbody></table></td></tr></tbody></table>

請有興趣學這個語法的朋友們..把語法copy做test,

修改圖檔路徑或修改一些數字設定看語法變化

或把第二個

<table background="http://img.blog.yahoo.co.kr/ybi/1/74/83/sweett@kimo.com/folder/20/img_20_162_4?1254119916.jpg"><tbody><tr><td>

background=http://img.blog.yahoo.co.kr/ybi/1/74/83/sweett@kimo.com/folder/20/img_20_162_4?1254119916.jpg

這邊的語法改成bgcolor=色碼...這表示用色碼編號來做背景色

文章顏色和字型.大小的修改可改這

face="新明細體" color="#000000" size="3"
回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3854195
　回應文章 第 頁／共2頁 回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁
不見影和字
推薦6


Lilah
等級：6
留言｜加入好友

  
文章推薦人 (6)

拘謹的媚麗
【月‧獨酌】夜神泣
星.
快樂肥妞
多情醉愛
旅 者

放上去後

先是看不到黑影

發文出去後

字都不見了
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3864244
學習 (2)
推薦3


Lilah
等級：6
留言｜加入好友

  
文章推薦人 (3)

【月‧獨酌】夜神泣
星.
旅 者

第二次 test, 都用wretch當試驗場~!

謝謝
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3864223
Z-INDEX
　　　 回應給： ஐ星晴ஐ（g221347） 推薦4


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

  
文章推薦人 (4)

糖衣
☆ 金色的晨曦 ☆
多情醉愛
星.

沒錯........

Z-INDEX 素圖層順序

這嘛素ㄍㄍ滴疏忽.........

一般 語法都懶得企改.........直接貼用

Z-INDEX 素屬於 浮動區塊滴 覆蓋

Z-INDEX:1  第一層(最底層)

Z-INDEX:2  第二層

Z-INDEX:3  第三層

數值越大越上層.............



本文於 修改第 1 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3857856
這個叫...
　　　 回應給： 平安旅者（jeffrey8869） 推薦2


g221347
等級：
留言｜加入好友

  
文章推薦人 (2)

☆ 金色的晨曦 ☆
平安旅者

Z-INDEX: 2 這個叫層數 ~~恩係出場順序



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


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

  
文章推薦人 (1)

☆ 金色的晨曦 ☆

每幅作品滴附加圖檔 一般均要依畫面 調整尺寸 及 位置.....

如何調整.........

端看作圖經驗及感覺....... 熟能生巧

定位語法適合做此處理圖像整合處理~
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3856056
引...yen妹滴 註解
推薦1


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

  
文章推薦人 (1)

糖衣

立 師父提問:

定位語法可以套用在每一個動檔的寬度上嗎？是調整那裏？如果是高度上要調整，要調整那裏？是更改數字嗎？如果同張圖上欲加上更多個動檔，可以嗎？該如何排列組合？另外您也將背景圖與風景圖之間的間距加寬了，是改了那些地方？謝謝您的教導與分享！

如果是用yen老師原先教的語法，也可以調整白鵝出場與進場的寬距嗎？那些語法該如何更改？

---------------------------------------------------------------------------

yen妹滴 註解:

這是平安ㄍㄍ的定位語法..

都是一樣可調整位置..及動畫圖的尺寸,

調整地方的英文字都是一樣的..

只是語法組合不一樣而已..

TOP: 170px--圖的高度位置(上.下)

LEFT: 135px--圖的寬度位置(左.右)

平安ㄍㄍ圖片設置的尺寸有二個地方

WIDTH: 500px; HEIGHT: 340px

width="500" height="340"

這二個是調整圖片尺寸的地方

調其一即可..但習慣上最好都調整在embed..語法中的設定值..

因跟別的語法調整方式互通..

等你熟悉語法變化時...再來多變化..你才不會亂掉..

**********************

加第二個swf動畫或三或以上時..

就是把同樣的定位語法再copy一次..

把圖的位置和尺寸改成自己要的就可以..

定位語法一多..最好是給它編號..

以利自己修改..

Z-INDEX: 2--這是出場順序..改 2 數字即可,

id="item2"--給編號..

為什麼會用到"出場順序"及"編號"語法呢?

因這是正確的語法..為得是以後學到較複雜語法,

需要安排語法圖片或動畫進出場的順序而用的,

目前你還不懂基本語法..所以這部份..你只做修改就好,

**********************

背景圖在城市資源中有很多朋友分享..

你都可以拿來練習..慢慢地去感覺什麼樣的圖片是自己想要的圖片,

加在語法中時..可搭配出自己喜歡的風格...



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


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

  
文章推薦人 (1)

【月‧獨酌】夜神泣
立 師父滴 原語法:

<table cellspacing="0" cellpadding="18" background="http://i920.photobucket.com/albums/ad45/backy182/a1/WW/maskCris21.jpg"><tbody><tr><td><img src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_4455485_1.JPG" /><div style="POSITION: relative; TOP: -550px; LEFT: -380px"><embed style="POSITION: absolute; TOP: 250px; LEFT: 530px; absolute: " height="300" type="application/x-shockwave-flash" width="400" src="http://yen905.myweb.hinet.net/water020.swf" wmode="transparent" quality="high" /></div></td></tr></tbody></table>

另款 定位語法:

<div style="POSITION: relative; WIDTH: 660px; TOP: 0px; LEFT: 0px" id="table1"><img src="http://i920.photobucket.com/albums/ad45/backy182/a1/WW/maskCris21.jpg" width="660" height="540" /><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 490px; HEIGHT: 610px; TOP: 25px; LEFT: 25px" id="item1"><img src="http://album.udn.com/community/img/PSN_PHOTO/li328638/f_4455485_1.JPG" width="610" height="490" /></div><div style="Z-INDEX: 2; POSITION: absolute; WIDTH: 500px; HEIGHT: 340px; TOP: 170px; LEFT: 135px" id="item2"><embed height="340" type="application/octet-stream" width="500" src="http://yen905.myweb.hinet.net/water020.swf" quality="high" wmode="transparent" /></div></div>
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3856043
初階版語法
推薦3


yen905
等級：
留言｜加入好友

  
文章推薦人 (3)

快樂肥妞
旅 者
平安旅者

語法初階篇..一個背景圖+一張圖片(gif或jpg或png格式)

語法初階篇..二個背景圖+一張圖片(gif或jpg或png格式)+swf+文章

這二篇語法是初階版語法

希望初學語法的朋友們..可以先從這二篇有語法使用的初步概念,

先有簡單的設計成品出來..

接下來才會有興趣再學更多的語法變化

請有興趣學語法的朋友們碰到問題時..

在版面上直接提問...因這樣才可以讓更多會語法的朋友們幫到你(妳)...

請不要怕問問題...不要覺得不好意思...

因這二種情緒會影響到你(妳)的學習...
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址：https://city.udn.com/forum/trackback.jsp?no=63947&aid=3854197
第 頁／共2頁 回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁