快速簡易製作自訂欄位圖卡式連結目錄教學～不需用到任何的製圖軟體呦^^ @ 英國遊學-自助家遊學網

快速簡易製作自訂欄位圖卡式連結目錄教學～不需用到任何的製圖軟體呦^^ 不用任何的軟體即可快速自製屬於自己的自訂欄位目錄索引，這個方法其實是利用貼底圖外加一些語法的變化所做出來的效果，方便又快速，不會製圖的格友們再也不用看著別人的連結目錄羨慕不已了，因為你也可以自製囉～玩玩看吧！！製作欄位連結目錄不需再用到任何軟體裁裁剪剪，拼拼貼貼的，今天要教大家快速又方便的偷吃步啦～請依我下列步驟做馬上就學會馬上就完成，超簡單的呦～簡易快速製作欄位連結目錄教學：步驟１．將下列語法複製起來後貼進”html編輯器”的最下方空白處，更改語法紅字部份(圖卡寬度.圖卡網址.圖卡高度-320)共3處步驟２．按”結果預覽”會在上方空白處看到圖卡，我已將每個要填寫連結文字處先放上小小圖，可自行更換（ps.直接複製小小圖...再貼上即可）步驟３．打上全部連結文字後，用空白鍵調整位置（ps.千萬不要按enter鍵以免格式亂掉），多餘沒做的文字欄請反白按”刪除”←此圖示即可，再來反白你打上的全部文字區更改文字字體，文字大小（ps.文字顏色先不要選）步驟４．反白第一行文字做”插入連結”　←此圖示，依此類推全部做好連結，再來反白全部文字更改文字顏色，這樣就做好了．．．．步驟５．滿意完成後按”編輯原始碼”，複製原始碼語法後貼到自訂欄位就可以囉～呵呵呵．．．．．有沒有粉簡單又快速呀！！只是有點小缺點就是文字不會動啦～～不過選會動的底圖或小小圖．．．．．字不動，ok的啦～至於製作的素材上哪找咧？？請看．．．．小小圖～芯誼分享篇小小圖～薇媽咪分享篇 210張長翻譯社圖卡 477張長圖卡 318張長圖卡自訂欄位加寬語法我最愛用的編輯器，因為原始碼可以直接複製，用這個編輯器可以免去貼語法的時間挺方便的呦～ ↓html編輯器直接可在上面操作使用語法： <TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=2 border=0><TBODY><TR></TD></TR><TR><TD> </TD><TD><TABLE cellSpacing=0 cellPadding=0 width=圖卡寬度 align=center background=圖卡網址 border=0><TBODY><TR><TD height=40><IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_127436.gif" width=13 border=0> 填上文字</TD></TR><TR><TD height=40><IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_141875.gif" border=0 > 填上文字</TD></TR><TR><TD height=40><IMG alt="""""" src="http://c1img.cyworld.co 酒肉朋友.kr/img/mall/effect2/nameicon/nameicon_127436.gif" border=0> 填上文字</TD></TR><TR><TD height=40><IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_141875.gif" border=0> 填上文字</TD></TR><TR><TD height=40><IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_127436.gif" border=0> 填上文字</TD></TR><TR><TD height=40><IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_141875.gif" border=0> 填上文字</TD></TR><TR><TD height=40><IMG alt="""""" src="http://c1img.cyworld.co.kr/img 辦公室出租/mall/effect2/nameicon/nameicon_127436.gif" border=0> 填上文字</TD></TR><TR><TD height=40><IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_127436.gif" border=0> 填上文字</TD></TR><TR><TD height=圖卡高度-320></TD></TR></TBODY></TR></TBODY></TABLE></TD><TD></TD></TR></TBODY></TABLE> 備註： ★只需更改紅字部份，其餘都不管它 ★ 註１：原圖高-320→320為每個文字欄距離我將其設定為高40共8個，例：如果圖卡高為360，要減掉320那紅字部份就等於40 我做的範例，可貼到html編輯器或自訂欄位看看訂閱格友請點這點此留言點閱相簿最新文章最新回應 <TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=1 border=0> <TBODY> <TR> </TD></TR> <TR> <TD> </TD> <TD> <TABLE cellSpacing=0 cellPadding=0 width=161 align=center background=http://i187.photobucket.com/albums/x208/kanny1111/tu/z35.gif bord 濾桶er=0> <TBODY> <TR> <TD height=40> <IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_57981.gif" border=0 ??> <A href="http://tw.myblog.yahoo.com/happy-too/article?mid=7627&next=7553&l=f&fid=85">訂閱格友請點這</A></TD></TR> <TR> <TD height=40> <IMG src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_65712.gif"> <A href="http://tw.myblog.yahoo.com/happy-too/article?mid=3034&prev=-1&next=2979">點此留言</A></TD></TR> <TR> <TD height=40> <IMG src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_65712.gif"> <A href="http://tw.myblog.yahoo.com/happy-too/gallery">點閱相簿</A></TD></TR> <TR> <TD height=40> <IMG src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_65712.gif"> <A href="http://tw.myblog.yahoo.com/happy-too/archive?l=a">最新文章</A></TD></TR> <TR> <TD height=40> <IMG src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_65712.gif"> <A href="http://tw.myblog.yahoo.com/happy-too/comments">最新回應</A></TD></TR> <TR> <TD height=160></TD></TR></TBODY></TR></TBODY></TABLE></TD> <TD></TD></TR></TBODY></TABLE> 最新文章最新回應點此留言點閱相簿 <TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=2 border=0> <TBODY> <TR> </TD></TR> <TR> <TD> </TD> <TD> <TABLE cellSpacing=0 cellPadding=0 width=160 align=center background=http://i187.photobucket.com/albums/x208/kanny1111/tu/Z111.gif border=0> <TBODY> <TR> <TD height=55> <IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_127436 宜蘭民宿.gif" border=0 ??> <A href="http://tw.myblog.yahoo.com/happy-too/archive?l=a">最新文章</A></TD></TR> <TR> <TD height=40> <IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_141875.gif" border=0 ??> <A href="http://tw.myblog.yahoo.com/happy-too/comments">最新回應</A></TD></TR> <TR> <TD height=40> <IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_127436.gif" border=0 ??> <A href="http://tw.myblog.yahoo.com/happy-too/article?mid=3034&prev=-1&next=2979">點此留言</A></TD></TR> <TR> <TD height=40> <IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_141875.gif" border=0 ??> <A href="http://tw.myblog.yahoo.com/happy-too/gallery">點閱相簿</A></TD></TR> <TR> <TD height=245></TD></TR></TBODY></TR></TBODY></TABLE></TD> <TD></TD></TR></TBODY></TABLE> 點此留言點閱相簿最新文章最新回應幸福小棧 <TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=2 border=0> <TBODY> <TR> </TD></TR> <TR> <TD> </TD> <TD> <TABLE cellSpacing=0 cellPadding=0 width=190 background=http://i154.photobucket.com/albums/s279/tinababytony/ka/kawaii188.gif brder="0"> <TBODY> <TR> <TD height=40> <IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_125596.gif" border=0 ??> <A href="http://tw.myblog.yahoo.com/happy-too/article?mid=3034&prev=-1&next=2979">點此留言</A></TD></TR&g 小型辦公室t; <TR> <TD height=40> <IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_125596.gif" border=0 ??> <A href="http://tw.myblog.yahoo.com/happy-too/gallery">點閱相簿</A></TD></TR> <TR> <TD height=40> <IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_125596.gif" border=0 ??> <A href="http://tw.myblog.yahoo.com/happy-too/archive?l=a">最新文章</A></TD></TR> <TR> <TD height=40> <IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_125596.gif" border=0 ??> <A href="http://tw.myblog.yahoo.com/happy-too/comments">最新回應</A></TD></TR> <TR> <TD height=40> <IMG alt="""""" src="http://c1img.cyworld.co.kr/img/mall/effect2/nameicon/nameicon_124997.gif" border=0 ??> <A href="http://tw.myblog.yahoo.com/happy-too/">幸福小棧</A></TD></TR> <TR> <TD height=160></TD></TR></TBODY></TR></TBODY></TABLE></TD> <TD></TD></TR></TBODY></TABLE> 想整篇發表的網友，只要複製下列語法，進入發表文章後先將觀看HTML 原始碼打勾，再把語法貼進”空白內容”處，（切記不可預覽）直接發表就可以囉～語法： <embed src="http://kanny1111.googlepages.com/blog25.htm "width="600" height="3800"></embed> 有任何使用上的問題請洽 .msgcontent .wsharing ul li { text-indent: 0; } 分享 Facebook Plurk YAHOO! 住商房屋 .