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

目前分類:噗浪Plurk (98)

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

雖然之前已經發文說明過相關內容,但因為還是陸續有詢問,所以這次用更簡單的方式列出語法,方便大家取用與學習。

以「White ColorS」噗版為例:

原本的噗版:

White ColorS

安裝網址: www.plurk.com/installDesign/5807705-2f204e3954

 

1. 換背景 (背景桌布圖源:san-x

改背景.png

方式:

將想要使用的背景圖,上傳到像是 imgur.com 等圖片分享網站,然後將直接連結(Direct link)的網址貼入uri( )括弧中:

body, html
{
background:url(這邊放圖片網址) left top no-repeat;
}

然後再把時間軸的背景拿掉:

#timeline_holder
{
background:none !important;
border:0 !important;
}

按「儲存並更新」就可以了。

 

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

3還留有加入按鈕.png

原本的按鈕五顏六色十分繽紛,如果要搭配噗版色系的話,勢必需要調整它們的配色,以下一一列出各個按鈕的語法項目:

/*----------------加入朋友粉絲與傳送私訊按鈕----------------*/

.friend_man.private_plurk   /*傳送私人訊息*/
{
    background:# !important;
    border:1px solid #!important;
    color:# !important;
}
.friend_man.add_friend   /*加入朋友*/
{
    background:# !important;
    border:1px solid #!important;
   color:# !important;
}
.friend_man.remove   /*取消朋友*/
{
    background:# !important;
    border:1px solid #!important;
   color:# !important;
}
.friend_man.pending   /*取消追蹤*/
{
    background:# !important;
    border:1px solid #!important;
   color:# !important;
}
.friend_man.add_follow   /*追蹤粉絲*/
{
    background:# !important;
    border:1px solid #!important;
   color:# !important;
}
.friend_man.block  /*封鎖-加入黑名單*/
{
    background:# !important;
    border:1px solid #!important;
   color:# !important;
}

填入想要使用的顏色代碼就可以了。 色碼查詢網站

如果要用同種顏色設定,如都設成白色,則可以寫在一起:

/*所有按鈕寫一起*/
.friend_man.add_follow,
.friend_man.remove,
.friend_man.add_friend,
.friend_man.pending,
.friend_man.private_plurk,
.friend_man.block
{
    background:#FFF !important; 
  /*背景色*/
    border:1px solid #FFF !important;    /*框線*/
    color:#666666 !important;   /*文字顏色*/
}

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

最近在練習CSS3,很多效果都非常酷炫,但並不是都適合放上各式噗版,所以,特別選了兩款背景圖,來搭配做簡易的設計:

revisions O

/*------------------------------------------------------------------------
*噗浪版型 Plurk CSS: revisions O
*設計出處 Design by: Be Myself Inc. M6
*背景圖源 Background image from: (customize.org)
*安裝網址 Install: www.plurk.com/installDesign/5807705-cc8a17cea5
*更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 我們設計的噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有 保留一切權利 All Rights Reserved --
------------------------------------------------------------------------*/

retrogradeX

/*------------------------------------------------------------------------
*噗浪版型 Plurk CSS: retrogradeX
*設計出處 Design by: Be Myself Inc. M6
*背景圖源 Background image from: (customize.org)
*安裝網址 Install: www.plurk.com/installDesign/5807705-25b3137f56
*更多佈景 More Themes: www.flickr.com/groups/plurkcss
-- 我們設計的噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有 保留一切權利 All Rights Reserved --
------------------------------------------------------------------------*/

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

開心~ 新的基本款樣式出爐囉~

將2010至2011,兩代不同時期的基本款,收錄在 [ 基本款 ] 相片集內,方便大家查詢與使用囉

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

噗浪最近改了單則訊息連結頁的預設樣式,導致許多噗版的單噗頁面會變得雜亂,簡易修改方式已列於上篇文章,這篇是將新的單則訊息頁面相關的樣式項目列出,請需要的朋友參考使用,動手改改看適合自己噗版的單頁模樣~

原本單則噗訊息頁:

原本單則噗訊息頁.png

經過CSS編排後的樣式:

經過CSS編排後的樣式.png

將項目列出如下~

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


關於噗版設計或說網頁CSS著作權的說明,我們認為有必要寫此文來告訴大家正確的態度與認知,因為 狗頭魚尾紋 這位網友被通知有抄襲我們噗版部份設計內容後的回應,其中對於原創與抄襲的認定與見解,正是許多從事設計與創作者常常會產生的渾淆觀念。我們不希望讓還不熟悉CSS、或是希望自己設計CSS的朋友,認為取用他人的語法內容當作自己的發表是理所當然的,在學習的過程中,參考各式語法和創作者的寫法,不代表能直接取用(複製貼上改數值)當作自己的設計。

請大家特別留意原作者的授權範圍,尊重原創,也尊重自己喔  ^ ^

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

單則噗頁面(單則訊息網址獨立頁面),噗浪改了它的樣式設定,所以,原本看起來好好的清爽的版面,會變成~

噗浪亂改了.png

像這樣。

所以,套用之前噗版設計的噗友,有需要的話,請將下段語法複製貼上,先簡單恢復版面樣貌:

/*單則訊息連結頁去背景更正*/
div#plurk_responses h2 a, /*標題連結*/
#plurk_responses div.feed-link a, /*分享連結*/
#plurk_responses ul.responses,  /*回應列表外框*/
#reply_box,  /*回應區*/
#reply_box_holder
{
    background:none !important;
    border:0 !important;
}

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

因之前被通知有侵權狀況的網友,對於我們的做法有疑慮,我已留言回應於他部落格,
將內容也轉貼在此,希望有疑慮的朋友可以瞭解我們的態度。

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

說是有了「首頁」,其實...是將幾天前出現的 "Plurk top" (後來中文翻譯成「話題榜」) 直接當作了「噗浪首頁」......

關於 "Plurk top" 短暫的出現及每日一更新改變,請參考之前的這篇文章:

[ plurk news ] Plurk Top 的出現

 

原本出現在發噗區的 "Plurk top" (話題榜)標籤,消失了~

又多了新玩意_plurk top.png

原本的話題榜又不見囉.png

再次恢復兩個頁籤狀態~XD

 

然後,首頁的星號與連結出現在個人檔案左邊:

首頁,.png

 

原本放在每則噗下方的 "「Add to Plurk top」" 推文按鈕,放到了消音的旁邊:

推文按鈕改地方.png

 

這樣的改變,將噗浪首頁直接以「話題」來呈現,是代表噗浪定義在「話題社群」上了嗎?XD

原本簡潔的首頁(登入入口),跟現在熱鬧的頁面,其實改變甚大,在代表意義上更是 ^ ^

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

 

/*使用說明------------
此噗版的 "HAPPY TWO YEAR" 字樣是標題處自行輸入的文字,
亦可輸入其它文字,或是更換字型喔 ^ ^
------------------------*/

/*------------------------------------------------------------------------
*噗浪版型 Plurk CSS: HAPPY TWO YEAR
*設計出處 Design by: Be Myself Inc. M6
*背景圖源 Background image from: (NA)
*安裝網址 Install:  http://www.plurk.com/installDesign/5807705-fd277ee098
*更多佈景 More Themes:  http://www.flickr.com/groups/plurkcss
-- 我們設計的噗版CSS僅供個人自用,請勿改製再分享或用於商業用途 --
-- Copyright: 版權所有 保留一切權利  All Rights Reserved --
------------------------------------------------------------------------*/
/*-------------------------------版權說明-------------------------------
此噗版由「如我協力創意工作室 Be Myself Inc.」 設計提供,版權所有。
僅開放個人套用,歡迎個人噗友學習改成最適合自己的樣式(請註明原CSS出處),
商業性質及其他利用方式請勿套用、改製或引用,謝謝。
---『我們並未授權創作者擅自使用我們的CSS修改後再分享,請尊重原創,謝謝~』
------------------------------如我協力創意工作室 Be Myself Inc. M6***
------------------------------------------------------------------------*/

 

[ 語法說明 ]

在個人檔案設定的「自訂佈景」頁面,填入想要的自訂標題:(此噗版範例是"HAPPY TWO YEAR")

個人檔案標題.png

進一步,可以再依照個人偏好更改標題部份的CSS設定:

自訂字型大小顏色等.png

語法內容:

/*標題*/
#page_title
{
    color:#cf5a00;   /*改字顏色*/
    font-size:50px;   /*改字大小*/
    font-family:"華康行書體";     /*字型設定*/
    letter-spacing:1px;     /*字元間距*/
    text-shadow:1px 1px 2px #cc9966;    /*陰影效果*/
    top:120px!important;      /*標題距離上方位置 */
    left:140px!important;    /*標題距離左邊位置*/
}

 

新的一年,祝大家能開開心心妝點屬於自己的噗版生活喔 ^ __ ^

 

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

今天噗浪出現了一個新功能:「Plurk Top」

它出現在原本 「plurk」 「搜尋」 的頁籤旁邊,還搭配了個醒目的星號:

又多了新玩意_plurk top.png

點開來看,可以發現,這功能的出現,主要是噗浪希望開創另一種互動方式,讓噗友能有更多「話題」可聊,也能因此認識新噗友 ^ ^

新增分享.png

 

想要加入或分享話題嗎?可以按右上方的「+新增分享」按鈕,把你認為值得分享的好話題噗在「Plurk Top」 中:

新增分享視窗.png

貼上該訊息的網址,並選擇分享到哪一個區域的話題中。

該噗的「訊息網址」會出現在河道上該則噗展開後的最下方:

每則噗的最下方.png

點開就可以看到該則噗的獨立網址囉!

另外,也可以直接點左邊「Add to Plurk top」"增加到Plurk top"的這個連結,就可以直接分享該訊息了~

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

最近又有噗友問到如何隱藏朋友粉絲圖的問題,因為噗浪預設會出現好友與粉絲的資料與代表圖,

如果希望提高隱私的設定,隱藏這部份的資料,目前只能靠自訂CSS來幫忙囉~

 

原本登入後的朋友粉絲區長這樣:

0原本.png

我們可以用CSS把朋友粉絲圖示隱藏起來:

1隱藏照片.png

語法:

/*-------------------------------/ 1 /  --------------------------*/
/*隱藏朋友粉絲圖***/
div#dash-friends-pics, div#dash-fans-pics
{
    height:0px;
    overflow:hidden;
    zoom:1;
}

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

問/Q:
請問是否可以按照自己的喜好,
將個人資料的部份分成一塊一塊的呢?
我比較喜歡圓角的區塊:)
請問有辦法嗎?

答/A:

噗浪預設的主控台背景:

0原本的主控台長這樣.png

以下列出幾種基本的背景變化方式和所使用的語法,請選擇自己喜好的來試著調整看看 ^ ^

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

問/Q:如果想要把背景改成能符合螢幕大小有辦法改嗎?

答/A:

因為每個人電腦螢幕的解析度不同,從1024x768到2560x1440都有,而我所使用的筆電是1280x800,慣用的瀏覽器是火狐,所以通常設計噗版的樣式呈現以此為準,如果要調整背景圖大小來符合使用者螢幕,之前的做法是,將原圖另存新檔後再自行縮放調整、上傳到圖片空間取得直接連結,然後更改語法中的背景圖網址

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

語助詞是玩噗用來表達心情的好設計,但它的顏色或許不符合我們的心情狀態,或是不適合搭配噗版樣式,這時可以用自訂CSS的方式來調整它。

之前有噗友詢問過語助詞的設計,但噗浪對於語助詞的部份有再小改版過,把原本放在分享裡面,
像是分享照片、影音等的功能拿出來,移至發噗框的下方了,所以之前語助詞的語法又需要更新囉~

因應噗友的詢問,將相關的語法項目整理列出,歡迎個人噗友修改自用,記得標注引用出處喔~

(完整版權說明請見部落格頁首公告區,需要詢問的話歡迎私噗給我 ^ ^ @66660000)

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

昨天許多噗友應該都發現,噗浪最高的卡馬值竟然不是100,原本到達100滿分的紛紛爆表XD

Karma100.01+.png

這是怎麼回事呢?而原本正常的情況下,該出現的100滿分俱樂部小徽章也不見了...

正常的卡馬100情況是:

100徽章正常應該有ㄉㄖ.png

我第一時間直覺認為,這是噗浪系統出了錯誤,而且前陣子就有噗友反應卡馬甚至會出現101等破表分數...

今天一早,或許是噗浪官方討論過後,決定將錯就錯,乾脆公佈開放卡馬,讓卡馬無上限!!!

沒錯,而且小徽章 Karma 100也重新出現了~

持續100+.png

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

近日又陸續發現冒用我們噗版設計的網站,所以要特別再次發文聲明一次~

**請大家注意**

-- 我們設計的噗版CSS內容僅供個人自用,請勿改製再分享或用於商業用途,謝謝 --

未經授權而擅自使用他人的設計是侵權的行為喔~ 請尊重原創~ 謝謝~

 

如我協力創意工作室 Be Myself Inc. M6
www.plurk.com/66660000
m66660000.pixnet.net/blog

如我協力創意工作室主網站
http://bemyselfinc.tw

 

以下列出有侵權狀況的網站,請已套用的噗友能移除勿再使用,我們也會持續追蹤,

請這些網站更正,勿再冒用我們的噗版設計。

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

聖誕新年主題2010~2011

將曾經發表過的關於聖誕和新年的主題,放到 Plurk CSS THEME - 聖誕新年主題2010~2011

願大家今年與明年的時光 開開心心&快樂平安

 

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

持續地學習CSS中,參考傑出的網站CSS作品,動手改版~

BeMyselfinc.TW

 

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

噗浪的獎勵制度,除了卡馬外,就是小徽章了~

徽章.png

從上傳大頭貼、發表噗文、註冊累計天數到卡馬值超過81的涅槃境界,

都會出現可愛的徽章作為獎勵的表徵~

點「如何獲得徽章」會跳出小視窗,可以看見共有三十枚徽章可以收集~XD

共有30枚可以收集.png

但是對於整體噗版的設計而言,這些五顏六色的徽章,可能太過華麗炫目了一點,

尤其是當你希望背景是簡潔清爽的時候~

如果你不在意這些徽章,或是不希望它們出現影響版面整體感,可以把它完全隱藏起來,

或是設定透明度變化,讓滑鼠移至徽章的時候再顯現:

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