在好一段時間以前,曾寫過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軸的位置,因為每個人的版型不同,所以可能要自行增減數字,調整到最合適的位置喔!
若設定上有問題,歡迎留言討論。

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

arrow
arrow
    全站熱搜

    凱特打結 發表在 痞客邦 留言(10) 人氣()