歡迎蒞臨蘋果咬一口，請大家務必看這裡呦！




→[所有文章]、→[訂閱RSS]、→[LOGO貼紙]、→[登入痞客邦帳號]



#postmsg a和#postmsg a:hover製造出的變化!
簡單來說，就是滑鼠移過去有第二張圖呈現!
blue73623兔子她這問題丟給蘋果好多天嚕
剛才語法被我搞出來了，我說CSS真是太好玩了!


［效果預覽］



複製語法


#postmsg{text-indent:-3000px;}
#postmsg a{font-size:0px;width: ***px ;height: **px ;color: #色碼;
background: url(http://你的第一張圖.jpg) no-repeat;}
#postmsg a:hover{background: url(http://你的第二張圖.jpg) no-repeat;}


［注意事項］
※蘋果不建議#postmsg a:hover內的background圖檔過大
換句話說，二者的圖檔最好大小一致(不要兩極端大小)


※第一張圖語法內width: ***px ;height: **px是圖檔寬與高
我想大家都知道如何找圖檔的"內容"了唄?


※想知道用什麼『小撇步』做出圖檔可以使效果達到99.9%完美者
請延伸閱讀此篇文章(注意下半部的擷圖教學)








《聲明》
(1)歡迎各位引用此文，但請注意網路禮儀哦
(2)此語法由蘋果自己測試成功所分享，未經同意禁翻製
(3)語法碰到問題，請將個人CSS重點部分po於回应處、留言板亦可




Posted by AppleAppleDouble at 痞客邦 PIXNET Comments(23) Trackback(0) Hits(2744)

Shorten Url Recommend to Front page

Posts on this date
▲top

open trackbacks list Trackbacks (0)

Comments (23)

Post Comment
  • #1 linugany0716 on 2007/10/10 08:21

  • 謝分享！︿︿
  • #2 annie123611 on 2007/10/10 09:46

  • 謝謝~~
  • #3 sky199311 on 2007/10/11 19:23

  • 好酷呀　～～　XD

    謝謝分享 ~~
  • #4 cat50012 on 2007/10/19 10:27

  • 哈哈!!好好用!!!

    A走嚕=D
  • #5 vicky1206s on 2007/10/20 13:54

  • 謝謝分享
  • #6 Colorful1982 on 2007/10/20 17:58

  • 【回覆】以上5位



    不客氣喔!!
  • #7 i5love2ph0 on 2007/10/21 14:56

  • 謝謝分享喽
  • #8 i5love2ph0 on 2007/10/21 14:56

  • 謝謝分享喽
  • #9 i5love2ph0 on 2007/10/28 14:00

  • 謝謝分享^^



  • #10 aiko137069 on 2007/10/30 17:27

  • 謝謝
  • #11 那夏 影 on 2007/12/08 17:38

  • 謝謝溜~
  • #12 asou1119 on 2008/01/23 18:04

  • 我拿了謝謝~
  • #13 snow279 on 2008/01/24 23:34

  • 謝謝分享

    我拿了
  • #14 mandyhappy25 on 2008/01/27 11:48

  • 好棒呵!我也來試試看
  • #15 mandyhappy25 on 2008/01/28 09:47

  • 我成功了!謝謝你!感謝感謝@ˇ@好棒伊!
  • #16 happydog24 on 2008/02/04 16:17

  • 謝謝分享!
  • #17 on 2008/02/05 15:05

  • 謝謝唷!!
  • Private Comment
  • #19 h89827943 on 2008/02/19 22:04

  • 謝謝分享喔︿︿
  • #20 feelinglover on 2008/03/07 19:00

  • 謝謝分享



    ：）
  • #21 kelly5329 on 2008/05/04 15:32

  • kelly5329

    謝謝
  • #22 其實是天葬，打太快變天唱=　　= pixnet user on 2008/05/17 20:11

  • 為什麼用起來怪怪的？

    我的留言板：
    http://www.wretch.cc/guestbook/lonely57
    天葬使用大大的語法後。兩張圖的我要留言
    圖片左邊有一點被擋道ˊˋ要怎麼把圖片網右移一點？拜託了
  • Hi 天葬:
    原來是打錯變天唱XD
    我看你目前留言版的二種圖片很正常啊?
    哪邊有詭異?@@

    AppleAppleDoublereplied on 2008/05/17 21:28

  • #23 馨 on 2008/06/04 20:33

  • 謝囉 你好厲害喔 蘋果
  • Hi 馨:
    不客氣:)

    AppleAppleDoublereplied on 2008/06/04 20:34

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment