創作內容

4 GP

css - 月曆

作者:小角落..│2008-03-19 21:22:42│巴幣:0│人氣:1698
應該很多人用黑背景~或是大圖片..
可是偏偏有個月曆在那邊很不搭的感覺吧..!?
這篇教你不用去掉傳說中的屋頂..
就可以換掉月曆的白底藍底..
不過還是很陽春啦><
沒有辦法單純換掉藍底..
------------------------------------------
1.嗯~就是這張圖↓

------------------------------------------
2.改的很複雜@O@"
  左邊是『首頁』看到的部分,
  右邊兩張是點進去『部落閣』看到的

------------------------------------------
3.是這樣設定..所呈現出來的..

------------------------------------------
★4.在複製程式碼之前,請先用『Ctrl +F 』找看看之前
  是否有寫
『.home_c1』or『.home_t1』唷!!因為不能重複寫!!!

  (建議把他們放在一起)
  如果有相同的 再用/* */ 註解包夾起來..
  這樣以後就知道要改哪裡囉!!

  ex : 我曾經寫過.home_c1,所以我把這行改成↓
  /*.home_c1{color:#757575;}*/ /*2008年+『有』寫文章日期*/

------------------------------------------

  基本上..因為設定背景色(橘色)..影響的範圍有點大..
  所以我把框線(藍線)..和背景色(橘色)
  都隱藏起來囉!!

5.↓以下是程式碼(隱藏後)

/*-------月曆-------*/
.home_t1 td{background:none;} /*月曆背景色 */
.home_t1 table{background:none;} /*月曆框線*/
.home_c1{color:#757575;} /*2008年+『沒』寫文章日期*/
div.right font{color:deeppink;} /*『有』寫*/
.postbox2 img{display:none;} /*隱藏第一張圈起來的箭頭*/


↑抱歉~這裡註解有寫錯..『有』『沒』相反了----3/21改

  若是顏色顯示不出來,
  請參考第四點最後一段的ex
------------------------------------------


6.你也可以把月曆的背景換上圖片唷!!↓(抱歉有點醜orz)
  但是影響範圍就像第二張橘色那樣...
  把第一行換成這樣,貼上你的網址..
  .home_t1 td{background:url(http://網址);} /*月曆背景色 */



  另外小箭頭..圖片不能換..

p.s 這碼好像不能寫在最上面..會不能呈現(?)
------------------------------------------

7.如果以上滿意就..『完成』
  下面的字很無聊~_~
  (我討厭看字!!但是還是要說明一下..)
------------------------------------------




如果不想改2008年的字~可以將c1 換成t1..(取代)
  .home_t1{color:#757575;}
←『沒』寫
  .home_c1{color:#757575;}
←2008年+『沒』寫
------------------------------------------

這是沒什麼用的那行..(第三張圖~咖啡色的字)
  會影響『最新文章』『文章分類』連結文字的顏色
  但是只影響..『有』寫文章日期的『底線』顏色
  .home_c1 a:hover{TEXT-DECORATION: underline;color:#aaa;}





...
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=475075
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|css|小屋|教學|

留言共 6 篇留言

八荒窮極
CSS...
讓我一個頭兩個大....

03-19 22:00

小角落..
我也是阿!!!
快瘋了~看我基本資料就知道了=ˇ=
好像要很搞怪~家裡才會出現人潮(?)03-19 22:02
★晴宇★
日曆不錯^^

03-20 01:35

小角落..
你沒看就回了吧><
別亂丟GP..我會心虛..03-20 07:44
皇羅
我也來改一下月曆好了~推

03-20 09:48

小角落..
加油~抱歉剛剛不在@@03-20 11:52
皇羅
我好像不會改...
我css有用這邊的
/*--小屋統計、個人紀錄文字顏色--*/
.home_c1 a:link, .home_c1 a:visited{color: #e6e6fa;}/*內頁的顏色*/
.home_c1 a:hover{color: #e6e6fa;}/*內頁的顏色*/
會不會這邊有跟月曆的部分衝到呢
所以我改月曆的時候,下面的字的顏色也一起改
怎麼會這樣@@

03-20 10:22

小角落..
因為我有寫過c1 t1
所以我是這樣寫↓
/*月曆*/
.home_t1 td{background:none;} /*月曆背景色 */
.home_t1 table{background:none;} /*月曆框線*/
/*.home_t1{color:#757575;}*/ /*沒寫文章的日期*/
/*.home_c1{color:#757575;}*/ /*2008年的字(跟t1相衝突)*/
div.right font{color:#cc7382;} /*有寫文章的日期*/03-20 11:35
Nydia
這篇不錯哦 ^^

03-20 16:48

小角落..
咦~漏了這篇留言~抱歉阿阿..
嗯~這裡也研究很久~"~
不過用心一點的..
應該看的出來其中的『秘密』03-21 09:22

謝謝^^

04-03 22:17

小角落..
加油唷^^04-09 19:40
我要留言提醒:您尚未登入,請先登入再留言

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

前一篇:有沒有人可以救救我..(... 後一篇:純屬發洩..別點.....

追蹤私訊切換新版閱覽

作品資料夾

LSWsail3128大家
《時空之樹》奇幻小說,有空歡迎看看( • ̀ω•́ )!看更多我要大聲說昨天07:08


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

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