2009/5/10

[自爽用]Plurk噗浪版型教學-自訂獎項列

在好一段時間以前,曾寫過Plurk版型任你換之CSS簡易教學,隨著時光荏苒,自寫該篇教學文至今都將近一年了,方才在噗浪上走跳時恍然想起似乎很久沒寫相關題材;擇期不如撞日,今天就來分享個純自爽用的-自訂獎項列的小技巧。


所謂獎項列是我自己隨意取的,直接檢視CSS的話該區的標籤是award_bar,翻成獎吧的話,就似乎太深奧了......誰有更好的建議歡迎留言XD。由於這一區的圖示每一種都需達一定條件才能顯示,也就是不是我們想放上去就放上去,而且樣式也沒得挑,所以需要可變通的方法。經由CSS的設定,我們可以加上自己的標章,就像這樣。
我主張台灣獨立

我很獨

設定方式如下:
  1. 首先,按一下河道左上方的「編輯」
  2. 個人設定」的視窗會隨即開啟
  3. 再點選「自訂外觀」標籤
  4. Plurk噗浪版型教學-自訂獎項列

    我很獨

  5. 貼入下列CSS控制碼
  6. .award_bar{background:url(圖片網址) no-repeat scroll 146px 8px;min-height:48px; }
  7. 設定完成後再點選「儲存並更新」
  8. 146px 8px指的是X軸與Y軸的位置,因為每個人的版型不同,所以可能要自行增減數字,調整到最合適的位置喔!
若設定上有問題,歡迎留言討論。

也歡迎加入凱特打結的噗浪

10 意見:


  1. 我們大姐頭 真是噗浪聖手
    看看那精美的小圖示
    每一個都是實力的證明

    回覆刪除
  2. 遙望 Karma 100 >///<~

    回覆刪除
  3. @小笠 聽說你也三枚都有耶(吹口哨)

    回覆刪除
  4. @ajneok 可是噗浪都沒給我們100之後的目標阿(茶)

    回覆刪除
  5. ^^ 你玩plurk真是透徹!
    厲害!

    回覆刪除
  6. 嘿咩~我也是在這裡才認識到噗噗竟有這等巧妙的阿^^

    回覆刪除
  7. 這實在太讚了啦~
    不過真的只能自爽用....

    回覆刪除
  8. 凱特姐您好
    雪特想問,若是要增加多個獎項的話
    在語法上面要如何寫呢?
    一樣是
    .award_bar{.........}
    .award_bar{.........}
    寫兩個嗎?

    回覆刪除
  9. @雪特爺 我試了一下,沒有辦法耶TT我會繼續追查的!!(握拳)

    回覆刪除
  10. @凱特打結
    其實雪特之前也有試過,但好像也不行
    故才會求助於妳的..QQ
    加油(握拳...)

    回覆刪除

◎該一下唄( ̄3 ̄)a

1.本部落格不含"nofollow",多留言幫自己多加分喔!
2.沒有blogger帳號者選擇【名稱/網址】一樣可以留言^^y
3.匿名攻訐、不相干之廣告適用於無條件刪去法,望請海涵:)
4.您可以使用一些 HTML 標記,如:<b>粗體</b>, <i>斜體</i>, <a href='網址'>描述文字</a>
5.勿違反公序良俗XD