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




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



想要擺脫小分類歪七扭八(也就不靠齊)嗎?
嘿嘿，那你就非得仔仔細細看完此篇教學
絕大多數的人100%已察覺為何小分類不對勁?!
只要點下大分類，小分類總是歪一邊欸
其實可以利用CSS來改善

★左圖的小分類，是不是比較順眼呢?!
★右圖相較之下，有感覺差別處了唄?!



★瀏覽器上方請先找到『檢視原始檔』
CTRL+F找到boxCategory所在位置





★從這邊開始很重要，請用力看哦

反藍部分，後面跟著我是小分類1號
簡單來說，A(大分類)內的A1、A2(小分類)意思
想要更清楚、更明白，請拉上看第一張圖示

接著，把全部HiddenCategoryFolder_******複製起
大分類"假設"有10項，就該有10串數字
例：蘋果測試帳號僅僅有2項分類，所有只有2串數字哦
接著!暫時貼上在記事本待整理，以讓自己不易搞混為主要



此時，就是利用神奇CSS的時候啦
進到修改CSS樣式表
把「待整理的數字組合串」如圖排列
boxCategory要多加#符號
第一串跟第二串"中間"要記得區分,符號
因為是連結屬性，千千萬萬要加上a
-20px如果不滿意、或是想按照自己喜好改變對齊位置請微調
完成後，將可以發現小分類變聽話了，神奇傑克!






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


網誌「XXXX的地盤」改圖
文章分類田用圖替換 (升級版)

Posted by AppleAppleDouble at 痞客邦 PIXNET Comments(9) Trackback(0) Hits(1388)

Shorten Url Recommend to Front page

Posts on this date
▲top

open trackbacks list Trackbacks (0)

Comments (9)

Post Comment
  • #1 i5love2ph0 on 2007/10/25 21:54

  • 我...我我...我我我..............成功了>///<







    感動!!!謝謝蘋果您的分享><~
  • Private Comment
  • #3 Colorful1982 on 2007/11/16 19:24

  • 【回覆】flybutterfly



    哈囉

    圖示你可能沒注意到一個{啦

    所以應該是

    #HiddenCategoryFolder_3262614 ,#HiddenCatego

    ryFolder_3262641 a {margin-left -20px;}

  • Private Comment
  • #5 Colorful1982 on 2007/11/16 22:17

  • 【回覆】flybutterfly



    怪了?

    那麼負數數值加大勒?
  • Private Comment
  • #7 mickey7011 on 2008/02/28 13:43

  • 那小分類後面都有這個


    要複製嗎?
  • #8 宇 on 2008/06/15 16:05

  • 改原始檔後別人的效果依樣嗎?

    請問一下
    修改原始檔後 人家看到的效果會依樣嗎
    還是說 只有我這台電腦才有的

    我常常看人家改原始檔
    都是怕人家的電腦效果跟我不依樣

    謝謝
  • Hi 宇:
    你所謂的原始檔問題
    其實這篇教學內的圖解(找出原始檔代碼)
    只是因為每個人的代碼不同,所以得從原始檔去取得
    一般而言,用CSS去改.....
    除非瀏覽器不同,否則大致上沒什麼差異性
    當然啦,若是背景設定就很難講了
    畢竟電腦螢幕不是只有一種尺寸咩
    提到這部份就得連帶講很多了 囧

    AppleAppleDoublereplied on 2008/06/15 18:03

  • #9 郡 on 2008/07/05 23:27

  • 文章分類CSS問題

    我的文章分類點開裡面的小分類時...
    前方都會出現很多空白...
    造成跟大分類有一段很長的距離...
    我希望就類似您網誌的分類...
    點開大分類後不要距離太多...
    而您敎的語法我照做也沒用...
    現在無名不接受負值...
    請問有何方式...
    謝謝...

Comment Permissions: Allow commenting

Leave Comment

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