タグ

tipsとMovableTypeに関するmrnoonのブックマーク (5)

  • Litebox 1.0 の rel 属性を自動付与する

    以前、クールに画像を表示するツール Litebox 1.0 をご紹介しました。この Litebox を起動するためには、a 要素の rel 属性に "lightbox" を付与しなければならないという条件があり、これを手動で付与するのは結構面倒です。 ということで「自動付与できないでしょうか」というご質問を頂きました。大変遅くなりましたが、rel 属性を自動付与する方法をエントリーにてご紹介致します。 rel 属性を自動付与するには、Litebox 1.0 のパッケージ内にある、js/litebox-1.0.js を任意のエディタで開き、130 行目辺り(リスト 1)に青色のコードを追加します。 リスト1 litebox-10.js 変更箇所 : // loop through all anchor tags for (var i=0; i<anchors.length; i++){ v

    Litebox 1.0 の rel 属性を自動付与する
    mrnoon
    mrnoon 2007/04/11
    ということで「自動付与できないでしょうか」というご質問を頂きました。大変遅くなりましたが、rel 属性を自動付与する方法を本エントリーにてご紹介致します。
  • Litebox/Lightboxの使い方

    Posted by: Hirotaka Ogawa @ January 18, 2007 05:35 PM | yujiroさんとこのLiteboxやLightboxの記事で、配布されているJavaScriptファイルやCSSファイルを修正されていますが、それだとオリジナルのLitebox, Lightboxが更新されるたびに同じことをしなくてはならなくなります。 小粋空間: Litebox 1.0 の rel 属性を自動付与する 他 それは面倒だ、美しくないと思ってしまったので、このエントリーではもう少しスマートなやり方を書いておきます。何かの参考になる場合もあるでしょう。 まず、スタイルシートはそもそも上書きして使うものです。下のようなスタイルシートをlightbox.custom.cssとか適当な名前で生成しておき、lightbox.cssより後に読み込まれるようにしておけばオリジナ

    mrnoon
    mrnoon 2007/04/11
    yujiroさんとこのLiteboxやLightboxの記事で、配布されているJavaScriptファイルやCSSファイルを修正されていますが、それだとオリジナルのLitebox, Lightboxが更新されるたびに同じことをしなくてはな
  • 小粋空間: Movable Type を始める前に設定しておきたい 10 の項目

    Movable Type を初めてご利用になる方のために、「これだけは最初に設定しておきたい」という 10 項目を挙げてみました。1項から8項は設定の流れを考えて順序づけをしました。最後の2項目の優先度は低いですが、「そういう機能もあります」という意味で掲載しています。 「全てが必須」という意味ではありません。不要と思われる項目はスキップしてください。 2008.10.01 「Movable Type 4 を始める前に設定しておきたい 10 の項目」を公開しました。 1.管理画面を「詳細モード」に切り替える Movable Type の管理画面は「基モード」と「詳細モード」の2種類があり、デフォルトは「基モード」になっています。この状態では基設定とプラグインの一覧しか表示されないため、コメント・トラックバックの受信設定や後に述べるアーカイブページのパス等や拡張子が変更できません。 と

    小粋空間: Movable Type を始める前に設定しておきたい 10 の項目
    mrnoon
    mrnoon 2007/04/11
    Movable Type を初めてご利用になる方のために、「これだけは最初に設定しておきたい」という 10 項目を挙げてみました。1項から8項は設定の流れを考えて順序づけをしました。最後の2項目
  • 小粋空間: 休日表示付リアルタイムカレンダー for Movable Type

    Movable Type のカレンダーに土・日・休日・日を表示するカスタマイズです。ここではデフォルトテンプレートおよび公開テンプレートを利用したテーブルタイプのカレンダー、および公開テンプレートの月送りカレンダーに対するカスタマイズをご紹介します。CSSを変更すれば他のテンプレートでもご利用可能です。 スクリーンショットはデフォルトテンプレートに設定した完成例です。 余談ですが、これまで公開してきたカレンダーのHTMLマークアップおよびCSSの設定を若干見直しました。 2006.10.10 追記:カスタマイズを Ajax 化した「Ajax 月送りカレンダー」を公開しています。 1.休日表示用カレンダースクリプトのダウンロード 下記のリンク先にある dayChecker.js をクリックして休日表示用カレンダースクリプトをダウンロードしてください。 download 2.スクリプトのア

    小粋空間: 休日表示付リアルタイムカレンダー for Movable Type
    mrnoon
    mrnoon 2007/04/11
    Movable Type のカレンダーに土・日・休日・本日を表示するカスタマイズです。ここではデフォルトテンプレートおよび公開テンプレートを利用したテーブルタイプのカレンダー、および公開
  • MT & HTML Slidy でスライドを作る | WWW WATCH

    プレゼンテーションに使用するスライド資料といったら、パワーポイントのようなソフトウェアで作るのが一般的ですが、最近は、ブラウザ上で動作するスライドショーを使用し... プレゼンテーションに使用するスライド資料といったら、パワーポイントのようなソフトウェアで作るのが一般的ですが、最近は、ブラウザ上で動作するスライドショーを使用している方をセミナーなどで頻繁に見かけるようになりました。 このブラウザ上で動作するスライドは、(X)HTML + CSS + JavaScript で実現できます。スライド制作用 JavaScript ライブラリとしては、W3C で公開されている 「HTML Slidy」 が使いやすく有名ですが、個人的にもこの 「HTML Slidy」 を利用したスライドをどこかで使ってみようと思っていたところでしたので、いい機会ということで、テンプレートを作って公開してみることにし

    MT & HTML Slidy でスライドを作る | WWW WATCH
    mrnoon
    mrnoon 2007/04/11
    このブラウザ上で動作するスライドは、(X)HTML CSS JavaScript で実現できます。スライド制作用 JavaScript ライブラリとしては、W3C で公開されている 「HTML Slidy」 が使いやすく有名ですが、個
  • 1