登錄站點

請由此登入

醉嬡

醉嬡的日誌

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

第一次分享~簡單的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;}
..........................................................
 
分享
舉報|
4136 次閱讀 | 79 個評論
全部(34)

留下腳印

評論

  • 凱葶
    回復
    凱葶 2010-07-22 13:39
    感謝嬡的分享^^
  • 醉嬡
    回復
    醉嬡 2010-07-22 13:41
    凱葶: 感謝嬡的分享^^
    謝謝葶~~呵..好友要我分享~其實有點不好意思~因為自己還不太會玩這個捏!
  • 凱葶
    回復
    凱葶 2010-07-22 13:57
    醉嬡: 謝謝葶~~呵..好友要我分享~其實有點不好意思~因為自己還不太會玩這個捏!
    別這麼說..有好的東西就能與好友分享是很難得的！感謝嬡唷！
  • 醉嬡
    回復
    醉嬡 2010-07-22 14:02
    凱葶: 別這麼說..有好的東西就能與好友分享是很難得的！感謝嬡唷！
    有時間再玩出幾個新的來...嘻!3q支持唷!
  • 超級美美
    回復
    超級美美 2010-07-23 00:06
  • 月荷
    回復
    月荷 2010-07-23 00:37
    謝謝分享喔~好棒~
  • 喜悅33
    回復
    喜悅33 2010-07-23 00:50
  • cc_1709
    回復
    cc_1709 2010-07-23 03:01
    分享是快樂的
    嬡加油喔~
  • 醉嬡
    回復
    醉嬡 2010-07-23 10:26
    超級美美:
    這樣弄行不行呀.....哈!
  • 醉嬡
    回復
    醉嬡 2010-07-23 10:27
    月荷: 謝謝分享喔~好棒~
    真的嗎...呵...其實很陽春低!
  • 醉嬡
    回復
    醉嬡 2010-07-23 10:28
    喜悅33:
    看人家的都超美的..我的真的只有3張圖..間單到不行!哈哈 3Q~
  • 醉嬡
    回復
    醉嬡 2010-07-23 10:29
    cc_1709: 分享是快樂的
    嬡加油喔~
    真的很難玩...不過學學也不錯!...加油中!
  • 喜悅33
    回復
    喜悅33 2010-07-23 10:37
    醉嬡: 看人家的都超美的..我的真的只有3張圖..間單到不行!哈哈 3Q~
    很厲害ㄌ呀~~我都拿現成ㄉ
  • 醉嬡
    回復
    醉嬡 2010-07-23 10:51
    喜悅33: 很厲害ㄌ呀~~我都拿現成ㄉ
    ...嘻...我繼續玩玩看有沒有成績單可以交唷!
  • 月荷
    回復
    月荷 2010-07-23 11:39
    醉嬡: 真的嗎...呵...其實很陽春低!
  • 夜光
    回復
    夜光 2010-07-23 14:33
    陽春的卻也讓人眼睛為之一亮~
    只能說~美的感覺不同~
    好棒~可惜都是女生在用的~
  • 醉嬡
    回復
    醉嬡 2010-07-23 14:34
    夜光: 陽春的卻也讓人眼睛為之一亮~
    只能說~美的感覺不同~
    好棒~可惜都是女生在用的~
    哈哈哈...對唷!我會繼續努力..老師..你要隨時思癲拜唷!
  • 夜光
    回復
    夜光 2010-07-23 14:36
    醉嬡: 哈哈哈...對唷!我會繼續努力..老師..你要隨時思癲拜唷!
    我稱不上是老師~
    只是多學一項~
    教學相長~
  • 醉嬡
    回復
    醉嬡 2010-07-23 14:47
    夜光: 我稱不上是老師~
    只是多學一項~
    教學相長~
    真是~有夠客氣的!
  • 想翔
    回復
    想翔 2010-07-23 14:50

    多謝分享
  • 邱比特
    回復
    邱比特 2010-07-23 14:54
    利害喔
  • 醉嬡
    回復
    醉嬡 2010-07-23 14:58
    想翔: 多謝分享
    不客氣唷!呵呵...謝謝留言!
  • 醉嬡
    回復
    醉嬡 2010-07-23 15:46
    邱比特: 利害喔
    沒有啦..就是套用4張圖案而已呀!謝謝鼓勵唷!!
  • 迷思
    回復
    迷思 2010-07-23 16:24
    很棒ㄉ分享  這幾ㄍ都很棒喔 改天來你家分享 ok嗎..^^  
  • 醉嬡
    回復
    醉嬡 2010-07-23 16:27
    迷思: 很棒ㄉ分享  這幾ㄍ都很棒喔 改天來你家分享 ok嗎..^^  
    剛剛有到妳美美的家逛過了~我很喜歡~但是就是做不出來!呵呵...謝謝妳唷!
  • 迷思
    回復
    迷思 2010-07-23 16:33
    醉嬡: 剛剛有到妳美美的家逛過了~我很喜歡~但是就是做不出來!呵呵...謝謝妳唷!
    呵  謝謝  你太厲害ㄌ 很懶又笨ㄉ我太複雜ㄉ 我也做不來ㄋ 相信你可以ㄉ 加油喔 期待你ㄉ下一次作品喔^^
  • 醉嬡
    回復
    醉嬡 2010-07-23 16:35
    迷思: 呵  謝謝  你太厲害ㄌ 很懶又笨ㄉ我太複雜ㄉ 我也做不來ㄋ 相信你可以ㄉ 加油喔 期待你ㄉ下一次作品喔^^
    好~加油加油~謝謝!
  • 迷思
    回復
    迷思 2010-07-23 16:37
    醉嬡: 好~加油加油~謝謝!
    不客氣
  • 邱比特
    回復
    邱比特 2010-07-23 16:44
    醉嬡: 沒有啦..就是套用4張圖案而已呀!謝謝鼓勵唷!!
    還是很棒啦~
  • 兜蕊咪
    回復
    兜蕊咪 2010-07-23 19:12
    妳選的圖  蠻漂亮的喔
    謝謝分享
 79 123