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

好久沒玩噗浪了,這個月初噗浪改版,經過噗友留言告知,回到了噗浪來看看,發現這次改版有許多革新的地方,比如說,終於出現了可以讓使用者直接上傳背景圖應用在自己版面的功能,這對於不懂css語法,只是想換張自己喜歡圖片當噗版背景的噗友方便多了。

從開始玩噗版以來,噗浪預設的版型經歷了許許多多次大大小小的變動,也因此,我們在不同時期製作出的噗版,有許多地方已經失效,或是跑位了,看著不同期間裡寫的噗版css,彷彿紀錄了那期間裡自己玩浪的喜好與心情,每個版型都值得玩味。

使用噗版的噗友,也很珍視自己所選用的喜好噗版,所以有許多噗友留言或傳訊息給我,希望能更新或修正長年愛用的版型,我會將這些訊息都記錄下來,趁有空的時候一一來做更新,還請噗友們稍候喔~

Posted by M6 at 痞客邦 PIXNET Guestbook(22) 人氣()

這篇會持續置頂並更新方便大家查找與使用相關文章 

 

Posted by M6 at 痞客邦 PIXNET Guestbook(173) 人氣()

整理好2016新版噗浪的基本款後,接下來,就是因應新的噗版預設項目的調整,嘗試河道與主控台排版的不同類型。

收合顯版置左-白.png

將主控台固定顯示於網頁左上方,收合部分資訊。

2016噗版基本款 為基礎,加上 /*----主控台調整位置置左--基本款--收合顯版*/ 這段語法,調整主控台的位置。

可以因應自己喜歡的顏色,調整背景色系。例如:

收合顯版置左-黑.png

黑色底,讓字的顏色跳出來。

黑色的基本款語法 請參見 /*2016噗版CSS基本款-主控台置左-black*/

Posted by M6 at 痞客邦 PIXNET Guestbook(4) 人氣()

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

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

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

m101111.png

 

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

2016basic.png

,

Posted by M6 at 痞客邦 PIXNET Guestbook(4) 人氣()

原本的分享與表情圖示區,多出了「每日一照」的功能選項後,需要做修正的地方如下:

每日一照  

多出的選項導致原本的表情選單跑位,需要調整 .icons_holder 段落中的數值,將原本的 18px 改成 48px。

改位置  

改好位置後,表情選單就能正常顯示。

如果你用不到「每日一照」這個功能,也可以直接把它隱藏起來。語法:

/*隱藏每日一照*/
.cmp_webcamp_off, .cmp_webcamp_on { display : none !important; }
 
這樣原本的表情選單就會恢復原樣。如下:
隱藏每日一照  
 
或是可以換成一致的圖示,讓選單列呈現一致:
更改每日一照  
 
使用語法:
.cmp_webcamp_off, .cmp_webcamp_on
{
background: url(這邊放圖片網址) no-repeat scroll top left;
width: 16px; height: 16px;
}
然後改 .icons_holder 段落中的數值,將原本的 18px 改成 40px。
 
相關的高度與寬度數值,需要依據所使用的圖片大小作調整。
 
,

Posted by M6 at 痞客邦 PIXNET Guestbook(10) 人氣()