如何幫 Plurk 噗浪換「背景圖」?

作者:

Plurk的好玩之處,除了人與人的互動之外,他還可以像一般部落格一樣透過修改CSS控制碼的方式來讓你的個人頁面展現不同的風格。其中最多人問也最多人想改的應該就是個人首頁跟「河道(時間軸)」的背景圖了吧?以下用很簡單的方式介紹更換背景圖的方法,如果你想修改其他細節如字體顏色、大小與版面配色等等,可以再參考噗浪官方網站的說明。


延伸閱讀:

  1. 什麼是「噗浪」Plurk?
  2. Plurk噗浪語法、使用教學
  3. 我的Plurk帳號:按這裡請把我加入吧~)

 

 

一、將你的背景圖上傳到免費空間(可外連的空間)

首先,在我們開始設定背景圖之前,請先將你的背景圖上傳到Flickr或其他國外的免費空間。如果你懶得找,其實也可以先在發文時將圖片直接上傳到Plurk網站中(貼圖教學),再把他連過來用也可以。

要特別注意的是,不可以把圖片放在Yahoo!奇摩部落格或無名小站之類的部落格、網路相簿,這些網站並不支援「外連」,如果把其他網站的圖檔連結貼到這邊的話,會無法正常顯示。

以下以「http://xs.to/」這個免費空間為例,請先將你要當作背景用的圖檔上傳到xs.to,然後再依序完成後面的背景圖設定。

 

第1步  打開「http://xs.to/」網站,直接按一下〔瀏覽〕按鈕,選取你事先準備好的圖片,再按一下〔Upload!〕按鈕將圖片上傳到網站中。

01

 

第2步  上傳上去之後,請捲動頁面到最下方,找到「Direct link:」這一行,下面的圖檔網址複製下來,準備等等貼上到Plurk成為背景圖。

02 

 

 

二、修改全站背景圖:

第1步  接著請打開並登入Plurk,在網頁左上方的「編輯」按一下。

03

 

 

第2步  開啟「個人設定」視窗後,請先切換到〔自訂外觀〕頁面,在「進一步運用CSS來自訂您的個人頁面」方框中找到以下的程式碼,並將「url();」括弧裡的圖片網址換成新的圖片網址。 (修改以下範例中標示為紅色的那個網址)

body, html {
    background-image: url(http://i242.photobucket.com/albums/Black.png);
    background-repeat: repeat;
    color: #FFFFFF;
}

如果沒有「background-image:」這一行,請自行加上即可。只要是放在「body, html { }」這一段裡面的就可以。修改完後,請再按一下〔儲存並更新〕按鈕即可完成。 (如果你的CSS欄位裡面都是空的沒有任何控制碼,可以直接複製以上範例程式碼貼上去,改掉圖檔網址就可以囉)

04

 

 

第3步  改好並存檔之後,我們可以看到整個網站的背景圖都變不一樣囉。

05

 

 

 

二、修改噗浪「河道」的背景圖:

第1步  如果你想修改噗浪「河道」的背景圖,則可修改「#timeline_holder」這一段中的背景圖控制碼,如果找不到「#timeline_holder」的設定,可以自行增加,只要將以下程式碼中「url();」括弧裡的圖片網址換成新的圖片網址即可。 (修改以下範例中標示為紅色的那個網址)

#timeline_holder {
background-image: url(http://s3.amazonaws.com/17148/12-26-49.png);
background-repeat: repeat;
border: 1px solid #CCCCCC;
}

如果你的CSS欄位裡面都是空的沒有任何控制碼,可以直接複製以上範例程式碼貼上去,改掉圖檔網址就可以囉。

 

第2步  如圖,修改好並存檔之後,可以按一下鍵盤上的〔F5〕讓網頁更新過後,整個噗浪河道就變得完全不一樣囉。 當然,你要放什麼蔡依林、周杰倫、費玉清、秦漢、林青霞的...什麼偶像明星都可以,或者自己畫一張圖再擺進去也可以,只是不要弄的太花,不要搞到沒法順利閱讀上面的訊息就可以了。

06  

 

延伸閱讀:

  1. 什麼是「噗浪」Plurk?
  2. Plurk噗浪語法、使用教學
  3. 999個超漂亮的Plurk Theme佈景主題(Plurk Templates、CSS)
  4. Plurk支援用IM收發訊息囉!(目前先開放Gtalk)
  5. [噗浪機器人] Mechanical Plurk 全自動的 Twitter→ Plurk訊息同步工具
  6. Ping.fm幫你將訊息同步到twitter、Plurk…等29個網站!


无觅相关文章插件,快速提升流量

非經授權,請勿全文轉載,本文網址:
→ 免費訂閱最新文章:  (如何訂閱?)
作者: | 發佈日期: |
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

 

歡迎留下你的想法或意見...

  1. 小笑 說道:

    重灌大!!!!!!!!!!太感謝你了啦~~~

發表迴響

你的電子郵件位址並不會被公開。

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 

隨機文章

 

本站全部文章分類

PC 個人電腦、Windows 作業系統
Chrome,Firefox,Opera,IE Email 郵件收發、收信軟體 MSN、Yahoo! 即時通訊
Windows 系統設定、功能調整 下載/上傳工具、P2P、FTP 好玩遊戲、休閒益智
影視編輯、轉檔、影音播放 文書編輯、PDF、Office、字典 桌面美化、介面最佳化
檔案管理、壓縮、備份還原 燒錄軟體、光碟燒錄 看圖軟體、繪圖、相片處理
系統維護、設定工具 網路工具、遠端遙控 防毒軟體、防火牆、病毒檢測
音樂編輯、轉檔、播放軟體 好用軟體-未分類
iPad, iPhone 手機、平板電腦
iOS 好玩遊戲、休閒益智 iOS 影視播放、影音編輯轉檔 iOS 拍照攝影特效、繪圖工具
iOS 文書處理、辦公室應用 iOS 桌布美化、系統增強工具 iOS 系統設定、功能調整
iOS 網路瀏覽、其他工具 iOS 美食旅遊、地圖服務 iOS 購物理財、生活應用
iOS 通訊、聊天、社交服務 iOS 音樂播放、音樂編輯轉檔 iPhone、iPad -未分類
Android 手機、平板電腦
  Android 好玩遊戲、休閒益智 Android 影音播放、影視編輯 Android 拍照攝影特效、繪圖
Android 文書處理、編輯應用 Android 桌布美化、系統增強 Android 系統設定、功能調整
Android 網路瀏覽、其他工具 Android 美食旅遊、地圖服務 Android 購物理財、生活應用
Android 通訊、聊天社交服務 Android 音樂播放、編輯轉檔 Android 未分類
免費空間、線上工具、社交網站
Facebook 臉書 Google Plus, Google+ Google 與其他 Google 應用
Plurk 噗浪 Twitter 微網誌 YouTube
網路空間、服務與實用工具
網站架設、網頁編輯、伺服器
Blog 部落格 WordPress 網站架設 網頁編修、網站架設
虛擬主機, VPS, 伺服器租用
硬體3C 其他、不分類
Apple 蘋果電腦 Mac OS X 作業系統
Mac OS X 系統設定、調整 Mac 下載工具、P2P、FTP Mac 好玩遊戲、休閒益智
Mac 影視編輯、轉檔播放軟體 Mac 文書編輯、PDF、字典 Mac 桌面美化、介面最佳化
Mac 檔案管理、壓縮備份還原 Mac 燒錄軟體、光碟燒錄 Mac 看圖軟體、轉檔繪圖美化
Mac 系統維護、設定工具 Mac 網路工具、郵件即時通訊 Mac 防毒、防火牆、病毒檢測
Mac 音樂編輯、轉檔播放軟體 Mac蘋果電腦-未分類