登錄站點

請由此登入

醉嬡

醉嬡的日誌

醉嬡的主頁 | 查看全部日誌
查看日誌|返回日誌列表

第一次分享~簡單的CSS

標籤:  分享  2010-07-22 13:38
[flash=xuite] [/flash]
分享簡單CSS 
 
 
CSS1
#header a {color: #990033 ;font-size: 13px;}
body {background: url(http://chat.yes98.net/home/attachment/201005/27/860_12749859829XYa.gif) repeat; color:#990000) repeat; color:#990000;}
#space_mymenu h2, .sidebox h2.title{color:#990000;}
#footer , #footer a ,a{color:#990000;}
.headerwarp { margin:0; padding:0; height: 320px; width:100%;  background: url(http://chat.yes98.net/home/attachment/201005/27/860_12749829833UeU.jpg) no-repeat center 34px;}
#footer { width:100%; 100%; background:url(http://chat.yes98.net/home/attachment/201005/27/860_12749824609CU6.jpg) repeat center top ; margin-top:10px; padding:0; color:#99CCFF; }
#comment_message{ border: 0px solid #1a1a73 ;font-size: 15px;height: 250px;color: #EE3B3B ;background-image: url(http://chat.yes98.net/home/attachment/201007/23/860_1279887816oTMc.jpg); background-repeat: no-repeat; background-position:center;}
......................................................................................
 
 
CSS2
#header a {color: #990033 ;font-size: 13px;}
body {background: url(http://chat.yes98.net/home/attachment/201006/27/860_1277657468qFQf.jpg) repeat; color:#990000) repeat; color:#990000;}
#space_mymenu h2, .sidebox h2.title{color:#990000;}
#footer , #footer a ,a{color:#990000;}
.headerwarp { margin:0; padding:0; height: 350px; width:100%;  background: url(http://chat.yes98.net/home/attachment/201007/22/860_1279772545122i.jpg) no-repeat center 34px;}
#footer { width:100%; 100%; background:url(http://chat.yes98.net/home/attachment/201006/27/860_1277655068gqES.jpg) repeat center top ; margin-top:10px; padding:0; color:#99CCFF; }
#comment_message{ border: 0px solid #1a1a73 ;font-size: 15px;height: 250px;color: #EE3B3B ;background-image: url( http://chat.yes98.net/home/attachment/201007/22/860_127977254279M3.gif); background-repeat: no-repeat; background-position:center;}
...................................................................................................
 
CSS3
#header a {color: #990033;font-size: 13px;}
body {background: url(http://chat.yes98.net/home/attachment/201007/23/860_1279861925XgLL.jpg) repeat; color:#990000) repeat; color:#990000;}
#space_mymenu h2, .sidebox h2.title{color:#990000;}
#footer , #footer a ,a{color:#990000;}
.headerwarp { margin:0; padding:0; height: 320px; width:100%;  background: url(http://chat.yes98.net/home/attachment/201007/23/860_1279860665Z25d.jpg) no-repeat center 34px;}
#footer { width:100%; 100%; background:url(http://chat.yes98.net/home/attachment/201007/23/860_1279860663EF4Z.jpg) repeat center top ; margin-top:10px; padding:0; color:#99CCFF; }
#comment_message{ border: 0px solid #1a1a73 ;font-size: 15px;height: 250px;color: #EE3B3B ;background-image: url(http://chat.yes98.net/home/attachment/201007/22/860_12797725425xp4.gif); background-repeat: no-repeat; background-position:center;}
.....................................................................................................................................
 
CSS4
#header a {color: #990033 ;font-size: 13px;}
body {background: url(http://chat.yes98.net/home/attachment/201007/23/860_12798643083GNm.jpg) repeat; color:#990000) repeat; color:#990000;}
#space_mymenu h2, .sidebox h2.title{color:#990000;}
#footer , #footer a ,a{color:#990000;}
.headerwarp { margin:0; padding:0; height: 320px; width:100%;  background: url(http://chat.yes98.net/home/attachment/201007/22/860_1279781612sbVE.jpg) no-repeat center 34px;}
#footer { width:100%; 100%; background:url(http://chat.yes98.net/home/attachment/201007/22/860_1279781613sjg3.jpg) repeat center top ; margin-top:10px; padding:0; color:#99CCFF; }
#comment_message{ border: 0px solid #1a1a73 ;font-size: 15px;height: 250px;color: #EE3B3B ;background-image: url(http://chat.yes98.net/home/attachment/201007/22/860_1279781613m48v.jpg); background-repeat: no-repeat; background-position:center;}
.........................................................................................
 
CSS5
 
#header a {color: #ff3366 ;font-size: 13px;}
.tabs_header ul.tabs li a, .tabs_header ul.tabs li a span{ background-image: url('http://chat.yes98.net/home/attachment/201008/19/860_1282178355Yk9Z.gif'); color: #ff3366; font-weight: bold; font-size:15px;}
.tabs_header ul.tabs li.active a, .tabs_header ul.tabs li.active a span{ background-image: url('http://chat.yes98.net/home/attachment/201008/19/860_1282178355Yk9Z.gif'); color: #ff3366 }
body {background: url(http://chat.yes98.net/home/attachment/201007/24/860_1279982380vhZF.jpg) repeat; color:#ff3366) repeat; color:#ff3366;}
#space_mymenu h2, .sidebox h2.title{color:#ff3366;}
#footer , #footer a ,a{color:#ff3366;}
.headerwarp { margin:0; padding:0; height: 320px; width:100%;  background: url(http://chat.yes98.net/home/attachment/201007/24/860_1279980966IrRr.jpg) no-repeat center 34px;}
#footer { width:100%; 100%; background:url(http://chat.yes98.net/home/attachment/201007/24/860_12799809674fdI.jpg) repeat center top ; margin-top:10px; padding:0; color:#ff3366; }
#space_page .feed_header {background: url(http://i569.photobucket.com/albums/ss139/calladelily/divider/shinhear.gif) 60% no-repeat;color: #ff3366  ; font-size: 13px; text-indent: 13px; height:40px;}
#ubar h2 {background: url(http://chat.yes98.net/home/attachment/201008/19/860_1282178356ZReZ.gif) -10% no-repeat;color: #ff3366 ;font-size: 13px;  text-indent: 13px; height:40px;}
#space_page .sidebox h2.title{ background-image: url(http://chat.yes98.net/home/attachment/201008/19/860_1282178356ZReZ.gif); color: #ff3366 ;}
#comment_message{ border: 0px solid #1a1a73 ;font-size: 15px;height: 250px;color: #EE3B3B ;background-image: url(http://chat.yes98.net/home/attachment/201007/24/860_1279983470XCa3.gif); background-repeat: no-repeat; background-position:center;}
.feed .detail { color: #ff3366; }
a { color: #ff3366; }
a:visited { color:#336600;}
..........................................................
 
分享
舉報|
4191 次閱讀 | 79 個評論
全部(34)

留下腳印

評論

  • 醉嬡
    回復
    醉嬡 2010-07-23 21:00
    兜蕊咪: 妳選的圖  蠻漂亮的喔謝謝分享
    謝謝妳唷~~呵..希望能越來越進步!
  • 夜光
    回復
    夜光 2010-07-23 21:33
    醉嬡: 真是~有夠客氣的!
    沒有客氣~如果沒有你~
    我可能也是玩玩而已~
    不會去研究一些軟體~
  • 醉嬡
    回復
    醉嬡 2010-07-24 01:40
    夜光: 沒有客氣~如果沒有你~
    我可能也是玩玩而已~
    不會去研究一些軟體~
    有我這個問題人物..也讓你研究得很開心吧!
  • 夜光
    回復
    夜光 2010-07-24 10:48
    醉嬡: 有我這個問題人物..也讓你研究得很開心吧!
    很開心!也很有成就感~
    因為很多都是超級任務~
  • 醉嬡
    回復
    醉嬡 2010-07-24 10:58
    夜光: 很開心!也很有成就感~
    因為很多都是超級任務~
    嘿阿..你最棒呀!
  • bq73999
    回復
    bq73999 2010-07-27 15:14
    哇..這一長篇叫簡單分享啊 ..
    小姐妳也太強了.
  • 醉嬡
    回復
    醉嬡 2010-07-27 15:19
    bq73999: 哇..這一長篇叫簡單分享啊 ..
    小姐妳也太強了.
    內容很簡單啦..你瞧瞧..每篇都幾行而已..不像人家都一整大篇我都看沒有!呵..
  • bq73999
    回復
    bq73999 2010-07-27 15:21
    醉嬡: 內容很簡單啦..你瞧瞧..每篇都幾行而已..不像人家都一整大篇我都看沒有!呵..
    哄對呀, 為什麼別人都一大篇? 妳只要幾行咧..
  • 醉嬡
    回復
    醉嬡 2010-07-27 15:25
    bq73999: 哄對呀, 為什麼別人都一大篇? 妳只要幾行咧..
    我也不知道..陽春的..這些就夠用了呀!
  • bq73999
    回復
    bq73999 2010-07-27 15:29
    醉嬡: 我也不知道..陽春的..這些就夠用了呀!
    哈! 那意思是, 根本不需要那些個長篇大論啊..
    哇災哇災, 以後來妳這兒取比較節能減碳.
    3QQQQQQQQQQQQQQQQQ
  • 醉嬡
    回復
    醉嬡 2010-07-27 15:31
    bq73999: 哈! 那意思是, 根本不需要那些個長篇大論啊..
    哇災哇災, 以後來妳這兒取比較節能減碳.
    3QQQQQQQQQQQQQQQQQ
    不客氣嘿!!呵..
  • ~音癡~
    回復
    ~音癡~ 2010-07-29 13:31
    有看沒有懂
  • 醉嬡
    回復
    醉嬡 2010-07-29 14:52
    ~音癡~: 有看沒有懂
    那真的是...怪東東...神奇又複雜的電腦語法!
  • 塵囂如夢
    回復
    塵囂如夢 2010-07-31 01:39
    加油!!!
    偶也是從完全ㄅ懂...
    一點一滴 慢慢ㄑ嘗試修改 了解設定...
    慢慢地找出自己所要的格式...
    格式制定後 一切就簡單多了...
    這幾個感覺都粉棒~
  • 醉嬡
    回復
    醉嬡 2010-07-31 01:44
    塵囂如夢: 加油!!!
    偶也是從完全ㄅ懂...
    一點一滴 慢慢ㄑ嘗試修改 了解設定...
    慢慢地找出自己所要的格式...
    格式制定後 一切就簡單多了...
    這幾個感覺都粉棒~
    安安唷..你是前輩.我去觀摩好幾次呢!
    呵..語法真的很複雜..我對這個很傷腦筋..
    要不是有興趣..還有一個電腦算強的朋友指點我..
    那簡直是不可能的事勒!謝謝你唷~~晚安好夢!!
  • rumor
    回復
    rumor 2010-08-08 20:19
    辛苦&謝謝
  • 林彩蓓
    回復
    林彩蓓 2010-08-09 18:21
    美呆了~
  • 醉嬡
    回復
    醉嬡 2010-08-09 20:48
    林彩蓓: 美呆了~
    這是剛學的..很簡單的樣式..謝謝妳的讚美唷!!
  • rebaca
    回復
    rebaca 2010-08-18 17:06
    哇.............感謝你的分享也 ..對我這門外漢來說..真的是太感謝了..問一下喔..是直接整個copy過去就可以嗎?...(選自己喜愛的)
  • rebaca
    回復
    rebaca 2010-08-18 17:22
    可以問一下你音量都調到多少呀...
  • 醉嬡
    回復
    醉嬡 2010-08-18 22:33
    rebaca: 可以問一下你音量都調到多少呀...
    我的音量沒有數據..靠我的耳朵感覺的呀!呵呵...
  • 醉嬡
    回復
    醉嬡 2010-08-18 22:36
    rebaca: 哇.............感謝你的分享也 ..對我這門外漢來說..真的是太感謝了..問一下喔..是直接整個copy過去就可以嗎?...(選自己喜愛的)
    這是很簡單的版面..當初還不會swf..所以沒有音樂!如果妳喜歡就直接複製貼上就可以ㄌ喔!!
  • 醉嬡
    回復
    醉嬡 2010-08-19 09:28
    rebaca: 哇.............感謝你的分享也 ..對我這門外漢來說..真的是太感謝了..問一下喔..是直接整個copy過去就可以嗎?...(選自己喜愛的)
    早安!rebaca...我又更新的這個版面~改得更仔細了~妳可以重新複製一次唷!謝謝~~呵呵!
  • rebaca
    回復
    rebaca 2010-08-19 10:30
    醉嬡: 我的音量沒有數據..靠我的耳朵感覺的呀!呵呵...
  • jun10
    回復
    jun10 2010-12-24 17:53
    感謝分享~

    醉嬡先告知妮一聲,我前幾天才發現您這篇
    因有98新手會詢問,我會請對方直接參閱您這篇呦
  • 醉嬡
    回復
    醉嬡 2010-12-24 17:59
    jun10: 感謝分享~醉嬡先告知妮一聲,我前幾天才發現您這篇
    因有98新手會詢問,我會請對方直接參閱您這篇呦
    現在看這篇很陽春耶..好想給她下架了捏..
  • jun10
    回復
    jun10 2010-12-24 18:02
    醉嬡: 現在看這篇很陽春耶..好想給她下架了捏..
    麥啦
    既寫之則放之~
    我才分享旎這網址1h=要我立即刪掉喔
  • 醉嬡
    回復
    醉嬡 2010-12-24 18:05
    jun10: 麥啦既寫之則放之~
    我才分享旎這網址1h=要我立即刪掉喔
    不嫌棄的話可以當初步css的了解!!謝推唷!!
  • jun10
    回復
    jun10 2010-12-24 18:08
    醉嬡: 不嫌棄的話可以當初步css的了解!!謝推唷!!
    就是阿~初步!初步!
    感謝~續分享囉~
  • 醉嬡
    回復
    醉嬡 2010-12-24 18:14
    jun10: 就是阿~初步!初步!感謝~續分享囉~
 79 123