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

Posted on 2009年5月9日 星期六 by katejane12 in , , ,
在好一段時間以前,曾寫過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 意見:

小笠 提到...


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

ajneok 提到...

遙望 Karma 100 >///<~

凱特打結 提到...

@小笠 聽說你也三枚都有耶(吹口哨)

凱特打結 提到...

@ajneok 可是噗浪都沒給我們100之後的目標阿(茶)

兔爸 提到...

^^ 你玩plurk真是透徹!
厲害!

空屋中... 提到...

嘿咩~我也是在這裡才認識到噗噗竟有這等巧妙的阿^^

willy 提到...

這實在太讚了啦~
不過真的只能自爽用....

雪特爺 提到...

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

凱特打結 提到...

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

雪特爺 提到...

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

張貼留言