這兩天玩了一下噗浪最新的預設版型,整體的設計相較於之前有很大的進步,除了可讓使用者自行上傳背景圖外,許多功能小視窗都變好看了。

雖然頁首以及單則訊息頁等處仍舊無法自訂,但現在的新版噗浪直接使用預設版對一般使用者很OK,進階的想要自己做噗版,符合自己喜好的噗友,才需要學習如何用css打造版型。

這是我原本選用的預設版:

m101111.png

 

這是經過自訂css調整後的樣貌:

2016basic.png

為了更新既有的噗版,以及繼續製作新的版型,我整理了新版的基本款,CSS內容放在 2016噗版CSS基本款

連結中這篇筆記的內容會隨著有新發現而隨時更新  ^ - ^ 。

 

希望換上背景圖的噗友,可以將背景圖網址貼在語法中

/*----畫面佈景*//*background*/
html
{
background:#fff url() center top no-repeat !important;
background-size: cover !important; /*符合瀏覽器大小*/
}

在 url( ) 的 (  ) 裡放入網址就可以囉。

放上背景圖又是另一種感覺:

2016m101111_1.png

 

套用基本款後,可以隨著背景圖的不同,更換預設的噗浪選項來調整頁首橫幅的顏色,然後再更改其他諸如文字與連結顏色等色系,就可以時常換用不同的心情。

像這樣~

m101111_color.png

(圖片來源:san-x桌布)

 

繼續更新噗版中~

 

 

 

創作者介紹
創作者 M6 的頭像
M6

金羽銀華

M6 發表在 痞客邦 留言(4) 人氣()