小屋創作

日誌2007-09-10 10:54

【小屋】CSS自訂版面:Q&A

作者:莉薇婭莞夢

本文引用自此
本文引用自此
本文引用自此
本文引用自此
本文引用自此
本文引用自此
本文引用自此
本文引用自此


<最後修改時間2007/09/11 BY如語娃娃>
增加:(2007/09/11 09:35)
  1. 如何修改輸入欄位顯示的游標、滑鼠移到按鈕時的手指游標
  2. 如何設定輸入欄的背景圖。

-----
本區將預訂為CSS的Q&A,雖然我懂得不多啦XD
有問題也可以在本篇發表唷XD~

═══════════════════════════════════════
Q主題:請輸入左邊數字的「輸入欄」背景如何設定?
    (影響:發表回應文章時的輸入欄背景、搜尋XX的輸入欄背景…等)

 starsnowsong (*摘星子*) 時間:2007-09-11 08:15
   哈囉~
   恭喜如語大大,看來您已經有力氣打字了^^~

   我想請問的是
   留言認證密碼:0000的""請輸入左邊數字:""的左邊框格
   裡面的圖案內容是如何填充的呢..?
   這裡跟搜尋部落閣下方的框格是一樣的
   我試了找過,但好像原來沒這個語法的樣子
   (門外漢一枚^^")
   不知有沒有人問過
   但還是感謝解答~辛苦了唷^^

A結果:
  ‧請找到自訂版面中的這一部份「/*----其他共用部分----*/」
  ‧接著找到這個屬性設定「.home_input2」
  ‧在其中加入背景設定語法。
  例如:
   .home_input2{
   background-color:none; /*背景色彩無*/
   background-image : url(http://); /*背景圖網址*/
   background-repeat:no-repeat; /*背景圖不重複*/
   background-attachment: fixed; /*背景圖浮水印*/
   background-position:100% 90%; /*背景圖呈現位置,X軸與Y軸*/
   }

═══════════════════════════════════════
Q主題:如何修改「選擇文字」跟「背景忙錄」時的游標圖
 tetsuche (歪歪) 時間:2007-09-09 22:17
   如語~ 先請個安。 ^ ^
   問個不知道算不算找麻煩的問題…
   妳知道怎麼改「選擇文字」跟「背景忙錄」時的游標圖嗎?

A結果:
1、選擇文字游標,如果是輸入欄的文字游標。
  ‧先找自訂版面中「/*----其他共用部分----*/」
  ‧再找到這個屬性設定「.home_input2」
  ‧在其中加上這段語法「cursor:url(http://)」
  ‧並在「http://」貼上您游標的連結
  例如:
    .home_input2{
    cursor:url(http://)
    }
  〈註〉設定影響的方向:留言輸入欄、輸入發文驗證碼欄、搜尋XX輸入欄
  
2、背景忙碌中的游標是套用每個人電腦系統的游標──那個游標沙漏。如果
  要修改,還真不知道能不能。
-----
補充:
  如果要設定按鈕部分的游標顯示,先參考如語的CSS教學中按鈕設定,
知道按鈕的分類,並把游標的設定同樣的置於其中即可。
  例如:「http://」接上你的游標網址。
    .button2,.button3,.button4,.button_h1,.button_h2{
    cursor:url(http://)
    }
    以及
    .button2:hover,.button3:hover,.button4:hover{
    cursor:url(http://)
    }

═══════════════════════════════════════
Q主題:如何修掉版主回應分色線的外框
 me329492 (J i l l ~*) 時間:2007-09-07 14:33
   我的小屋終於都佈置完畢了
   謝謝你的教學^^

   另外在問一下
   關於「個人部落閣文章版主回應分色線」這個
   是不是一定要有旁邊那個框框啊?
   感覺有框框怪怪的,不好看ˊˋ
   那有辦法移除嗎?

A結果:
  那個框框,我也想消掉,無論試了何種方法,也問了高手,報告那是移除不了的…
  因為我們是設定<HR>這個東西的樣式,它在網頁語法中是物件─分隔線。
  除非有辦法修改巴哈的內定放分隔線的資料──不過就算能,應該會違反站規吧(抖)

═══════════════════════════════════════

2

10

LINE 分享

相關創作

【小屋】CSS自訂版面:最近常見的問題2─右下透明背景的設定

【CSS-Q&A】之1◆ 欄位透明  之2◆ 分隔線消除

【預備活動】自強活動之luna好文自薦/推薦

留言

開啟 APP

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

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