小屋創作

日誌2007-10-12 21:04

【CSS閒語】上面那些無聊的廣告文字。(Ver2.0)

作者:櫻澤楓

※:因小屋已於2010年11月4日改版後廢除CSS功能設計,即日起本篇文章已無參考作用,
僅保留作為歷史文章精華之用途。

這樣寫應該不會扯到某方面的事情吧。囧

本人承認實在是太無聊....所以才會寫出這個= ="
若是對上面那三個廣告文字形式看不慣者
或是想對上方版面做個徹底大改造(?)者,不妨可以考慮隨心改一下。

因為上面的廣告CSS語法架構已改變,所以另外撰寫並同時更新於本篇上。

--

div#nt_topnews{
background:none;/*背景*/
border:0px;/*邊框*/}

div#nt_topnews table td a{
color:#51262B; /*字型顏色*/
font-size:10pt; /*字型大小*/}

input.nt_bar2{
border:1px solid #51262B; /*搜尋列框*/
background: url(http://背景圖片) repeat #F8F5EC; /*搜尋鈕背景色*/
font-family:"Arial"; /*搜尋列字型*/
color:#51262B; /*搜尋列字色*/}

input.nt_barbtn2{
border:1px solid #51262B; /*搜尋鈕邊框*/
font-size:9pt; /*搜尋鈕字大小*/
color:#51262B; /*搜尋鈕字色*/
background: url(http://背景圖片) repeat #F8F5EC; /*搜尋鈕背景色*/}

--

另外,其實呀,最右上方的那些文字,看到沒?
就是「=選擇其他服務=」下拉選軸旁邊那幾個字,其實也是可以改的。

--

/*--------------------------頂端選單文字------------------------*/

.wide_toptext {
FONT-SIZE: 8pt; COLOR: #51262B ; TEXT-DECORATION: none
}/*基本文字樣式*/

.wide_toptext A:link{
FONT-SIZE: 8pt; COLOR: #51262B ; TEXT-DECORATION: none
}/*連結文字樣式*/

.wide_toptext A:visited{
FONT-SIZE: 8pt; COLOR: #51262B ; TEXT-DECORATION: none
}/*造訪過後的文字樣式*/

.wide_toptext A:hover{
FONT-SIZE: 8pt; COLOR: #51262B; TEXT-DECORATION: underline
}/*滑鼠移入的文字樣式*/

--

10pt意思就是指文字大小,不過pt是word程式裡決定大小的通用單位
10px則是照螢幕解析度來決定大小。

「TEXT-DECORATION:underline」這個意思是當滑鼠移入的時候會顯示底線
數值是「none」的時候則不會顯現。

以上進位色碼只是範本用,隨時都可以更改。

好了,廢話完畢。(喂)

15

19

LINE 分享

相關創作

火狐Firefox CSS樣式:回復舊版89分頁列

2024 的個人網頁設計

火狐Firefox CSS樣式:美化套件管理按鈕

留言

開啟 APP

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

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