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















10 comments:直接留言
哈
2009年5月10日上午10:09我們大姐頭 真是噗浪聖手
看看那精美的小圖示
每一個都是實力的證明
遙望 Karma 100 >///<~
2009年5月10日下午3:01@小笠 聽說你也三枚都有耶(吹口哨)
2009年5月10日下午11:30@ajneok 可是噗浪都沒給我們100之後的目標阿(茶)
2009年5月10日下午11:32^^ 你玩plurk真是透徹!
2009年5月13日下午9:38厲害!
嘿咩~我也是在這裡才認識到噗噗竟有這等巧妙的阿^^
2009年5月14日下午9:08這實在太讚了啦~
2009年5月23日下午7:30不過真的只能自爽用....
凱特姐您好
2009年6月6日下午12:35雪特想問,若是要增加多個獎項的話
在語法上面要如何寫呢?
一樣是
.award_bar{.........}
.award_bar{.........}
寫兩個嗎?
@雪特爺 我試了一下,沒有辦法耶TT我會繼續追查的!!(握拳)
2009年6月9日下午2:44@凱特打結
2009年6月9日下午9:57其實雪特之前也有試過,但好像也不行
故才會求助於妳的..QQ
加油(握拳...)
我也來該該叫》
◎該一下唄( ̄3 ̄)a
1.本部落格不含"nofollow",多留言幫自己多加分喔!
2.沒有blogger帳號者選擇【名稱/網址】一樣可以留言^^y
3.匿名攻訐、不相干之廣告適用於無條件刪去法,望請海涵:)
4.您可以使用一些 HTML 標記,如:<b>粗體</b>, <i>斜體</i>, <a href='網址'>描述文字</a>
5.勿違反公序良俗XD