小屋創作

日誌2008-03-14 12:06

css - 隱藏小圖示

作者:小角落..

隱藏以下這些小圖示,

   
1.以下複製貼上
li{background: transparent;} /*隱藏綠點點*/
.button2 img{display:none;}  /*隱藏紅箭頭*/
.button_c1 img{display:none;}  /*隱藏收藏『+』*/
.unline img{display:none;} /*隱藏文件圖示*/
.button3 img{display:none;} /*隱藏勇造下的紅箭頭*/


ps.  『 [font= size=2 color=blueviolet] l i  』標籤前面不用加小點點

2.『完成』
3.以上只有『文件圖示』不能換掉..其他都可以---(3/16)
-------
﹥綠點點 - 
 .post_list{background:url(http://) no-repeat;}
     or
  li{background:url(http://) no-repeat;}

﹥紅箭頭 - 
 .button2 {background:url(http://) no-repeat;
 padding-left:20px;
 padding-bottom:5px;}
 
 .button2:hover{background:url(http://) no-repeat;
 padding-left:20px;
 padding-bottom:5px;}

﹥勇造的紅箭頭 - 
 .button3 {background:url(http://) no-repeat 5% 20%;
 padding-left:20px;
 padding-bottom:5px;}
 
 .button3:hover{background:url(http://) no-repeat;
 padding-left:20px;
 padding-bottom:5px;}

﹥收藏+
 .button_h2{background:url(http://) no-repeat ;}
↑這行很奇怪..不能貼到最上面..
---------------------------------------------------------------
語法小說明..

padding-left:20px; --文字距離左邊20px
background:url(http://) no-repeat 5% 20%; 
  5%  --  圖片與左邊距離   全部的5%..
  20% --  圖片與上面距離  全部的20%  
  與background-position:right; 點像,只是可以較微調

舉例:橘色的框是限定的表格大小,
就是說..你上方的主圖..已經被『無形的table』限制住了,
即使設定100% , 也不可能跑到網頁最右邊去..
0% 0%,在最左邊 
 
20% 0%,往右移動了一點

100% 0%,在最右邊


有看懂嗎~.~?

----------------------------------------------------------
隱藏精華區底線

就是這些地方↓
消除這些文字的底線


1.新增以下語法,
/*精華區底線*/
.unline a:link, .unline a:visited{TEXT-DECORATION: none;}
.unline a:hover{TEXT-DECORATION: underline;}

2.『完成』  

6

6

LINE 分享

相關創作

Anya Melfissa - 口說練習的秘訣

[達人專欄] 【Godot Plugin】幫你的遊戲加入對話系統 —— Dialogic 2

第七章 醫療所

留言

開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】