創作內容

15 GP

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

作者:櫻澤楓│2007-10-12 21:04:12│贊助:0│人氣:2596
※:因小屋已於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」的時候則不會顯現。

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

好了,廢話完畢。(喂)
引用網址:http://home.gamer.com.tw/TrackBack.php?sn=252254
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:CSS

留言共 19 篇留言

㊣粉紅蝴蝶娃娃㊣
寫得很棒但是我看不懂>"<

10-12 22:17

櫻澤楓
可以慢慢仔細研究看看。10-13 21:32
皇佳++++++++
感覺不像是巴哈的網頁了:P 好強ˇ

10-13 01:42

Rivet.
勇者小屋的登入登出鈕歪掉了……

10-13 17:39

as reiden
最上面的地方...FireFox 2.0.0.7

勇造的頭位置跑掉(進小屋的方法)

登出登入的那個鈕也會跑掉....

巴哈姆特的LOGO好像不能點(可以瞭解,可能是圖的影響)

10-13 19:00

櫻澤楓
回mikboy跟雷電:

如果是火狐瀏覽的話
請用工具選單->清除隱私資料->勾選「清除快取」
這樣就可以顯示正常了。(應該是火狐圖片快取內存的問題)

剛才用1280x1024解析瀏覽之下,無論IE或是火狐
皆是顯示正常。

另外,那個LOGO是合成的這樣。10-13 21:29
昨日夢醒今日醉
大人,這篇我要拿回去研究^^~推

10-13 20:25

櫻澤楓
歡迎拿去研究。XDD10-13 21:32
拉提沃
你說到選擇其他服務那邊
我又看到你把找遊戲的收尋改成找碴=.="
大大觀察的還真仔細˙˙˙

10-14 19:18

櫻澤楓
其實那個按鈕也是用圖片製作的這樣。XD10-14 21:47
威廉
喔喔!! 又上了一課~~

10-16 14:16

☆Destiny☆
吸收新方法了
感謝大大^^

10-16 15:55

綾奈
謝謝大大分享~我打包帶走哦~~

10-17 10:02

焱雁
推推^^

10-21 10:50

夏日薔薇
偷偷M(越來越懶了我xD

10-22 17:40

櫻澤楓
(抓起來)10-22 23:03
芯璇
謝謝分享
辛苦了


收藏 收藏 ^^

推!

11-18 13:37

影子
謝謝分享~~

01-09 19:43

ㄚ慶
謝謝~我收藏囉:)

02-10 14:09

幸福御守
櫻抱歉~學習中(推推

02-12 23:30

幸福御守
忘記給GP 再回~

02-12 23:31

小角落..
沒想到這也可以改=ˇ=

03-07 23:27

DevilPrincess
對不起我請問一下
上方的勇者大廳和巴哈姆特的圖
該怎麼修改@@?
我找了好久都找不到><

01-17 09:44

櫻澤楓
已私信回覆。01-17 22:30
愛莉希亞
這語法是不是被巴哈擋下來@@
因為我要套用一直跑出來"css格式錯誤請修正(2)"的字樣
另想請問屋頂修正的語法,麻煩您私信給我,感謝

03-12 07:26

我要留言提醒:您尚未登入,請先登入再留言

15喜歡★joe0145 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:累了。... 後一篇:結果最後小屋還是改成這樣...