不用做圖框,也能讓自訂欄位裡的所有文字連結都排排站好!

2009110411:22

 

格友是否曾經在自訂欄位裡,使用文字做連結工具,但是當要連結的文字分類(例如:"語言翻譯機""色碼錶".........等等)眾多,且分類的文字字數不一時(例:"語言翻譯機"為5個字,"色碼錶"為3個字),所有文字分類會沒辦法整齊劃一的排排站好呢?

請看以下說明:

一般的文字連結語法:

<a href="連結網址"><font color=#色碼 size=字體大小 face=字體><b>文字</b></font></a>

在文字連結前加入紅色部分語法:

&nbsp;<a href="連結網址"><font color=#色碼 size=字體大小 face=字體><b>文字</b></font></a>

在自定欄位裡按空白鍵是沒作用的,必須加入     &nbsp;   方才有用;格友想要文字間隔多遠,就自行加入多少    &nbsp;     

如此可讓所有文字向中看齊,還可讓所有文字連結顏色有所變化,也不用另外替再文字做圖框,是不是很方便呢?!

文字連結前加入小圖,在小圖跟文字中有所間隔:(請看屁屁[收藏區]部落右上方的文章分類範例)

<img src="小圖網址">
&nbsp;<a href="連結網址"><font color=#色碼 size=字體大小 face=字體><b>文字</b></font></a>  

 

完成按儲存後,若要修改,會變成下列模式,看不到&nbsp;只看到空格,

完成後:
<img src="小圖網址">         <a href="連結網址"><font color=#色碼 size=字體大小 face=字體><b>文字</b></font></a>
  

此時只需在<a href="連結網址">前,按  Backspace  ,或是在<img src="小圖網址">後,按  Delete  ,即可將多餘的&nbsp;(也就是空格)刪除.

 

雖不是多偉大的發現,可屁屁還是想與格友們分享,希望有機會能與格友們互相來學習囉!