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

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

每日一照  

多出的選項導致原本的表情選單跑位,需要調整 .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。
 
相關的高度與寬度數值,需要依據所使用的圖片大小作調整。
 
,

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

因應噗友剛才的詢問,表示希望將浪上噗的內容跟展開後的回應列表一樣換行,然後將頭貼放到裡面,所以嘗試了一下換行的方式,也分享給同樣有此需要的噗友。

浪上噗:

浪上噗  

換行後:

浪上噗換行  

,

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

前幾天噗浪將預設版面做了大幅度的更改,頁首增加了一條bar,單則訊息網址頁的排版也大幅更動了。一開始的更動造成大部份版型背景圖無法顯示,並有跑位的情況,後來噗浪有再修改過這點,背景圖無法顯示的問題有些已經解決,但頁首的bar,多出的外框,讓版型整體會有跑位的情況,則仍舊無法解決。

目前用自訂佈景的方式,能夠做的變動其實並不多,因為寫入自訂佈景區塊的css內容,噗浪會在前面強制加上一個項目標籤,所以寫入的內容雖然項目一樣、語法正確,但卻無法顯示。原本浪上的噗回應區的格式也因為如此而無法自訂,後來似乎是有許多噗友反應,這樣會嚴重影響到噗的閱讀性,才開放並恢復了這部分的自訂功能。

頁首的bar更改方式,目前在自訂佈景該項目是無法更動的。而噗浪新的這版頁首,其實可以容納更多選單項目,視覺上也更活潑,較之原本的連結點選方式,有其方便之處,但可惜的是無法自訂樣式,造成背景圖上方多出突兀的一條,而下方捲軸往下拉也會出現底色,讓原先自訂的背景圖無法完全覆蓋住,整個版面看起來是走樣的。

整體外框跑位的情形,雖然無法從自訂佈景改善,但上方橫條bar的底色,我們嘗試過後,可以用時間軸背景語法的方式來暫時蓋過,讓佈景整體趨於一致。

以「不動煌真」這個版型來舉例,

原先跑版情況:

不動煌真

 

調整後:

不動煌真0614+  

,

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

喜歡東逛西逛各式網站已經成為習慣,常常看到不錯的配色、風格或設計,就想練習看看,使用個人的部落格來操作熟練css的用法,或許更改些更適用於自己的細節,不知不覺越來越喜歡css設計這件事,然後也更能得心應手的變化出各式喜愛的樣式設計呢~ 希望有興趣設計樣式的網友或噗友,也能動手試試看,找到其中的樂趣喔

這次逛到這個網站:http://page.mixi.jp/view_page.pl?page_id=390

無印一直是我最愛的品牌之一, 簡潔俐落又實用的設計,成為它的愛用者已經很久了,而看到它在 mixi 這個網站的頁面,覺得十分可愛,就試著改造成自個的部落格樣式囉~

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

再一篇因應網友要求,將原先已有噗版的版型製作成痞客邦部落格樣式:

,

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