直接把文字套入logo底框加連結

2013121813:02

直接把文字套入logo底框加連結

分享

本文引用自314部落格,格主很熱心又大方,常常發表許多的部落格語法及一些軟體應用常識,還有許多可應用的圖片。讓大家都能分享,所以若有任何CSS語法不明瞭,或需要一些圖,在314部落格,絕對能夠找的到!大家有空時就去逛逛,絕對值得參觀的。


  製造〔假〕logo 加連結 語法 

 語法範例:

 <a href="連結網址" target=blank><font style="BACKGROUND: url(logo底圖網址); WIDTH: 88px; HEIGHT: 31px; TEXT-ALIGN: center; TEXT-DECORATION: none" color=red size=3>xx網站</font></a>

 

※ 範例圖示1:哇....在別的地方測試都可以完全展示圖片,可是一放到奇摩,又被截頭截尾。

玄音小棧

 

 

※ 範例圖示2:只有用笨方法了修改了。

 

 

<p><a rel="nofollow" href="http://home.pchome.com.tw/good/zz14723/index.htm"><font style="BACKGROUND:url(http://i4.tinypic.com/zxp4l3.gif);HEIGHT:31px;background-repeat: no-repeat;TEXT-DECORATION:none;" color=red size=3> 玄音小棧 <br>          </font></a></p>

 

 

 玄音小棧 
      

↑......color=red size=3> 玄音小棧 <br>      </font></a></p>

 

  歡迎光臨  
  玄音小棧  

↑......color=red size=2>  歡迎光臨  <br>  玄音小棧  </font></a></p>

 

※以上兩個範例圖示的變化,就請大家慢慢的修飾了。

 

 

 


 

說明1:會被截圖,是因為奇摩的一些大大小小限制,所以圖跟文字的關係變成,字佔多大空間,那麼圖片就顯示多大。因此,我現在把文字的地方,前後加上一個全形的空格(也可以加上全形文字或符號),然後再加上一個圖片不重疊的指令。如此就可以看到全圖的logo了。

 

 說明2:因為logo圖的大小是88*31,在語法中設定了,文字是3(size=3),所以可以佔滿logo圖的文字,等於是6個全形文字兩行喔!因為我的文字只用四個(玄音小棧),所以我加上兩個全形空格,若是您的文字有六個就不用加了,若多個六個,那麼就要再縮小文字的設定(size=3)改成2測試看看。然後再加上<br><br>是指斷行),之後再加六個全形空格,要加上全形文字也可以喔(要測試)!
呵呵!好像很麻煩喔。。。。。。不過挺好玩的啦,破解了奇摩的限制,總覺得很有成就感。

 

※注意1:整段語法除了更改網站網址logo網址,其他不要改喔!不然又要重新計算它的大小了。

呵呵。。很麻煩喔!有空就玩玩啦,測試看看若不這樣打,會出現什麼情況,很有趣的喔。

大家加油了。。祝福您 玩得愉快~

 


 

  語法說明:

 

這不是真正logo的做法
但可以做出不會郁動之logo及加上連結
圖片網址要找些可做 logo 之底圖


size="3" 是字之大小
color="blue" 是字之顏色
text-align:center 是文字置中
center 可改為 right 或 left
文字便可設定在 logo 圖上之左或右

width:88;height:31; 是圖片高及闊之尺寸

※補充:

 TEXT-DECORATION: none" ←連結去底線

 

此教學文引用參考雄之網頁

 


 

 

      

    

    

    

      

     

           

      

    

        

       

     

         

    

     

     

    

    

     

    

更多logo底框→