Idea Grapes

在寫上一篇del.icio.us：網路書籤美味大觀園(2)的時候，想要直接從flickr那邊把照片貼過來。
參考了樂多日誌 cafe 館的簡易教學，設定到最後一步，發現在版面的部分其實是有些玄機的，所以想記錄一下我在flickr做的設定。

flickr預設的版面有五種（按此觀看），我是選"Original size, on it's own line"。理論上可以選擇任何一種，再進去改CSS設定，但如果選擇Mid size或Thumbnail那種，語法裡面的圖片檔案路徑會自動使用縮圖的路徑，如果你希望圖片的寬度大於240px以上，就要選原尺寸然後自己改語法，因為flickr的mid size縮圖寬度只有到240px而已。

進入以後直接找下面的CUSTOMIZE按鈕（圖），然後開始修改CSS和HTML語法（圖）。

由於我的Blog是採取自動換行的設定，所以flickr裡面用來幫助閱讀語法的那些分行全部都要刪除，只保留排版會用到的分行處，參考我的設定，最後只剩下紅色字體的那邊是用enter鍵換行。

對照flickr的預設值，我修改的部分如下：

1. .flickr-photo：border寬度改為1px
2. 刪除樣式.flickr-yourcomment
3. .flickr-caption：font-size改為0.9em，刪除margin-top
4. 在img標籤的最後加上width="450px"
5. 刪除br標籤
6. 把最下面的p標籤整個拿掉，只留下{description}