讓自訂連結列加圖框 (三)
如果您想在自訂欄位的『自訂連結列』加上圖框。
可是,又不想每次要增加連結項目時,都還要再製作圖片。
而且自訂欄位太多圖片,也會拖慢網頁開啟速度。
我們來試試『 如何在自訂連結列加上圖框 』
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的程式使用,請參考鑚底閃字動畫教學
延伸閱讀 圖片文字連結語法整理(一)