版權所有+保留所有權利_+_+_
© 2010-2015 Created by 如我協力創意工作室 Be Myself Inc.
**版權說明**
-- 我們提供與設計的噗版CSS內容僅供個人自用,請勿改製再分享或用於商業用途 --
((請勿將全部或部份內容直接取用當作自己的設計))
-- 除了個人噗版自用外(修改請註明原CSS碼出處),其它使用方式均未授權,還請務必注意,勿侵權喔~--

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

雖然頁首以及單則訊息頁等處仍舊無法自訂,但現在的新版噗浪直接使用預設版對一般使用者很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 發表在 痞客邦 PIXNET 留言(4) 人氣()


留言列表 (4)

發表留言
  • 無名時代
  • 我套用了基本版的css,請問主控台的發噗框跟回應噗的回應框,要如何修改成帶點白的底色呢(就是不完全掩蓋背景的穿透白)?
    因為打字時常常會跟背景融在一起,眼睛有點吃力.....

    在此也謝謝您提供了許多精美樣式,還有css,感恩!
  • 在語法中 /*發噗區效果*/ 那段,
    把 background: none !important; 改成
    background: rgba(255,255,255,0.6) !important;
    即可。
    255,255,255 是白色的顏色代碼,0.6是60%透明度,可視需要再做調整。

    M6 於 2016/03/05 18:14 回覆

  • 悄悄話
  • 許嘉薇
  • 請問要怎麼從藍色系改成紅色系???QAQ
  • TheYan
  • 謝謝您的分享
    我有試著換上自己喜歡的背景圖片 將圖片網址貼入 URL()
    但是完全沒有變化,找不到問題在哪,讓我很苦惱。