close
這兩天玩了一下噗浪最新的預設版型,整體的設計相較於之前有很大的進步,除了可讓使用者自行上傳背景圖外,許多功能小視窗都變好看了。
雖然頁首以及單則訊息頁等處仍舊無法自訂,但現在的新版噗浪直接使用預設版對一般使用者很OK,進階的想要自己做噗版,符合自己喜好的噗友,才需要學習如何用css打造版型。
這是我原本選用的預設版:
這是經過自訂css調整後的樣貌:
為了更新既有的噗版,以及繼續製作新的版型,我整理了新版的基本款,CSS內容放在 2016噗版CSS基本款
連結中這篇筆記的內容會隨著有新發現而隨時更新 ^ - ^ 。
希望換上背景圖的噗友,可以將背景圖網址貼在語法中
/*----畫面佈景*//*background*/
html
{
background:#fff url() center top no-repeat !important;
background-size: cover !important; /*符合瀏覽器大小*/
}
在 url( ) 的 ( ) 裡放入網址就可以囉。
放上背景圖又是另一種感覺:
套用基本款後,可以隨著背景圖的不同,更換預設的噗浪選項來調整頁首橫幅的顏色,然後再更改其他諸如文字與連結顏色等色系,就可以時常換用不同的心情。
像這樣~
(圖片來源:san-x桌布)
繼續更新噗版中~
文章標籤
全站熱搜