Madthiu PALACE
evolving, redefining

受到小踢的邀請（comment ID 剛好是我生日啊！），要獻一獻醜了…

坦白說，這個 style 我也忘了是在哪個站私自「參考」而製成的，不過我也後期加工改了點東西，所以公開貼個文說說的話會較好，當是支持 GPL 精神，或是積點德也好…（總是些白痴的藉口）

其實每套 theme 都有其獨有的 style，不過要「只顯示在內文」應該所有 theme 都不差太遠吧？又，我現在改了的用法其實不是 “external link” 呢，而是 “open to new window/tab” 的，這點可能會令小踢失望了，但要改的話應該也有方法吧，要再找找了。

.post-content a[target^="_blank"] {
background: transparent url(’/path_to_icon.png’) 100% 50% no-repeat;
padding-right: 15px;
margin-right: 3px;
}

.post-content a[target^="_blank"]:hover {
background: #33A url(’/path_to_icon.png’) 100% 50% no-repeat;
color: white;
padding-right: 15px;
margin-right: 3px;
}

我的 CSS 功力非常地弱，還在參考別人修改自己的階段，所以只能看書說故事，及談談我改過的地方。這兩個 style 的分別就是…一個是正常的一個則是 mouse hover 中…如果有朋友可指點一下如何令一樣的 style 用在兩個地方就最好了。要「只顯示在內文」的話那 .post-content 就是關鍵了。a tag 的下面另外說，style 內容嘛，透明背景那字看來可有可無，hover 後的那 color 是文字顏色。出自我手的地方嘛…就是本來沒有 hover 效果的，「貪靚」的我把兩個 style 放在一起，但起初 hover 時 icon 會消失，只變成一塊背景顏色的空位呢。由於技術有限，印象中要做到現在這滿意的效果也花了點時間…

a tag 方面，如果真的要改成連到其他站才顯示的話…抱歉，還沒找到辦法呢，因為實在不知道那個 “^” 究竟有甚麼作用，但看來不是 regular expression，而且這符號在搜尋器內看來有其他功能吧？所以用這個來找不會有合心意的結果，抱歉…

Update！得到 LY 君的指點，原來只需定義兩套 style，一套用作一般 anchor tag（泛指 http://），有 link icon 的，另一套則指明有自己的 blog URL 的 anchor tag 則沒有 icon。謝謝啊！

大概是這樣了，整體其實沒啥難度吧。

題外話：
每次看到「小踢」這稱呼，都會聯想到 XBOX 那 ARPG 《Sudeki》，是想表達日文的「素敵」（suteki，即「惹人喜愛」的意思）吧？