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




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



此教學僅針對痞客邦使用者，無名可以跳過...
想當初還未決定搬到痞客邦，總覺得自己無法習慣這裡
不論是操作手順、或是整體介面、甚至是標籤CSS都讓我害怕

但當自己下定決心要告別無名以後
原來我的適應能力是這麼的出乎意料外
由此可見，嘗試新鮮事物是可以激發人的潛能

好像有點偏離主題了齁(哈哈哈)
嗯嗯!!有需要的朋友就試試看吧!!

>>>先將預設的+號隱藏


>>>再將icon圖址帶入語法(此為外面大分類)


>>>當滑鼠移到大分類(效果可參見本網誌的文章分類)


>>>當滑鼠移到小分類(效果可參見本網誌的文章分類)


>>>總開關也要隱藏(?)加上





(1)歡迎各位引用此文，但請注意網路禮儀哦
(2)此「語法教學」痞客邦試用
(3)如果喜歡，離開前給個回應囉，謝謝。
(4)開放右鍵，是給方便而不是讓有心人士隨便
(5)若語法有問題，請到留言板，禁止在C-BOX發問

Posted by AppleAppleDouble at 痞客邦 PIXNET Comments(27) Trackback(0) Hits(1767)

Shorten Url Recommend to Front page

Posts on this date
▲top

open trackbacks list Trackbacks (0)

Comments (27)

Post Comment
  • #1 mayaya pixnet user on 2008/04/12 16:46

  • 謝謝蘋果!!
    我弄好惹>ˇ<
  • Hi Maya:
    我看到妳的文章分類有小ICON圖嚕XD

    AppleAppleDoublereplied on 2008/04/13 20:13

  • #2 mayaya pixnet user on 2008/04/12 16:46

  • 對惹，我想帶回家分享!!
    可以嗎?=ˇ=+
  • Hi Maya:
    可以啊XD沒問題的...

    AppleAppleDoublereplied on 2008/04/13 19:44

  • #3 milk11princess pixnet user on 2008/04/17 19:23

  • 　　

    ３Ｑ　超棒耶　！！我拿走了唷　！！
  • Hi milk11princess:
    OK我知道了唷!!

    AppleAppleDoublereplied on 2008/04/20 15:28

  • #4 小愛 pixnet user on 2008/04/18 20:36

  • 蘋果，你要趕快好起來喔！！也謝謝你的提供！！讓我的痞客更漂亮！
  • Hi 小愛:
    多謝妳的關心喔
    今天向醫院請6小時到家透透氣
    明天辦理出院了^^一切恢復當中囉

    AppleAppleDoublereplied on 2008/04/20 15:30

  • #5 嘿 on 2008/04/27 21:46

  • 無敵感謝蘋果的教學阿～
    實在是超級實用的！！
    包走囉....:)
  • Hi 嘿:
    不客氣啦
    有幫上忙就好了唷^^

    AppleAppleDoublereplied on 2008/04/28 14:49

  • #6 黑輪=) on 2008/04/27 23:08

  • 問`

    請問一下`
    圖片網製要貼啥抹押?

    謝謝=)
  • Hi 黑輪:
    圖片網址
    意思就是"上傳空間後的圖片位址"
    也就是說滑鼠右鍵>內容>位址URL

    AppleAppleDoublereplied on 2008/04/28 14:51

  • #7 panda200293 pixnet user on 2008/05/01 19:11

  • 謝謝蘋果，我最近很悠哉的在弄網誌XD
    剛好發現這篇可以用，就拿來用用，哈。
  • Hi panda200293:
    有幫上忙就好囉
    還有一些痞客邦教學也可以看看唷:)

    AppleAppleDoublereplied on 2008/05/01 19:29

  • #8 RayNa pixnet user on 2008/05/10 14:17

  • 我帶回家用囉
    謝謝蘋果的教學^^
  • Hi RayNa:
    看見妳的文章分類有圖案嚕
    不客氣喲XD有空常來呢.....

    AppleAppleDoublereplied on 2008/05/10 14:59

  • #9 kbnlucpy pixnet user on 2008/05/11 16:32

  • 影子打包嚕~
    打包回去研究研究XD
    謝謝蘋果的分享歐=ˇ=
  • Hi 影子:
    OK
    若語法上有問題再問問我嚕XD

    AppleAppleDoublereplied on 2008/05/11 17:38

  • #10 黑糖寶,,♥)) pixnet user on 2008/05/11 17:29

  • 謝謝蘋果：）
    　
    不過我的小分類會亂動欸ˊˋ
    　
    為什麼呢＠＂＠
  • Hi 黑糖寶:
    找到妳CSS內此標籤#category .box-text li a
    然後{display: block;~~~}
    上述的~~~這邊帶入下面這些語法試試看唷
    line-height: 16px;
    padding: 0px 0px 0px 13px;
    margin: 0px 0px 0px 8px;
    ★注意區分符號;

    AppleAppleDoublereplied on 2008/05/11 17:37

  • #11 黑糖寶,,♥)) pixnet user on 2008/05/11 18:11

  • 可以了，謝謝蘋果＞ˇ＜！（抱）
  • Hi 黑糖寶:
    可以了齁XD
    成功就好、成功就好哈哈哈

    AppleAppleDoublereplied on 2008/05/11 18:46

  • #12 iprefer7 on 2008/05/28 11:56

  • 哈囉蘋果^_^ 又是我,我發現你的部落個真的是個寶藏ㄝ^_^真的很感謝你．．．
    但是我又有問題了,我把你以上那些與法都帶入ccs裡後,完全都沒有變動ㄝ.可以請問那些與法是要放在什麼特定的位置嗎?
  • Hi iprefer7:
    記得留下痞客邦網址阿@@
    否則我不方便看你的CSS解決問題呢
    -
    基本上我給的標籤
    CSS內都應該有這些拉
    CTRL+F找找看先(???)
    還有!!更改後回到主頁要記得重新整理畫面
    才能正確的知道"到底有沒有被改到"喔.....

    AppleAppleDoublereplied on 2008/05/28 15:45

  • #13 iprefer7 pixnet user on 2008/05/28 17:42

  • 謝謝蘋果^_^ 我成功了^_^
  • Hi iprefer7:
    不客氣喔:)
    若日後語法有問題
    歡迎來問我唷

    AppleAppleDoublereplied on 2008/06/25 01:10

  • #15 r770714r2002 pixnet user on 2008/07/22 10:54

  • 拿走囉
    謝謝分享=]
  • Hi r770714r2002:
    不客氣吶:)
    歡迎有空常常來蘋果咬一口

    AppleAppleDoublereplied on 2008/07/22 11:01

  • #16 chinqyi208 pixnet user on 2008/07/30 15:59

  • 噢

    發現這個好開心

    謝謝：）
  • Hi chinqyi208:
    不客氣吶:)

    AppleAppleDoublereplied on 2008/08/05 14:07

  • #17 花澤 舞 pixnet user on 2008/08/05 14:01

  • 我帶回去做分享咯！
    感謝你無私的分享m(_ _)m


    舞 筆
  • Hi 花澤舞:
    不客氣:)

    AppleAppleDoublereplied on 2008/08/05 14:08

  • #18 lafite2230 pixnet user on 2008/09/17 13:50

  • 蘋果換這個版模有分享嗎?
    很好看耶XD
    話說，我開始想跳槽過來痞客哩.....
    無名真的太丁丁了....小白也超級多.....~"~
  • Hi lafite2230(菲):
    這個版我沒有分享呢^^"

    菲也要搬來痞客邦啦?
    那就趕快搬過來呀，還再考慮什麼哩XDDDDD
    雖然痞客邦目前「新後台速度慢了點」很磨人，但至少它算很人性化的平台

    如果菲為了版面CSS而煩惱
    可以看看這個架構圖↓
    http://admin.pixnet.net/blog/post/7478518

    如果製版上有問題可以問我^^"

    AppleAppleDoublereplied on 2008/09/17 13:59

  • #19 Sugarmimi pixnet user on 2008/10/09 21:51

  • 謝謝你的分享，分類好看多了呢!!~
  • Hi Sugarmimi:
    別客氣喔^^歡迎常常來

    AppleAppleDoublereplied on 2008/10/15 21:52

  • #20 happysasa426 pixnet user on 2008/10/15 21:54

  • 哈哈~好好玩~
    謝謝你的分享喔
  • Hi happysasa426:
    別客氣^^歡迎常常來『蘋果咬一口』晃晃囉

    AppleAppleDoublereplied on 2008/10/15 21:58

  • #21 Drcoco20 pixnet user on 2008/11/15 16:34

  • 蘋果:
    不好意思,
    我剛剛按了F5之後,
    小圖就出現了 !!
    可是馬上又出現了另一個問題,
    就是會反白,
    這樣跟我的藍色背景很不搭,
    不知道有沒有辦法可以改善 ?

    不好意思一直麻煩你 = =
  • Hi Drcoco20:
    #category .box-text h6{background:url(http://p9.p.pixnet.net/albums/userpics/9/4/900594/491e85cf06439.gif) no-repeat 0% 50% #FFFFFF;letter-spacing: 1px;line-height: 16px;padding: 2px 4px 0px 13px;margin: 0px 0px 0px 8px;}
    #category .box-text li a:hover{letter-spacing:1px;display:block !important;width: 90%;background:url(http://p9.p.pixnet.net/albums/userpics/9/4/900594/491e85d267bd4.gif) #FFFFFF no-repeat 0% 50%;line-height: 16px;padding: 0px 0px 0px 13px;margin: 0px 0px 0px 8px;color: #0066FF;}

    ↑#FFFFFF都刪掉看看

    AppleAppleDoublereplied on 2008/11/15 16:38

  • #22 lucy22224 pixnet user on 2008/11/21 17:57

  • Take it !

    帶走了，可是沒有適當圖片，失策!!
    找圖片GO!!
  • Hi lucy22224:
    OK，有問題再問我吧QQ

    AppleAppleDoublereplied on 2008/11/22 20:43

  • #23 lucy22224 pixnet user on 2008/11/21 18:38

  • 用了大分類的圖~
    小分類不知道要怎麼弄ˊˋ
    繼續打拼!!
  • Hi lucy22224:
    慢慢來，慢慢學QQ
    有問題可以再問問我.....

    AppleAppleDoublereplied on 2008/11/22 20:44

  • #24 脆脆兒 pixnet user on 2009/03/20 20:48

  • 蘋果果，小分類的圖可以跟大分類的一樣嗎?
    就是不要原本的圖示
    然後一點開就有自己設的小圖?
    我弄好久都不成功ˊˋ
  • Hi 脆兒:
    我有到妳網誌看了一下，妳是要目前大分類的(愛心)去掉
    改成內部小分類有ICON，而不是大分類有(愛心)ICON?

    AppleAppleDoublereplied on 2009/03/20 21:55

  • #25 脆脆兒 pixnet user on 2009/03/20 22:01

  • 不是不是~
    是我的大分類的愛心留著
    然後小分類的圖我想用別的ICON
    這樣蘋果果有了解我的明白嗎 XD
  • Hi 脆兒:
    我幫妳測試過了，試試看這句CSS吧 XD
    #category .box-text li a{
    display: block;
    background:url(圖址) no-repeat 0% 50%;
    padding: 0px 0px 0px 13px;
    margin: 0px 0px 0px 8px;
    }

    padding: 0px 0px 0px 13px;
    margin: 0px 0px 0px 8px;
    這部分如果套用上會造成妳的小圖、小分類怪怪的
    可以更改8、13這類數值.....

    AppleAppleDoublereplied on 2009/03/20 22:22

  • #26 脆脆兒 pixnet user on 2009/03/20 22:41

  • 蘋果果，我弄好了。
    謝謝妳喲>//////<
    問妳之前我弄好久說=ˇ=
  • Hi 脆兒:
    賣客氣、賣客氣拉 XD 有成功就好了唷 ^///^

    AppleAppleDoublereplied on 2009/03/20 22:48

  • #27 rainbow0726 pixnet user on 2009/07/04 13:44

  • 謝謝分享,我會試試看!!

Comment Permissions: Allow commenting

Leave Comment

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