你要擁有精緻的圖像框嗎??來來來..看這裡~~
從roy那裡又學了一招 "拍立得樣式的精緻照片框!! "技巧了. 原先我因為照片size太大,post出來後會超出原來blogbody size. 經過roy指點迷津後,這段語法如果要控制圖片的寬與高,需要修改 width 與 height的設定值, ㄏㄏ~~依樣畫葫蘆,馬上給他改變一下數值,一張有著拍立得樣式的精緻照片框完整呈現.helenna 的完成品如下:
姵羽姐姐在做啥??
Jul 27. 2004.
photo by ㄇ咪
旁白解說員no. 2 :ㄇ咪
在做這樣設定過程中,遇到一些曲折.編輯完畢後進入單獨的 blog 網頁內容時, 預覽時看起來是okㄡ..可以看見那張照片乖乖的躺在文字旁邊.但是一定稿出去以後,照片竟然憑空消失了.不然就是照片可以看見了...可是照片卻卡在上下兩篇blogbody..而且右欄(#links)全部掉到左欄(#content)下方..
只好把問題求助於roy. roy看過後,回答說:
(1)把語法中的" float:right;" 拿掉,這樣照片就會出現在妳現在文字的下方囉!
(2)div style="width寬度中"實際寬度" 不需要 "+20"! (3)在solid #999999後加上圖片的寬與高的值.
按照roy所說方式更改之後,.左欄(#content)部分是沒問題了,照片也乖乖就定位.怪的是為何右欄(#links)內容還是全部掉到左欄下方?檢查樣式版中欄寬設定也沒錯誤ㄚ,若把這篇poster拿掉後版面就恢復正常....
helenna左思右想百思不得其解.最後,請學長redeye幫我再check check 一下,redeye 真是眼尖,不愧為視力2.0,馬上就發現問題所在:原來是helenna自己雞婆在貼圖語法前多加了幾個字.難怪每次它在link抓檔的時候就出問題. roy and redeye ,兩位大師多謝啦..
這照片效果真的很棒...^___*
全站熱搜
留言列表
