我在好一段時間以前,曾寫過Plurk版型任你換之CSS簡易教學,隨著時光荏苒,自寫該篇教學文至今都將近一年了,方才在噗浪上走跳時恍然想起似乎很久沒寫相關題材;擇期不如撞日,今天就來分享個純自爽用的-自訂獎項列的小技巧。
所謂獎項列是我自己隨意取的,直接檢視CSS的話該區的標籤是award_bar,翻成獎吧的話,就似乎太深奧了......誰有更好的建議歡迎留言XD。由於這一區的圖示每一種都需達一定條件才能顯示,也就是不是我們想放上去就放上去,而且樣式也沒得挑,所以需要可變通的方法。經由CSS的設定,我們可以加上自己的標章,就像這樣。
![我主張台灣獨立 我主張台灣獨立](http://uz2ddg.bay.livefilestore.com/y1p9ThHpKxvbt1tmSEVC-mMkB64w7CFhtbVaizRGQb9Uf50ecuCHlMuRGB5huOjypBjihb350bM9I0WI6q8FjdxfA/%E5%87%B1%E7%89%B9%E6%89%93%E7%B5%90%E8%A9%B2%E8%A9%B2%E6%B2%B3_3.png)
我很獨
- 首先,按一下河道左上方的「編輯」
- 「個人設定」的視窗會隨即開啟
- 再點選「自訂外觀」標籤
- 貼入下列CSS控制碼
- 設定完成後再點選「儲存並更新」
- 146px 8px指的是X軸與Y軸的位置,因為每個人的版型不同,所以可能要自行增減數字,調整到最合適的位置喔!
![Plurk噗浪版型教學-自訂獎項列 Plurk噗浪版型教學-自訂獎項列](http://uz2ddg.bay.livefilestore.com/y1p9ThHpKxvbt0O6IyUClJBVWl8HHzANG8MaztEGhP6Ixc3q2D9ZSoyzRSuJp0QO-Uz07XGl9hkyZdMp7QB-K5QLQ/%E5%87%B1%E7%89%B9%E6%89%93%E7%B5%90%E8%A9%B2%E8%A9%B2%E6%B2%B3_2.png)
我很獨
.award_bar{background:url(圖片網址) no-repeat scroll 146px 8px;min-height:48px; }
也歡迎加入凱特打結的噗浪。
全站熱搜