好久以前的文章了...來更新一下吧~(BANNER圖我懶得再找了,這張也好幾年的就頂著先)

以下先給大家看舊的資訊(現在PIXNET自訂樣式搞出來的CSS碼好像又改了一些東西,所以不完全適用...)

我現在PIXNET部落格的版型是用「自訂樣式簡易版」製做的,所以有時想用「自訂樣是進階版」更換BANNER圖就會發生無法更改的狀況。

   

後來我發現有一個方法可以改,不用整個重做。

不過須要到CSS那裡去改。

下面我框起來的那行決定著BANNER區的圖片和高度相關設置。

  

下圖我框起來的是BANNER圖的圖片網址,改這個就可以改圖片

 

那個「310」是整個BANNER的高度,用字訂樣室檢一版做出來預設是300,因為我的BANNER圖高度是310,所以我才改成310,不然我很想改成大約250左右,但這張BANNER圖我才畫好多久而已,下次再改吧!

   

主要就是這樣了~

以下為2018年補充:

到了最近(2018/11/29)我又想把那好幾年沒換的BANNER換一下,結果改以前改過的地方竟然會無效

又稍微研究了一下,找到以下幾個問題:

1) (前面的圖我懶得再編號了)前陣子因為版面有問題(Flash自動被Scale)結果乾脆直接整個版面重弄,結果這次底下多了這行,沒刪掉改前面會沒用

 

2) 再來是之前用的height指令已經無效,所以加上新的background-size:cover,雖然這也已經是CSS3的指令(超久以前的了...)

這個指令基本上就是讓背景剛好填滿版面,有點類似自動Scaling

反正這樣之後就好了XD

所以我部落格現在長這樣~

 

更新資訊:

20181129:新增內文

文章標籤
全站熱搜
創作者介紹
創作者 Ken Lin 的頭像
Ken Lin

Ken的部落格(追車通運)

Ken Lin 發表在 痞客邦 留言(0) 人氣(47)