讓自訂連結列加圖框 (三)

2007111810:52

 

 

如果您想在自訂欄位的『自訂連結列』加上圖框。

可是,又不想每次要增加連結項目時,都還要再製作圖片。

而且自訂欄位太多圖片,也會拖慢網頁開啟速度。

我們來試試『 如何在自訂連結列加上圖框 』

1.先選一張自己喜歡的圖框( 圖框集   )

2.將圖框調整為寬度 130 (如果你的欄位有修改過寬度,請調整為自己的欄寬 )

3.將圖框裁成3部份,然後將這3張圖上傳到您的網路空間,取得網址。

  

 

<p><font style="BACKGROUND: url(底圖網址)" face=標楷體 color=#f373a2 size=5><a href="連結網址"><font color=#00ccff><b>文字</b></font></a></font></p>

 

4.然後將『圖片網址』和『連結網址』加到語法中,修改『文字顏色』『連結的標題文字

5.然後貼到自訂欄位,就ok囉~~

也就是說

1.第一個連結項目,使用第一張圖。中間的連結項目,都是使用第2張圖。最後一個連結項目,使用第 3 張圖。

2.只有第一個連結項目的語法,前面要加『<p>』,只有最後一個連結項目的語法,後面要『</p> 』 

3.文字的位置調整,可以加『全形的空白字』,

要增加空白行,可以用『<br>      』

4.如果您需要文字位置的詳細語法,請參考 讓文字加上背景圖(二)

      
      
 ☞18禁☜ 

 授權音樂 
 文章分類 
 最新文章 
 最新回應 
 訪客作品 
 SwishMax 
 留言板☜ 
 歡迎光臨 

 

如果您所選用的圖框,下方並無圖案,可以只裁成2張。

 《第二張不用製作》 

也就是說,第一個連結項目,使用第一張圖。其餘的連結項目,都使用第 3 張圖。

      
      
 ☞18禁☜ 

 授權音樂 
 文章分類 
 最新文章 
 最新回應 
 訪客作品 
 SwishMax 
 留言板☜ 
 歡迎光臨 

如果您所選用的圖框,下方有圖,就要裁成3張

    

怎樣縮小圖框→『開啟GIF Animator 5』→『編輯工具列』→『編輯』→『調整圖像大小』

怎樣裁剪圖框→『開啟GIF Animator 5』→『編輯工具列』→『編輯』→『畫布大小』

如果您並沒有GIF Animator 5,先下載軟體:    ←點右鍵另存目標  

如果您想要更多GIF Animator 5的程式使用,請參考鑚底閃字動畫教學 

 

延伸閱讀  圖片文字連結語法整理(一)     

讓文字加上背景圖(二)     鑚底閃字動畫教學      圖框集