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

目前日期文章:201005 (6)

瀏覽方式: 標題列表 簡短摘要

想要能常常「變身」,重要的是打好基本功底,建立屬於自己的「不二法門」,然後,常練勤更新,就能有屬於自己獨特的樣子。對於噗版而言,不可或缺的幾項資源與工具,有以下幾項:

1. 背景圖
2. 噗浪版型的CSS項目
3. 常用的CSS語法
4. 色碼查詢對照

在開始嘗試做出屬於自己風貌的噗版前,通常是因為一張好看的圖片或照片,誘發以此當作噗版背景的想法,然後一步步尋找適合參考套用的版型,試著換底圖,有了美圖後,又發現有許多地方想再修正,以符合這張美圖和自己的使用習慣,所以就一步步學習了噗浪版型中各個控制因素,如何用CSS語法自訂的功能,達成想要的噗景,讓自己每天看著噗就開心~ ^ ^

這個過程是持續的,發現美圖->應用噗版->修改CSS->完成新版型->每天用噗開心->發現美圖->++++++

接下來,就讓我與大家分享,1.2.3.4 每個步驟中我常用的資源庫與工具吧!

1. 建立背景圖來源書籤群組

San-X 俱樂部  http://www.san-x.co.jp/charapri/top.html

這是我想找新噗圖第一個會造訪的網址,因為~太可愛啦~XD

且會常常更新,每月還有新月曆推出~不只桌布可當噗版背景喔,讚!

Full HD Wallpapers  http://www.wallpapers-room.com/popular/

如果不走可愛路線,那麼,這個網站必是造訪找圖的最佳選擇,有各種尺寸、各種風格的桌布供下載,寬螢幕?沒問題!這邊有很多適合的大尺寸圖片喔~!

Customize.org  http://customize.org/

這是個多面向多種資源的網站,有很多有創意的桌布與版型作品。值得一提的是,它可以直接按照顏色下去找圖,每張圖片也都有附上該圖的色系,很好搭配喔~

Desktop wallpaper  http://www.socwall.com/

這個網站常常會出現特殊的照片、風格獨特的插圖,所以我的書籤寫著「超酷桌布網」,當然,是一定要加入我的圖片資源庫的~XD

Vladstudio.com  http://www.vladstudio.com/zh/home/

這是同一位作者大量產出的創意作品。他的風格我很喜歡,有一個大象的噗版就是使用他的圖做背景喔!還有深受歡迎的「圖書館」版型,背景圖也是出自他手!

Nyalan wallpaper  http://www.jalan.net/jalan/doc/nyalan/summer2007/wallpaper/index.html

可愛喵咪,是日本旅遊網中的代言貓!我常常使用他做為噗版中的主角~ 春夏秋冬都有好心情~

Sketchbook  http://sketchbook-moritake.com/main.html

手繪風的桌布,這個作者創作的圖畫都很舒服美觀,帶有女性輕柔優美的韻味~

bgpatterns  http://bgpatterns.com/

除了大張的背景圖外,你可以選擇像壁紙般簡單優雅的圖當作噗的背景~那就需要這個網站來幫助你囉~!製作平鋪式背景圖的好用網站!

 

可以將以上的網站加入書籤,組織成「噗版專用背景群組」,想換佈景時就去逛逛,一定會有引發你好點子的圖片出現~

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

在發完新噗版後,常常會有噗友回應,希望能有圓角版,以下列出將浪上的噗、以及將噗版中所有看得見的要素都變成圓角的語法,讓大家不管安裝哪一種噗版,都能有圓圓的好心情~ ^ ^

[原噗版]

our planet

our planet

安裝網址: http://www.plurk.com/installDesign/5143441-2eb61ef05d

 

[改浪上的噗為圓角] 

our planet(圓角版)

our planet (圓角版)

安裝網址: http://www.plurk.com/installDesign/5143441-e6b3d6b3e2

 

原噗版要改成圓角版,須變更的語法如下:

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

當安裝噗版後,發現想調整字型與顏色怎麼辦?以下一一解析噗浪各部份的字型與顏色語法,讓大家能一次調整到位~

[原噗版]

RainBow

 

RainBow

安裝網址: http://www.plurk.com/installDesign/5143441-29b3258d22

 

有噗友表示希望將選項顏色改成粉紅色系的,並且換其他字體,所以我將標題、頁首及頁尾等地方改為粉紅色,並調整了字型設定的語法。

 

[改頁首頁尾顏色字型]

RainBow(改新細明體與粉紅色系)

RainBow(改成新細明體與粉紅色系)

安裝網址: http://www.plurk.com/installDesign/5143441-33a8a9c9bd

 

更改的語法與步驟如下:

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

喜歡浪上的噗帶有透明感,或是希望隱藏版面資訊,讓底圖完整呈現的進階使用語法,看過來~

[原噗版]

shinning tail

shinning tail 

安裝網址: http://www.plurk.com/installDesign/5143441-97c5078c33

 

有噗友回應說,希望下方主控台的資訊可以隱藏起來,所以我修正了一段語法,更改後的樣貌如下:

shinning tail (主控台資訊隱藏版)

shinning tail (主控台資訊隱藏版)

安裝網址: http://www.plurk.com/installDesign/5143441-02ff1cf130

 

改過的語法是:

/*資料面板: 透明度變化*/
div#plurk-dashboard { 
filter:alpha(opacity=0) !important;   (先將主控台資訊隱藏起來,透明度設"0")
-moz-opacity:0!important;
opacity: 0!important;

zoom:1;
}
div#plurk-dashboard:hover {
filter:alpha(opacity=80) !important;  (滑鼠移過去,讓主控台資訊顯現出來,透明度設"80,0.8,0.8")
-moz-opacity:0.8!important;
opacity: 0.8!important;
zoom:1;
}

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

打造一個自己專屬的噗版,從瞭解噗浪各部份的語法開始,然後動手修改嘗試,通常,安裝了喜歡的噗版樣式,還是會有局部想要修正、調整,以符合自己最適用的樣貌,這時候,換背景圖,加透明度設定,就是最常見的「變身」手法囉~

[純色系的噗版]

grass shower

grass shower

安裝網址: http://www.plurk.com/installDesign/5143441-2fed0b71d6

 

[更換背景圖、加上透明度設定後的噗版]

shinning tail

shinning tail 

安裝網址: http://www.plurk.com/installDesign/5143441-97c5078c33

 

使用到的語法和步驟說明如下:

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

summer luna

喔~我愛夏天~ 有亮亮的天空 白白地雲 藍藍花花

 

summer latte

來杯 summer latte  再噗吧~ XD

 

發覺噗的好滋味  讓網站也換上新裝  BeMyselfInc.TW

bemyselfinc_com

各種好滋味  Do Re Mi Fa So La Te

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

找更多相關文章與討論