小屋創作

日誌2008-03-29 21:21

【小屋】CSS自訂版面:你/妳可能不知道的修改CSS小叮嚀

作者:莉薇婭莞夢

  你可能發現自己的效果出不來?
  你可能發現自己的自定語法比起套用的美美版面還要更落落長?
  你可能覺得自己的小屋卡卡的,卻不是因為圖片的關係?
  你可能搞不清楚為什麼右邊會不乖乖站好的跑到畫面下面……


  有些朋友改小屋改得很愉快,可是有時候可能也常一頭霧水,這邊只是小小的叮嚀,之前CSS教學正熱烈的時候,不少高手都提出新手叮嚀,現在不知道還有幾位新朋友會去留意令人心動的效果語法以外的注意事項?
  懶惰語在東摸摸西晃晃之後,摸出也晃出了小小的叮嚀,就請新朋友還有不知道的朋友特別留心一下。

======================================================
參考的概念or叮嚀:(懶惰語只記這兩篇,其他的請大家自己去翻了~)
〈留心這兩篇,你可以解決多數一半的疑問。〉

  【CSS】簡單的貫通CSS的使用概念──啻異(u4)
  【CSS提醒】部份板友編輯小屋CSS常犯的版面錯誤:火狐篇。──櫻澤楓 (joe0145)

-------------------------------------------------------
〈留心以下你可以解決另一部份的問題。〉
小叮嚀一:
    有時候新朋友初接觸語法時,總是抱著莫大的熱忱,看到人家分享的語法,很容
  易就想馬上套用、增加,不過偶爾也往往奇怪自己的語法怎麼會顯示不全。
    除了前述的概念與叮嚀留心外,多留心核對自己的語法,您可以杜絕許多語法執
  行不了或是語法過多造成小屋lag或閃爍的問題。也可以減少語法莫名奇妙有n百
  行的亂七八糟。
    因此建議朋友們在增加語法時,先使用CTRL+F來搜尋「{」之前的名稱是否自己
  已經有了,避免不必要的語法不斷重複造成CSS的執行問題。
  EX:  ─────────────────────────────────┐
  │1.有朋友分享了項目符號修改的語法,很想動手加到自己的css語法中。
  │ BODY {
  │ list-style:url(http://);
  │ }
  │2.開啟自己的自定語法,先持續按著鍵盤上的「CTRL」同時按一下「F」鍵,
  │3.會跳出搜尋視窗,在欄位中輸入「BODY」,找到(或是確認)自己的語法在哪,
  │(假設自己已經有相關的群組,如下。)
  │ BODY {
  │ background-image: none;
  │ background-color:#000000;
  │ background-attachment: fixed;
  │ }
  │4.接著請模仿範例內容修改現有的語法內容,把自己沒有的加進去群組中。
  │ BODY {
  │ background-image: none;
  │ background-color:#000000;
  │ background-attachment: fixed;
  │ list-style:url(http://);
  │ }
  └────────────────────────────────────┘

小叮嚀二:
    留言輸入欄位加上背景圖是多麼令人喜愛的效果,可是,怎麼自己使用教學的語
  法後,仍顯示不出來?
    這個問題通常是加入「textarea」的輸入欄位設定效果……照著後述的步驟,這
  樣子,您的留言輸入欄位的背景就會美美的出來囉。
    1.請利用ctrl+f搜尋「.home_input2」
    2.把其中的背景顏色設定成「background-color:transparent;」

小叮嚀三:
    右邊欄位原則上不太建議使用框線,因為框線最少會佔兩個px,而這少少的
  px就是造成右邊欄位一整個錯位開始與屋主玩抓迷藏的主因之一。
    另一個原因則是有可能左邊在設定時,寬度有調整到,導致右邊可憐的空間不夠
  ,因此玩起自怨自哀的躲牆角遊戲。
    

=======================================================
懶惰語的自言自語:
  把星期二該報告的東西繼續的進度0……是逃避現實,唔……
  把將要大烤的專業科翻譯當成空氣的墮落……好像也算逃避現實……
  把測量工程的實操準備放旁邊,似乎還是逃避現實……呃──
  (我啥都沒看到~~~轉轉。)

7

9

LINE 分享

相關創作

【劇透心得】【文學小說】強風吹拂

西北雨心得:電影《特技玩家》

香x無x腐~最倒楣又最幸運的愛

留言

開啟 APP

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

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