2008/11/30

Plurk - CSS “來自”顯示小圖示

  之前看到不少人在個人資料的“來自/from”區域左邊置放了小國旗圖示(語法請參考 @kevinkao在 plurk 加入國旗的方法)。以它為基礎,我做了一個可以把台灣圖示擺在右邊的版本,語法如下:

#location{padding-right:18px; padding-top:6px; padding-bottom:6px; background:url(http://i529.photobucket.com/albums/dd333/KururuSocho/misc/Taiwan_Light.png) right no-repeat;}
(適用於淺底色畫面)

#location{padding-right:18px; padding-top:6px; padding-bottom:6px; background:url(http://i529.photobucket.com/albums/dd333/KururuSocho/misc/Taiwan_Dark.png) right no-repeat;}
(適用於深底色畫面)

註:我用 PNG 格式製做透明底,IE6 並不支援。

廣告:按 這裡 可以註冊 Plurk 帳號,順便讓我賺個推薦數吧。:D

9 則留言:

jelaiy 提到...

謝謝你~
成功掛上心愛的台灣,真是開心!
(可惜已有帳號,沒辦法經由你註冊,抱歉@@)

Sorry 提到...

很高興你喜歡。

Tiffy 提到...

Sorry 好厲害!!
我喜歡這個~ ^^

by @ifiwasu

柏 @TW 提到...

感謝你的付出!! :D 把原來的國旗換成你的台灣MARK了 哈哈~

mooo 提到...

謝謝您!

ant2legs 提到...

CSS 線上手冊HTML 線上手冊Javascript 線上手冊 歡迎使用。

tintin 提到...

哇~我也用了~
好可愛的台灣唷~~
謝謝你。:)

旗魚形 提到...

小台灣真的出現了~謝謝你的分享(L)

tachibana 提到...

謝謝~
小台灣好可愛~