許願池第一篇來講一下下面這樣東西好了。

在我用了這樣的東西當作文末延伸閱讀及店家資訊表格時，有很多人留言問我，也有人在網誌文章中發問。因為我自己覺得拿這個來教學實在有點不好意思，所以也一直沒有PO。不過，隨著發問的人越來越多，我在想，是不是乾脆寫一篇一勞永逸？

其實，說穿了，這不過是一個表格罷了。

大家看到一張圖，會以為那是一張圖，但是為什麼圖上卻還有連結可以點選？所以就搞不清楚了。其實只要寫出一個表格，表格中放一張底圖，在表格中隨便你要填什麼文字都隨便你囉！是不是很簡單啊？


標題：這篇是許願池第一篇教學

地址：
電話：

[延伸閱讀] 艾瑪。隨處走走

我把這種用在「文章中」的表格語法寫在下面，需要的人請自取吧！

<table height="表格高度" width="表格寬度" cellSpacing="0" cellPadding="0"  background="底圖網址" border="0"><tr><td vAlign="top"><p>表格中想要出現的資訊請全部寫在這裡</p></td></tr></table>

　

注意事項

  • 表格的寬度與高度要與底圖的長寬一致。

　

[2006/9/9 更新] 艾瑪與網友共同製作的小王子與星球延伸表格底圖

　

樣東西好了。

在我用了這樣的東西當作文末延伸閱讀及店家資訊表格時，有很多人留言問我，也有人在網誌文章中發問。因為我自己覺得拿這個來教學實在有點不好意思，所以也一直沒有PO。不過，隨著發問的人越來越多，我在想，是不是乾脆寫一篇一勞永逸？

其實，說穿了，這不過是一個表格罷了。

大家看到一張圖，會以為那是一張圖，但是為什麼圖上卻還有連結可以點選？所以就搞不清楚了。其實只要寫出一個表格，表格中放一張底圖，在表格中隨便你要填什麼文字都隨便你囉！是不是很簡單啊？


標題：這篇是許願池第一篇教學

地址：
電話：

[延伸閱讀] 艾瑪。隨處走走

我把這種用在「文章中」的表格語法寫在下面，需要的人請自取吧！

<table height="表格高度" width="表格寬度" cellSpacing="0" cellPadding="0"  background="底圖網址" border="0">
<tr>
<td vAlign="top">
<p>表格中想要出現的資訊請全部寫在這裡</p>
</td>
</tr>
</table>

注意事項

  • 表格的寬度與高度要與底圖的長寬一致。

　

[2006/9/9 更新] 艾瑪與網友共同製作的小王子與星球延伸表格底圖

　

Posted by amarylliss at 痞客邦 PIXNET Comments(70) Trackback(0) Hits(798)

Shorten Url Forward by E-mail Forward to Guestbook
Posts on this date
▲top

open trackbacks list Trackbacks (0)

Comments (70)

Post Comment
  • #1 momoni on 2006/08/03 01:35

  • 的確原以為那是圖呢！

    謝謝艾瑪的教學

    我喜歡那隻拿花朵的小兔～

    卡哇依



    表格語法我取走囉，謝謝!!







  • #2 phenixkuo on 2006/08/03 01:55

  • 原來如此~~

    忘了有html的應用



    本來我以為是設定

    字在圖的上方

    一樣把照片加入就好~
  • #3 amy4876 on 2006/08/03 01:55

  • 謝謝愛瑪的教學^^

    真是受益良多呢~

    感謝愛瑪的無私&大愛!

    Amy
  • #4 canchi on 2006/08/03 01:58

  • 不說真的以為那是整張的圖呢~

    (自嘲:然後在連結的字那邊用圖片切割的語句嗎? 會不會太累了...)

    謝謝啦~ 收下第一篇啦~

    太久沒有自己做網頁, 很多東西都不記得了啦.



    努力重新學習的蛋治
  • #5 yuchung on 2006/08/03 02:06

  • 感謝艾瑪教學, 對於電腦白癡的我有很大的幫助,

    因為看不太懂無名的教學語法, 所以網誌就一直

    荒廢著, 謝謝!!









  • #6 keatsli on 2006/08/03 03:18

  • @O@哇！原來必殺技在這裡啊！



    師父請受徒兒一拜，徒兒這就回去磨刀~~

    哦！是磨鍵盤演練去。



  • #7 tarosan on 2006/08/03 04:16

  • 我的老天爺啊!

    艾大人永遠給你想要的...

    達羅外帶一份唷

    肛溫

    m(_ _)m
  • #8 annaweng on 2006/08/03 06:52

  • 哇~~~妳太偉大了....

    快回去學一下 ^_^
  • #9 susan on 2006/08/03 06:59

  • 謝謝艾瑪!!

    非常實用,原本就很想學...
  • #10 vicky77 on 2006/08/03 08:14

  • 謝謝艾瑪，

    這個功能真的很實用，

    我要快點學起來 ^_^
  • #11 christabelle on 2006/08/03 08:30

  • 真好！以後可以讓文章版面看起來更漂亮～
  • #12 aoililian on 2006/08/03 08:33

  • 喔葉!!

    我ㄧ直想問你這怎麼用耶

    但又怕你被問的煩，所以遲遲未發問說

    哈哈，真好，又學到一招了
  • #13 uvgo on 2006/08/03 08:47

  • 謝謝!!

    又學到一招了!
  • #14 hsienlynn on 2006/08/03 08:54

  • 哇~~獲益良多啊！

    真是神奇的表格語法！

    雖然說是許願池，

    還是要謝謝妳囉！

    感謝感謝~~感謝n次方。
  • #15 cands on 2006/08/03 08:56

  • 謝謝艾瑪熱情教學~~

    又學到一招啦!!3Q
  • #16 petpie on 2006/08/03 09:29

  • 艾瑪謝謝囉 感趕快來試
  • #17 joeandclear on 2006/08/03 09:53

  • 有些複雜的東西說穿了就是一個簡單的道理，

    像艾瑪這一個簡單漂亮的圖，竟然只是一個表格

    佩服佩服！



  • #18 daphnet on 2006/08/03 09:57

  • 許願池果然靈驗，

    我也是想問而不好意思問的一人　:)

    可不可以再問艾瑪，

    好可愛的拈花小兔在找得到？

    感謝！
  • #19 perryrebecca on 2006/08/03 10:14

  • 謝謝艾瑪的教學,

    我也帶走囉!!



    每日一遊的rebecca
  • #20 sallysoup on 2006/08/03 10:24

  • 謝謝艾瑪大方分享

    我也取走來試試看喔~

    謝謝~~



    莎莎
  • #21 erindream on 2006/08/03 10:29

  • 謝謝艾瑪的教學...

    原來是這樣阿....

    有點恍然大悟...^^

    知道怎樣幫網誌弄得美美的...

    謝謝分享....
  • #22 amarylliss on 2006/08/03 10:34

  • 其實表格底圖可以自製耶～

    我忘記是在哪一個素材網站上看到的

    肯定是日本的 不過我找不到來源了

    如果有必要的話，下次教怎麼自製底圖好了？



    需要嗎？搞不好不用～(又自問字答 ：P)
  • #23 chantell on 2006/08/03 10:48

  • 感恩分享呀~~:)

    讚讚讚~~
  • #24 elinor on 2006/08/03 10:58

  • 這樣子表格變得好漂亮呢~

    真是神奇的艾瑪

    學起來囉...

  • #25 cca80118 on 2006/08/03 10:59

  • 原來是這麼弄的,,謝謝摟:">
  • #26 Maureen on 2006/08/03 11:12

  • 謝謝你, 我也會回自己的網誌上試試, 若成功完成可以引用這篇文章嗎?



    再次謝謝~
  • #27 smilejean on 2006/08/03 11:43

  • 很受用 謝謝艾瑪^^b
  • #28 elatte on 2006/08/03 11:44

  • 呵呵，我也是一直以為那是張圖耶

    艾瑪真好～又分享了^^
  • #29 Boo on 2006/08/03 11:51

  • 艾瑪大方分享之後，

    會不會大家的網誌裡多了好多隻小兔子呢～～：P



    這招要趕快學習來 ^^

    謝謝艾瑪：）
  • #30 bonniechi on 2006/08/03 12:48

  • 艾瑪,

    要! 我想要學底圖自製.

    其實我摸半天, 不通,

    問我那自以為"天才"的電機係老公,

    他趕緊以忙做託辭, 理都不理我.

    如今妳願意教, 那太好了.

  • #31 sandycuttie on 2006/08/03 15:17

  • 艾瑪或許覺得簡單，

    但我覺得收穫很多喔，

    因為有高手的小技巧，

    所以可以學到很棒的東西，

    謝謝囉，我要來試試看。
  • #32 lowinnie0917 on 2006/08/03 15:30

  • 又學到了一招了,

    改天試試看.

    真是謝謝艾瑪的教學.

    ~大眼妹
  • #33 csh615 on 2006/08/03 15:46

  • 我也要回去試用看看

    謝啦~
  • #34 flyingdog on 2006/08/03 16:08

  • 感謝艾瑪放送,

    又學了一招喔！
  • #35 amywu on 2006/08/03 16:48

  • 呵呵~

    其實我也來艾瑪這偷學了好幾招說~
  • #36 amelius on 2006/08/03 16:53

  • 對艾瑪來說簡單，

    對我來說可是難得咧~

    謝謝艾瑪教給我們這麼實用的資訊^^
  • #37 candy2506 on 2006/08/03 17:18

  • 好棒哦..YA...

    我回家後也要來試看毛..

    謝謝艾瑪...^^
  • #38 arielhsiao on 2006/08/03 18:39

  • 有個小小創意, 果然就會不一樣,

    經過巧思妙手的處理, 就會有著大大的改變呢!

    艾瑪真的高招~~~



    謝謝艾瑪的教學, 我很喜歡這個, 我也學起來了唷!! ^_^
  • #39 gregshalin on 2006/08/03 19:01

  • 謝謝艾瑪的教學分享.......

    剛試半天好不容易成功！

    不過引用的部份好像失敗了~~~~

    真是無言.......



    blog菜鳥Shalin
  • #40 hender on 2006/08/03 20:38

  • 我也取走囉,感恩艾瑪的分享.
  • #41 Emma0417 on 2006/08/03 21:51

  • 需要需要 一起教一教吧!!

    雖然現在還用不到

    但學起來 想用時就可以用啦~

    謝謝艾瑪的熱心分享哩~



    emma
  • #42 jakeandy on 2006/08/03 22:28

  • 感恩
  • #43 antiquity on 2006/08/03 23:36

  • ^^又多一招了

    簡單又明瞭

    :)感謝
  • #44 tarosan on 2006/08/04 00:03

  • 嗯~~想問Dr.艾耶：

    之前您的教學有一篇是關於透明背景圖片製作，

    但是小滴踹不出來耶

    是因為的網站底色不是白色的緣故嗎?

    還是存檔時發生錯誤咧?

    請指點一下唄!!!

    肛溫~~~

    m(_ _)m
  • #45 cheer on 2006/08/04 00:27

  • 謝謝艾瑪熱心教學分享

    雖然我目前仍用不著，但感謝妳...
  • #46 love3m on 2006/08/04 00:59

  • 謝謝艾瑪的教學!要來現學現賣了.^^"

    如果有必要的話，下次教怎麼自製底圖好了？



    需要嗎？搞不好不用～(又自問字答 ：P)======>需要,需要.

    感謝艾瑪大大造福人群!





  • #47 foxrose on 2006/08/04 03:03

  • 學起來了，試用成功～

    謝謝艾瑪的分享！
  • #48 藍 on 2006/08/04 10:20

  • 謝謝分享~

    藍一直以為那是張圖說..

    ^^"
  • #49 ventaime on 2006/08/04 10:38

  • 我ㄧ直很想問說，像之前艾瑪在部落格上放播放器，

    演奏古箏表演的那種播放器，或者是音樂的撥放器，

    是怎麼弄的啊?
  • #50 deepurple on 2006/08/04 21:40

  • 謝謝艾瑪囉~!!很棒的語法呢~~一定學起來的>v<
  • #51 yaoyoungcor on 2006/08/05 09:40

  • 原來如此~

    下次也來試試

    這樣延伸閱讀的版面的確會美化許多耶! ^^
  • #52 bettyuse on 2006/08/05 09:43

  • 謝謝分享喔！很實用的一招。 ^^
  • #53 bear21045 on 2006/08/05 11:20

  • 哇~！又學到一招了！

    感謝艾瑪的分享^___^

  • #54 fish52063519 on 2006/08/05 11:21

  • 謝謝艾瑪的分享！

    使我又學習到美化網誌的小技巧！感謝唷>"<
  • #55 on 2006/08/05 21:33

  • 真的感謝艾瑪分享~

    這招這真的讚耶~謝謝...
  • #56 yumi26 on 2006/08/05 21:36

  • 不好意思,剛才按太快

    還沒有留名字...><

    上面那篇是我留的,再一次感謝艾瑪....謝謝~

  • #57 lovecarrie on 2006/08/07 13:26

  • 謝謝艾瑪的提供，有了這個密技，網誌真的會更豐富!

    真的很感謝妳~~~! XD
  • #58 elinor on 2006/08/16 01:51

  • 感謝艾瑪,

    我今天終於試成功了這個底圖!

    雖然沒有像艾瑪的這麼漂亮,

    但還是好開心呀~~
  • #59 smileyun on 2006/08/20 13:36

  • 今天終於動手做做這個好玩的分享。

    真的很謝謝艾瑪，讓整篇文章看起來加分不少。哈哈

    看到網頁最上方的跑馬燈（自稱是跑馬燈，因為不知道它是什麼：ｐ）

    感覺好像艾瑪正在電腦的那頭打字一樣呢！
  • #60 azureliber on 2006/08/21 10:57

  • 艾瑪:

    很想在自己的網誌上試試看這個功能，因為感覺很不賴喔。

    表格語法取走了，謝謝。^O^
  • #61 marrisa on 2006/08/22 18:49

  • 謝謝分享!!^^
  • #62 isa22 on 2006/09/06 18:39

  • 不好意思喔

    問個問題



    中是vAlign還是align?

    因為我試過

    結果字都擠在左邊

    改成align="center"才變成置中

    不知道是打錯了還是有什麼地方我沒弄懂呢?



    謝謝艾瑪敎這麼好用的東西喔>///<
  • #63 isa22 on 2006/09/06 18:44

  • 阿阿...我查到了

    vAlign是調整垂直的方向(自毆)
  • #64 amarylliss on 2006/09/06 19:01

  • align 就是要對齊的指令

    多加上 v / h 我好像解釋過了

    就是更明確囉～
  • #65 mavis701029 on 2006/09/09 18:02

  • 感謝^^

    帶走哩
  • #66 妙 on 2006/10/02 21:24

  • 艾瑪，您好：

    想請問為什麼我加入框之後別人看不到？

    只有我自己的電腦看得到，

    別人的電腦就看不到框只剩下店家資訊了？

    例如：

    http://www.wretch.cc/blog/pupy168&article_id=6257393

    最下面的店加資訊應該要有邊框，

    我先將邊框存在雅虎的相簿，

    複製該邊框的網址對吧？

    我自己電腦看得到，別人看不到耶！

    為什麼呢？

  • #67 amarylliss on 2006/10/02 21:51

  • 答案：因為YAHOO的照片不給外連



    你的圖片網址是：

    http://tw.f14.yahoofs.com/myper/mIGhKEuCBQdSzadjC0eg/blog/ap_2006

    0924121010469.jpg?TTPliFFBSGFX0a30



    這個是不可以外連的

    你要是把圖片放到無名

    或者FLICKR可以外連的相本網站

    那麼就可以正常顯示了





    你的電腦之所以看得到是因為有快取CACHE 所以你看得到...

  • #68 妙 on 2006/10/03 04:48

  • 喔～～是這樣啊！！

    瞭解了！

    感謝您唷！
  • #69 樂樂 on 2007/08/19 10:46

  • 請問艾瑪:
    表格的語法PO在哪裡呢?
    找不到說..^^"
  • 已修正！

    amaryllissreplied on 2007/08/19 16:04

  • #70 amway6712426 pixnet user on 2007/12/26 09:18

  • 雖然是舊文，還是要來說聲謝謝~:)
  • 不客氣啦～

    amaryllissreplied on 2007/12/26 12:32

Comment Permissions: Allow commenting

Leave Comment

*帳號/暱稱
E-mail
Personal Website
Comment Title
*Comment
* Private Comment