喜歡原創 不隨波遂流!
歡迎正確引用!
版面設計主要原則是資料要簡潔易看, 讓人看得舒服! 美化、用圖越多或快或慢少不免影響了下載速度!
用語法置圖好處是可用不同類形圖片, 很多時使用 Gif, Png 比 Jpg, Jpeg 下載更快, 更多選擇!
走到網上任何網誌、部落格不二話底層永遠叫 HTML!
換圖語法例子: html{background:url(圖片網址) center top repeat-y;}
* * *
一般對上一層永遠叫 body, 通常島主用來放置飄飄透明背景圖, 語法高與濶不加限, 電腦會自動把圖片填充整個畫面!換圖語法例子: body{background:url(圖片網址);}
* * *
版面顯示時先下載以上兩層圖片, 後跟 Css 的變更, 這樣便用了多重背景, 下載速度有點給拖慢了!若外連圖片顯示夠隱定, 不怕斷圖, 背景和標題圖我會用 Y blog 設置 upload 盡量細小的色塊(或用小圖) 代之! *不可留空* 圖片尺吋小了, 可加快下載速度!
* * *
HTML、BODY連標題圖3大部份分佈如圖示:
* * *
語法:
<style type="text/css">/*標題圖*/
#doc3 #hd #asb-header-ctn{background:url(圖片網址) center top no-repeat;height:高度數字px;}
#asb-header-ctn img{height:0px;width:0px;}</style>
***測試、制作及編寫下過心機, 用了時間,
如要引用語法或文章資料請連同我 blog Logo
一併帶走!
沒有留言 :
張貼留言