創作內容

7 GP

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

作者:莉薇婭莞夢│2008-03-29 21:21:37│巴幣:0│人氣:1264
  你可能發現自己的效果出不來?
  你可能發現自己的自定語法比起套用的美美版面還要更落落長?
  你可能覺得自己的小屋卡卡的,卻不是因為圖片的關係?
  你可能搞不清楚為什麼右邊會不乖乖站好的跑到畫面下面……


  有些朋友改小屋改得很愉快,可是有時候可能也常一頭霧水,這邊只是小小的叮嚀,之前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……是逃避現實,唔……
  把將要大烤的專業科翻譯當成空氣的墮落……好像也算逃避現實……
  把測量工程的實操準備放旁邊,似乎還是逃避現實……呃──
  (我啥都沒看到~~~轉轉。)
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=951475
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|心得|教學|CSS|分享|

留言共 9 篇留言

米兒軒絲
呵,作業要加油喔!
感謝如語的叮嚀呢~(點頭)

03-29 21:23

莉薇婭莞夢
作業……(裝死)

頒發出師狀~
聽叮嚀者,可以當師父開店邦學徒修改語法問題了──(被拖走)

謝謝~~03-29 21:28
混沌的六翼天使
感謝您的小叮嚀喔!

我會注意的!(迷:你的語法不是有某部份也落落長?)

03-29 21:45

莉薇婭莞夢
不客氣~~~
看進小叮嚀者,準備出師了──(灑花花)03-29 21:49
莉薇婭莞夢
對了,不知道您來信的問題都解決了嗎@@?
因為等我注意到的時候已經過很久了ˊˇˋ:::03-29 21:50
混沌的六翼天使
啊!那個已經解決了!

感謝您還放在心上!

03-29 22:02

莉薇婭莞夢
解決就好...>ˇ<03-30 06:41
沙漠植物
囧...這是為我做的嗎(被掌死
經如語姐一說,
才發現如語姐都說中了XD
回家把css全部弄整理乾淨好了= =

03-30 05:26

莉薇婭莞夢
很乾淨了XD03-30 21:16
三倍速の鱈魚排
啊.....

其實還是看不懂- -"

繼續當CSS白痴吧XDDD

03-30 12:27

莉薇婭莞夢
唔,如果有興趣在研究吧XD
套用比較快~~03-30 21:17
 
CSS要教,功課還是要顧阿,大大加油歐,現實生活最重要不要本末倒置了(不過我好像沒資格說人XD)

03-30 16:03

莉薇婭莞夢
我又隨便的混過一天了(默)03-30 21:18
苙呰唲
  整個板面變的好不協調,妳在測試什麼嗎?
--
  話說這些小叮嚀,好像是妳常常念我的,
  也是我常常會去犯的,偏偏又很愛一犯再犯(笑

03-30 18:13

莉薇婭莞夢
噗噗,刷柔色中,不過我又懶得改了……
所以又是荒廢小屋一間……(被拖走)03-30 21:19
藏鏡咪咪
抱..如語真是貼心吶!
來幫推囉!

04-02 08:41

莉薇婭莞夢
我也推……(被打)

(揉著腫腫的腦袋)
謝謝藏鏡的支持~
不用上課呀@ˇ@?
我倒是在混……(再次接栗子)
唔──差不多要去上課了,所以,先說掰囉>ˇ<04-02 09:17
理查.udeupa
您好,
我版面的背景圖明明很大,但是可能語法錯誤,所以變成很小又併排,
可以幫我看看哪裡寫錯嗎?
請看:
/*-----------網頁主體設定--------*/
body{
/*----背景圖設定---*/
background :#f5f5f5; /*背景底色*/
background-image:url(http://i116.photobucket.com/albums/o2/udeupa/Canon%20PowerShot%20G9/Shot%20Testing/Green.jpg);
background-attachment: fixed; /*背景圖片固定*/
}
/*----整體文字----*/

09-03 17:08

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

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

前一篇:【佈景套用】香甜花語─有... 後一篇:【生活】「XXX的HI5...

追蹤私訊切換新版閱覽

作品資料夾

lin881205大家
小屋不定期更新冷門西洋歌曲推廣與Reddit鬼故事翻譯唷!看更多我要大聲說5小時前


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

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