#june29jp

Tumblr Big PhotosをuserContent.cssで (V3用に追記あり)

2007-09-25

Tumblrのダッシュボードでサムネイル化されている写真を大きく表示してくれるTumblr Big Photosの効果をユーザスタイルシートで実現してみた.ムリヤリHTMLを書き換える感じの動作がなくなるので,こっちの方がいいかもしれないね.

プロファイルディレクトリ内のuserContent.cssに以下の記述を追加する.この手の設定ファイルを触るときにはMR Tech Local Installがあると便利!一生懸命ディレクトリを掘り下げていかなくても,メニューから開けるようになるので,プロファイルディレクトリを開くのに苦労している人は試してみてください.

/*
 * Tumblr Big Photos
 *
 */

@-moz-document url-prefix(http://www.tumblr.com/dashboard) { ol#posts li.dim div.post_container { opacity: 1 !important; } ol#posts li.dim { background-color: #EEE !important; }

    a[id*=big_photo] {
            display : inline !important;
    }

    a[id*=small_photo] {
            display : none !important;
    }

}

追記

tumblr V3.0 になって,上記のCSSじゃ意味がなくなりました.V3.0用は次のようになります.

@-moz-document url-prefix(http://www.tumblr.com/dashboard), url-prefix(http://www.tumblr.com/show) {
    div[id^=bigphoto] {
      display : inline !important;
    }

a[id^=small_photo_] {
  display : none !important;
}

}

おもしろかったら、いいジャン!してね

このエントリーをはてなブックマークに追加