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

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

原本單則噗訊息頁:

原本單則噗訊息頁.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) 人氣()