close

製作欄位連結目錄不需再用到任何軟體裁裁剪剪,拼拼貼貼的,

今天要教大家快速又方便的偷吃步啦~

請依我下列步驟做馬上就學會馬上就完成,超簡單的呦~

 

簡易快速製作欄位連結目錄教學:

步驟1.將下列語法複製起來後貼進”html編輯器”的最下方空白處,更改語法紅字部份(圖卡寬度.圖卡網址.圖卡高度-320)共3處

步驟2.按”結果預覽”會在上方空白處看到圖卡,我已將每個要填寫連結文字處先放上小小圖,可自行更換(ps.直接複製小小圖...再貼上即可)

步驟3.打上全部連結文字後,用空白鍵調整位置(ps.千萬不要按enter鍵以免格式亂掉) ,多餘沒做的文字欄請反白按”刪除←此圖示即可,再來反白你打上的全部文字區更改文字字體,文字大小(ps.文字顏色先不要選

步驟4.反白第一行文字做”插入連結 ←此圖示,依此類推全部做好連結,再來反白全部文字更改文字顏色,這樣就做好了....

步驟5.滿意完成後按”編輯原始碼”,複製原始碼語法後貼到自訂欄位就可以囉~

 

呵呵呵.....有沒有粉簡單又快速呀!!只是有點小缺點就是文字不會動啦~~

我最愛用的編輯器,因為原始碼可以直接複製,用這個編輯器可以免去貼語法的時間挺方便的呦~

↓html編輯器直接可在上面操作使用

 

語法:

<TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=2 border=0>
<TBODY>
<TR>
<P align=center></TD></P></TR>
<TR>
<TD>
<P align=center>&nbsp;</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>&nbsp;填 上 文 字</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>&nbsp;填 上 文 字</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;填 上 文 字</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>&nbsp;填 上 文 字</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編輯器或自訂欄位看看

 

 

 

      訂閱格友請點這

   點 此 留 言
   點 閱 相 簿
   最 新 文 章
   最 新 回 應

 

  最  新  文  章

  最  新  回  應
  點  此  留  言
  點  閱  相  簿

  

 

   點 此 留 言

   點 閱 相 簿

   最 新 文 章

   最 新 回 應

   幸 福 小 棧

 

                                               

想整篇發表的網友,只要複製下列語法,

進入發表文章後先將 觀看HTML 原始碼 打勾,

再把語法貼進”空白內容”處,

(切記不可預覽)直接發表就可以囉~

 

語法:

 

<p align="center"><embed src="http://kanny1111.googlepages.com/blog25.htm "width="600" height="3800"></embed>

 

有任何使用上的問題請洽  幸福小棧-臣妾

from : http://tw.myblog.yahoo.com/jw!6tsZ_tKTBAO2g.ZlGcbhZJ4-/article?mid=1389 

 

不過選會動的底圖或小小圖.....字不動,ok的啦~

至於製作的素材上哪找咧??請看....

 小小圖~芯誼分享篇小小圖~薇媽咪分享篇 
 210張長圖卡 477張長圖卡
 318張長圖卡 自訂欄位加寬語法

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 deskwoodss 的頭像
    deskwoodss

    Jorly walk

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