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

1601

ig32igztoc 發表在 痞客邦 PIXNET 留言(0) 人氣()