許願池第一篇來講一下下面這樣東西好了。
在我用了這樣的東西當作文末延伸閱讀及店家資訊表格時,有很多人留言問我,也有人在網誌文章中發問。因為我自己覺得拿這個來教學實在有點不好意思,所以也一直沒有PO。不過,隨著發問的人越來越多,我在想,是不是乾脆寫一篇一勞永逸?
其實,說穿了,這不過是一個表格罷了。
大家看到一張圖,會以為那是一張圖,但是為什麼圖上卻還有連結可以點選?所以就搞不清楚了。其實只要寫出一個表格,表格中放一張底圖,在表格中隨便你要填什麼文字都隨便你囉!是不是很簡單啊?
|
我把這種用在「文章中」的表格語法寫在下面,需要的人請自取吧!
<table height="表格高度" width="表格寬度" cellSpacing="0" cellPadding="0"
background="底圖網址" border="0"><tr><td vAlign="top"><p>表格中想要出現的資訊請全部寫在這裡</p></td></tr></table>
注意事項
- 表格的寬度與高度要與底圖的長寬一致。
[2006/9/9 更新]
艾瑪與網友共同製作的小王子與星球延伸表格底圖
[遊戲] 部落格拼圖(3) 小王子繽紛色彩(完成)
[遊戲] 部落格拼圖(2) 小王子筆記本篇(完成)
[遊戲] 部落格拼圖(1) 小王子灰黑色系(完成)
[遊戲] 部落格拼圖:幫艾瑪完成小王子的右圖
[教學] 延伸閱讀底圖製作(星球篇)
樣東西好了。
在我用了這樣的東西當作文末延伸閱讀及店家資訊表格時,有很多人留言問我,也有人在網誌文章中發問。因為我自己覺得拿這個來教學實在有點不好意思,所以也一直沒有PO。不過,隨著發問的人越來越多,我在想,是不是乾脆寫一篇一勞永逸?
其實,說穿了,這不過是一個表格罷了。
大家看到一張圖,會以為那是一張圖,但是為什麼圖上卻還有連結可以點選?所以就搞不清楚了。其實只要寫出一個表格,表格中放一張底圖,在表格中隨便你要填什麼文字都隨便你囉!是不是很簡單啊?
|
我把這種用在「文章中」的表格語法寫在下面,需要的人請自取吧!
<table height="表格高度" width="表格寬度" cellSpacing="0" cellPadding="0"
background="底圖網址" border="0">
<tr>
<td vAlign="top">
<p>表格中想要出現的資訊請全部寫在這裡</p>
</td>
</tr>
</table>
分享此篇文章注意事項
- 表格的寬度與高度要與底圖的長寬一致。
[2006/9/9 更新]
艾瑪與網友共同製作的小王子與星球延伸表格底圖
[遊戲] 部落格拼圖(3) 小王子繽紛色彩(完成)
[遊戲] 部落格拼圖(2) 小王子筆記本篇(完成)
[遊戲] 部落格拼圖(1) 小王子灰黑色系(完成)
[遊戲] 部落格拼圖:幫艾瑪完成小王子的右圖
[教學] 延伸閱讀底圖製作(星球篇)
延伸閱讀
- [語法分享] 彈跳式視窗
- [教學] AdSense表格語法@無名小站banner&邊欄
- 台灣艾瑪的Plurk帳號&無名Plurk外掛搞怪篇(用buboo和圖片做出Plurk同步)
- 利用Plurk Backup將日記貼回部落格的方法
- 難道學校的電腦老師沒教過你嗎?密件副本的使用方式
- 台灣艾瑪的Plurk帳號&無名Plurk外掛搞怪篇(用buboo和圖片做出Plurk同步)
- 肥皂盒 Soapbox:瘋狂推薦好用的影音相本
- funP數字推鈕@無名小站- 在無名小站玩funP
【關於作者】艾瑪 | amarylliss 台灣第一位全職旅遊部落客受邀出國旅遊超過百次(受邀列表),1996年起於台大椰林BBS自助旅行版(Tour Abroad)發表旅遊心得並擔任版主,2000年起於明日報/ANYWAY旅遊網分享旅遊心得,2003年起任艾瑪隨處走走部落格格主至今,從無名小站至痞客邦,目前回歸個人部落格持續經營;更詳細網路書寫歷史請參考關於我。聯繫、合作或邀約請聯繫:[email protected] |
的確原以為那是圖呢!
謝謝艾瑪的教學
我喜歡那隻拿花朵的小兔~
卡哇依
表格語法我取走囉,謝謝!!
原來如此~~
忘了有html的應用
本來我以為是設定
字在圖的上方
一樣把照片加入就好~
謝謝愛瑪的教學^^
真是受益良多呢~
感謝愛瑪的無私&大愛!
Amy
不說真的以為那是整張的圖呢~
(自嘲:然後在連結的字那邊用圖片切割的語句嗎? 會不會太累了…)
謝謝啦~ 收下第一篇啦~
太久沒有自己做網頁, 很多東西都不記得了啦.
努力重新學習的蛋治
感謝艾瑪教學, 對於電腦白癡的我有很大的幫助,
因為看不太懂無名的教學語法, 所以網誌就一直
荒廢著, 謝謝!!
@O@哇!原來必殺技在這裡啊!
師父請受徒兒一拜,徒兒這就回去磨刀~~
哦!是磨鍵盤演練去。
我的老天爺啊!
艾大人永遠給你想要的…
達羅外帶一份唷
肛溫
m(_ _)m
哇~~~妳太偉大了….
快回去學一下 ^_^
謝謝艾瑪!!
非常實用,原本就很想學…
謝謝艾瑪,
這個功能真的很實用,
我要快點學起來 ^_^
真好!以後可以讓文章版面看起來更漂亮~
喔葉!!
我ㄧ直想問你這怎麼用耶
但又怕你被問的煩,所以遲遲未發問說
哈哈,真好,又學到一招了
謝謝!!
又學到一招了!
哇~~獲益良多啊!
真是神奇的表格語法!
雖然說是許願池,
還是要謝謝妳囉!
感謝感謝~~感謝n次方。
謝謝艾瑪熱情教學~~
又學到一招啦!!3Q
艾瑪謝謝囉 感趕快來試
有些複雜的東西說穿了就是一個簡單的道理,
像艾瑪這一個簡單漂亮的圖,竟然只是一個表格
佩服佩服!
許願池果然靈驗,
我也是想問而不好意思問的一人 :)
可不可以再問艾瑪,
好可愛的拈花小兔在找得到?
感謝!
謝謝艾瑪的教學,
我也帶走囉!!
每日一遊的rebecca
謝謝艾瑪大方分享
我也取走來試試看喔~
謝謝~~
莎莎
謝謝艾瑪的教學…
原來是這樣阿….
有點恍然大悟…^^
知道怎樣幫網誌弄得美美的…
謝謝分享….
其實表格底圖可以自製耶~
我忘記是在哪一個素材網站上看到的
肯定是日本的 不過我找不到來源了
如果有必要的話,下次教怎麼自製底圖好了?
需要嗎?搞不好不用~(又自問字答 :P)
感恩分享呀~~:)
讚讚讚~~
這樣子表格變得好漂亮呢~
真是神奇的艾瑪
學起來囉…
原來是這麼弄的,,謝謝摟:">
謝謝你, 我也會回自己的網誌上試試, 若成功完成可以引用這篇文章嗎?
再次謝謝~
很受用 謝謝艾瑪^^b
呵呵,我也是一直以為那是張圖耶
艾瑪真好~又分享了^^
艾瑪大方分享之後,
會不會大家的網誌裡多了好多隻小兔子呢~~:P
這招要趕快學習來 ^^
謝謝艾瑪:)
艾瑪,
要! 我想要學底圖自製.
其實我摸半天, 不通,
問我那自以為"天才"的電機係老公,
他趕緊以忙做託辭, 理都不理我.
如今妳願意教, 那太好了.
艾瑪或許覺得簡單,
但我覺得收穫很多喔,
因為有高手的小技巧,
所以可以學到很棒的東西,
謝謝囉,我要來試試看。
又學到了一招了,
改天試試看.
真是謝謝艾瑪的教學.
~大眼妹
我也要回去試用看看
謝啦~
感謝艾瑪放送,
又學了一招喔!
呵呵~
其實我也來艾瑪這偷學了好幾招說~
對艾瑪來說簡單,
對我來說可是難得咧~
謝謝艾瑪教給我們這麼實用的資訊^^
好棒哦..YA…
我回家後也要來試看毛..
謝謝艾瑪…^^
有個小小創意, 果然就會不一樣,
經過巧思妙手的處理, 就會有著大大的改變呢!
艾瑪真的高招~~~
謝謝艾瑪的教學, 我很喜歡這個, 我也學起來了唷!! ^_^
謝謝艾瑪的教學分享…….
剛試半天好不容易成功!
不過引用的部份好像失敗了~~~~
真是無言…….
blog菜鳥Shalin
我也取走囉,感恩艾瑪的分享.
需要需要 一起教一教吧!!
雖然現在還用不到
但學起來 想用時就可以用啦~
謝謝艾瑪的熱心分享哩~
emma
感恩
^^又多一招了
簡單又明瞭
:)感謝
嗯~~想問Dr.艾耶:
之前您的教學有一篇是關於透明背景圖片製作,
但是小滴踹不出來耶
是因為的網站底色不是白色的緣故嗎?
還是存檔時發生錯誤咧?
請指點一下唄!!!
肛溫~~~
m(_ _)m
謝謝艾瑪熱心教學分享
雖然我目前仍用不著,但感謝妳…
謝謝艾瑪的教學!要來現學現賣了.^^"
如果有必要的話,下次教怎麼自製底圖好了?
需要嗎?搞不好不用~(又自問字答 :P)======>需要,需要.
感謝艾瑪大大造福人群!
學起來了,試用成功~
謝謝艾瑪的分享!
謝謝分享~
藍一直以為那是張圖說..
^^"
我ㄧ直很想問說,像之前艾瑪在部落格上放播放器,
演奏古箏表演的那種播放器,或者是音樂的撥放器,
是怎麼弄的啊?
謝謝艾瑪囉~!!很棒的語法呢~~一定學起來的>v<
原來如此~
下次也來試試
這樣延伸閱讀的版面的確會美化許多耶! ^^
謝謝分享喔!很實用的一招。 ^^
哇~!又學到一招了!
感謝艾瑪的分享^___^
謝謝艾瑪的分享!
使我又學習到美化網誌的小技巧!感謝唷>"<
真的感謝艾瑪分享~
這招這真的讚耶~謝謝…
不好意思,剛才按太快
還沒有留名字…><
上面那篇是我留的,再一次感謝艾瑪….謝謝~
謝謝艾瑪的提供,有了這個密技,網誌真的會更豐富!
真的很感謝妳~~~! XD
感謝艾瑪,
我今天終於試成功了這個底圖!
雖然沒有像艾瑪的這麼漂亮,
但還是好開心呀~~
今天終於動手做做這個好玩的分享。
真的很謝謝艾瑪,讓整篇文章看起來加分不少。哈哈
看到網頁最上方的跑馬燈(自稱是跑馬燈,因為不知道它是什麼:p)
感覺好像艾瑪正在電腦的那頭打字一樣呢!
艾瑪:
很想在自己的網誌上試試看這個功能,因為感覺很不賴喔。
表格語法取走了,謝謝。^O^
謝謝分享!!^^
不好意思喔
問個問題
<td vAlign="top">
中是vAlign還是align?
因為我試過
結果字都擠在左邊
改成align="center"才變成置中
不知道是打錯了還是有什麼地方我沒弄懂呢?
謝謝艾瑪敎這麼好用的東西喔>///<
阿阿…我查到了
vAlign是調整垂直的方向(自毆)
align 就是要對齊的指令
多加上 v / h 我好像解釋過了
就是更明確囉~
感謝^^
帶走哩
艾瑪,您好:
想請問為什麼我加入框之後別人看不到?
只有我自己的電腦看得到,
別人的電腦就看不到框只剩下店家資訊了?
例如:
http://www.wretch.cc/blog/pupy168&article_id=6257393
最下面的店加資訊應該要有邊框,
我先將邊框存在雅虎的相簿,
複製該邊框的網址對吧?
我自己電腦看得到,別人看不到耶!
為什麼呢?
答案:因為YAHOO的照片不給外連
你的圖片網址是:
http://tw.f14.yahoofs.com/myper/mIGhKEuCBQdSzadjC0eg/blog/ap_2006
0924121010469.jpg?TTPliFFBSGFX0a30
這個是不可以外連的
你要是把圖片放到無名
或者FLICKR可以外連的相本網站
那麼就可以正常顯示了
你的電腦之所以看得到是因為有快取CACHE 所以你看得到…
喔~~是這樣啊!!
瞭解了!
感謝您唷!
請問艾瑪:
表格的語法PO在哪裡呢?
找不到說..^^"
版主回覆:(08/19/2007 08:04:20 AM)
已修正!
雖然是舊文,還是要來說聲謝謝~:)
版主回覆:(12/26/2007 04:32:04 AM)
不客氣啦~