○の倍数だけデザイン変更
MTエントリーからバナー両端揃え配置

1エントリー毎1バナーとして、横並びバナーを管理したい。
問題点:両端はぴったり揃えたい。
普通にエントリーの投稿では各バナーに指定したマージンの為、左右どちらかの端にそろわないので、プラグイン:LoopLimiterを使用する。
LoopLimiter:Movable Type のあらゆるコンテナタグの中で、たとえば『4回目毎に出現するアイテムに異なったスタイルを適用したい』とかいうような局所的なリクエストに対応する為のプラグイン
使い方は簡単。任意のテンプレートの任意のコンテナタグの中に
<$MTLoopLimiter limit="4" offset="2" each="only" rest="notonly"$>
を記述すればOK
limitで指定したエントリーの回数毎に eachの内容を表示、それ以外は restの内容を表示する。
offsetで最初の出現回数を飛ばすこともできる。
HTMLソース
<MTEntries>
<a href="url" target="_blank" class="<$MTLoopLimiter limit="4" offset="0" each="bnr_x4" rest="bnr_notx4"$>"><$MTEntryBody$></a>
</MTEntries>
CSSソース
.bnr_notx4 { margin:0 20px 0 0;}
.bnr_x4 { margin:0 0 0 0;}
4の倍数の出現だけ右側のマージンを取らないってこと。
本来は交互に背景色を変えたり、10件づつ見出しを変えたりするためのプラグイン。
類似プラグインで、MovableType用Counter Pluginってのもありました。
こちらは、カウントアップ・カウントダウンもできますし、カウント値の比較、奇数か偶数かの判定も可能
こっちでも出来たかな...
Tag cloud
- 404 Not Found
- Apple
- Blog
- BMI
- Dumbing Down Our Kids
- Fireworks
- Google Map
- illust
- Logo
- Movable Type
- MT4
- MT4.1
- MT4.2
- PC
- Photoshop
- PNG
- pngfix.js
- PSD
- Webディレクター・ハラヒロシのブログ
- アイコン
- アップル社
- イラスト
- ウェブデザイナー
- ウェブページ
- ウルトラエル
- エルなひと
- カスタムフィールド
- スティーブ・ジョブス
- チャールズ・J・サイクス
- デザインスタジオ・エル
- ビル・ゲイツ
- フリー素材
- プラグイン
- マック
- マーケティング
- ロゴ
- 体脂肪
- 口コミ
- 手打ち蕎麦
- 携帯サイト
- 映画
- 歯
- 河内 康和
- 車
- 透過PNG
- 電通
コメントする