直接把文字套入logo底框加連結
本文引用自314部落格，格主很熱心又大方，常常發表許多的部落格語法及一些軟體應用常識，還有許多可應用的圖片。讓大家都能分享，所以若有任何ＣＳＳ語法不明瞭，或需要一些圖，在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>
※以上兩個範例圖示的變化，就請大家慢慢的修飾了。
說明2：因為logo圖的大小是88*31，在語法中設定了，文字是3(size=3)，所以可以佔滿logo圖的文字，等於是6個全形文字兩行喔！因為我的文字只用四個（玄音小棧），所以我加上兩個全形空格，若是您的文字有六個就不用加了，若多個六個，那麼就要再縮小文字的設定(size=3)改成2測試看看。然後再加上<br>（<br>是指斷行），之後再加六個全形空格，要加上全形文字也可以喔（要測試）！呵呵！好像很麻煩喔。。。
。。。不過挺好玩的啦，破解了奇摩的限制，總覺得很有成就感。
※注意1：整段語法除了更改網站網址跟logo網址，其他不要改喔！不然又要重新計算它的大小了。
呵呵。。很麻煩喔！有空就玩玩啦，測試看看若不這樣打，會出現什麼情況，很有趣的喔。
大家加油了。。祝福您 玩得愉快～
語法說明：
這不是真正ｌｏｇｏ的做法
但可以做出不會郁動之ｌｏｇｏ及加上連結
圖片網址要找些可做 logo 之底圖
size="3" 是字之大小
color="blue" 是字之顏色
text-align:center 是文字置中
center 可改為 right 或 left
文字便可設定在 logo 圖上之左或右
width:88;height:31; 是圖片高及闊之尺寸
※補充：
TEXT-DECORATION: none" ←連結去底線
此教學文引用參考雄之網頁
留言列表
我的連結 