11/21凌晨5:54分，cici終於右學會了一招，"橫幅圖片置換"
每次製作完部落格橫幅，修改CSS裡的URL後，橫幅圖片卻變的很小，
照著各位的指示，取得URL...怎麼樣上傳圖就是小的，真的莫名奇妙
我不死心，終於在凌晨5:54分成功了~好感動!也證明我又熬夜一天了，
明天宏哥要揍我了啦，這一切都值得，我終於修改成功了啦^^(感謝指導過我的媽咪)
相信很多人遇到跟我相同的問題，所以cici一定要把這幾天熬夜的心得分享給大家..
光用寫的一定不清楚，邊看邊做一次搞定，所以我做了圖片分享囉
1.套用樣式-->進入樣式是設計精靈-->CSS原始碼編輯模式
2.按Ctrl+F 左上角出現尋找窗格，輸入#hearder。
3.可看到完整語法(這是以我的樣式為例，每個人的"語法"跟"語法的位置"會不一樣唷)
4.我的完整的語法是:
#header{
margin:0px auto; Z-INDEX: 3; BACKGROUND: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/4a419a65f2725.png) no-repeat top right; WIDTH: 100%; COLOR: #ffffff; HEIGHT: 321px;
}
PS.***其中紅色的部份就是橫幅圖片來源，如換掉這個網址圖片就會改變囉***
5.將上述紅色網址複製貼到瀏覽器，就會看到圖片
6.圖片上按右鍵-->內容-->將原圖尺寸記住，製作自己的橫幅時，尺寸應與原圖尺寸相同。
二、請製作完自己的橫幅
1.準備好自己的橫幅圖片，記得尺寸最好與原圖相同，版面才部會變形。
2.上傳自己的相簿-->到相簿看照片 (如下圖)
3.看到照片後在右下角點 "看原始圖"。
4.接下來會看到原始大小的圖片，這時在圖片上按右鍵-->內容-->複製網址(URL)
5.再到樣是設計精靈-->CSS原始碼編輯模式
6.將原始語法
#header{
margin:0px auto; Z-INDEX: 3; BACKGROUND: url(http://p1.p.pixnet.net/albums/userpics/1/7/591017/4a419a65f2725.png) no-repeat top right; WIDTH: 100%; COLOR: #ffffff; HEIGHT: 321px;
}
紅色的網址改成
http://pic.pimg.tw/cici0165/4b070f7ea6861.png?v=1258753920 (新圖片網址)
7.儲存即可完成。
留言列表
