2009年7月14日 星期二

噗浪的背景變更教學

其實我CSS根本看不懂, 與其說是教學不如說是先memo一下, 免得自己哪天老人痴呆了又忘記怎麼改 XD

這邊是時間軸的
#timeline_holder {
background:url(http://1p7g3a.bay.livefilestore.com/y1p9omi3HZuM7j0J_QzSNu-HDiRsawU6ITz32HaZ-3bnJlAGsRLhsLoU1mRfsHcJzj-QouKwTw-eGW3ZDpamL6bD531nGUdNDSD/plurkjacket.jpg) no-repeat center;
}
紅字部份是放圖的空間, 要支援外連, 我是用MSN的SKY drive
no-repeat是因為圖夠大張, 如果是小圖就要用repeat才會把畫面填滿

這邊是主要畫面背景
body, html {
background:url(http://1p7g3a.bay.livefilestore.com/y1pWZni2ZTVwZD3jkrggCH4c0KCDlt-Aot2XTCWw8nSadLy4ch78j2hJOynkeakjmwSUfc7RFTcCAm9KpSIEYwfy6063pXOPk-9/ContactSheet-1%20copy.jpg) no-repeat;
}
一樣, ()裡的檔案空間要支援外連
要注意的是, 最上面的那一橫也算是主要畫面, 一般圖填進去會影響配色。
我是自己製作一張圖, 把上面塗黑, 時間軸的部份塗白, 就不用去動到配色了。
因為我配色能力也是超糟糕 XD

這邊是個人資料面板設定
#plurk-dashboard {
background: rgba(0,0,0,0.7);
}
紅字部份是指定背景透明色是70%的黑色。
當然要改其它顏色也是可以的,
不過一樣的, 因為我配色能力超糟糕, 為了不影響原本配色所以延用黑色 XD

這邊則是輸入噗浪那一塊的背景設定, 設成和上面一樣就好了
.plurkaction, #toggle_tab li.tt_selected, #plurk-dashboard {
background: rgba(0, 0, 0, 0.7);
}
當然也可以不改這邊, 把那一塊弄成另外的設定也是可以的。

其它像時間軸上下左右都可以加東西, 不過因為又要弄配色我懶得去動, 所以就算了。
個人資料面板也有很多可以改, 一樣也是因為懶(毆


0 意見: