最近聆賞+Flickr新功能

| | Comments (7)

終於用Flickr把右邊的『‧最近聆賞‧』圖片做好了!我把會用到的照片設在Blog Listening Set裡面再利用Flickr Badge來顯示,另外參考Google到的教學設定了Flickr image的CSS(原有功能太過陽春,不過用IE看還是會有難看的邊邊,不管他了),從今以後,我終於可以擺脫土法煉鋼的MT圖片更新方式了。因為我的圖片在所有的Blog頁面都有顯示,以往更新的時候都要同時動到五個模版,做好了這個功能之後,以後更新圖片只需要更新Flickr set的圖片顯示就可以了。

另外,我一向覺得網路相簿管理起來很麻煩,不管容量多大向來都無法吸引我使用,但這個造成風潮的Flickr真的很易用好玩,一下子就上手,功能也很強大,set/public/private/tag等功能一應俱全。玩一玩後覺得米多力應該弄一個來放中東風情照片啊。

7 Comments

.flickrimg a img{ border: 2px solid #999}
你可以用這個語法就可以覆蓋掉badge本身的設定囉!^^

To mit:多謝親臨指教耶,太感謝了。我再試試看。:)

err...我最近又推銷了一次flickr,你有看到嗎?

To Tony:有啊,你放的那張照片真是鮮艷欲滴。:)

我剛剛試了mit的語法,在IE下還是沒有用。我猜是因為IE不支援很多CSS的關係?不知道怎樣,用IE看就是很醜。

我的方法是把左邊的圖片用div class定義flickrimg
CSS裡面用的是

.flickrimg a,
.flickrimg a:link { color: #999; text-decoration: none; }
.flickrimg a:visited { color: #999; text-decoration: none; }
.flickrimg a:a:active { color: #999; text-decoration: none; }
.flickrimg a:hover { color: #999;
font-weight: normal;
text-decoration: none; }
.flickrimg { border:2px solid #999
}

在Firefox看是OK,不過在IE看還是一樣就是了。

呵,你沒看清楚我寫的。
是這樣才對拉:
.flickrimg a img{ border:2px solid #999
}
你把最後一行再加上"a img"應該就行了。

好了!好了!(大感激貌)真是太高興了!原來是我沒搞清楚,實在感謝mit的教學快遞啊。:)

Leave a comment

About this Entry

This page contains a single entry by cloudwind published on July 9, 2005 2:19 PM.

Pink Floyd! Pink Birthday! was the previous entry in this blog.

海壽司 is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.