Movable Type 備忘録

アレンジ・テンプレート６

Jan082007
Author: bzbell
Categories: Template
Tags: 3.3, Arrange, Fixed Layout, Template

Next Page: アレンジ・テンプレート７
Prev Page: アレンジ・テンプレート５

今回はチョビッと落ち着いた配色のテンプレートにしてみました。
実は今月、わたしのLUCKY COLORは"黒"なんです。なので、わたしのLUCKYをオスソワケ致します。

このテンプレートでは、Four Seasons様の素材を使わせていただいてます。ですので、使用の際には必ずFour Seasons様のリンクを貼ってくださいね。

もちろん、イメージを使用せず、お好みのイメージと差し替えた場合には、リンクを貼る必要はありません。

イメージは280x200で作成しております。ですが、デザインの都合上、CSSで高さ190pxまでしか表示されませんので、各自で用意する場合にはそこら辺を考慮してください。横幅はお好みで･･･。また、背景色には#000000(黒)を指定しておりますので、合わせて臨機応変にお願い致します。

今まで通り、こちらのベーシック・テンプレートをベースにカスタマイズしたものです。

テンプレートの設置について

差分ファイルの設置については、まずベースにしたベーシック・テンプレートを設定していただいてから、こちらのブログを上手に運用する２を参考に差分ファイルをアップデートすれば完了です。

3カラム・フィックスド・本文左／サンプル

差分ファイルのダウンロードは以下から入手してください。
bzbell-customize6.zip

修正履歴

2007.04.02: »背景イメージをリメイクしました。
2007.01.08: »新規作成

Trackback Pings(0)

TrackBack URL for this entry:

No trackbacks found.

Comments(2)

#1: Posted by りこ [RES]

こんにちは、初めまして。
ちょっと質問なんですが･･･

MovableTypeMEMOさんの、アレンジ６が気に入りまして、導入しようと思い疑問（？）があったのですが、説明を読みテンプレートの配置には

カラム・フィックスド・本文左／サンプル

が必要とあるのですが、これではどうもうまくいかず、

カラム・フィックスド・本文右／サンプル

を入れると何故か設置できます＾＾；
もし差分の手違いでしたら、ご報告までにってことです。
誤報でしたら、失礼しました＞＜

後、このテンプレートに、テンプレートフォーユーで実装してるような「TagCloud」を乗せたいのですが、こちらの説明のようにやれば実装は簡単でしょうか？
よろしくお願いします。

Posted on April 1, 2007

#2: Posted by bzbell [RES]

>>1 りこさん

はじめまして^^

えぇ～Σ(￣Д￣；)ガーン!!

> もし差分の手違いでしたら、ご報告までにってことです。

ご連絡ありがとうございます。
さっそく設置確認してみます!!

テンプレートフォーユーで使用しているタグクラウドはMTデフォルトのものを表示させてるだけですのでカンタンにできます。
具体的には以下のXHTMLを表示したいところに追加します。

<div class="module-tagcloud module">
<ul id="module-tagclouds" class="tagcloud">
<MTTags>
<li><a class="tags-rank<$MTTagRank$>" href="<$MTTagSearchLink$>" title="<$MTTagName$>:<$MTTagCount$>"><$MTTagName$></a></li>
</MTTags>
</ul>
</div>

そして以下がCSSになります。

div.module-tagcloud ul.tagcloud {
margin: 0;
padding: 0;
list-style: none;
}
div.module-tagcloud ul.tagcloud li {
margin: 0;
padding: 0;
display: inline;
background: none;
}
div.module-tagcloud ul.tagcloud li a,
div.module-tagcloud ul.tagcloud li a:link,
div.module-tagcloud ul.tagcloud li a:visited {
display: inline;
color: #cccccc;
font-size: 100%;
}
div.module-tagcloud ul.tagcloud li a.tags-rank1 {
color: #beeb56;
font-size: 200%;
}
div.module-tagcloud ul.tagcloud li a.tags-rank2 {
color: #549355;
font-size: 180%;
}
div.module-tagcloud ul.tagcloud li a.tags-rank3 {
color: #ffda46;
font-size: 160%;
}
div.module-tagcloud ul.tagcloud li a.tags-rank4 {
color: #e28d00;
font-size: 140%;
}
div.module-tagcloud ul.tagcloud li a.tags-rank5 {
color: #b1c0fd;
font-size: 120%;
}
div.module-tagcloud ul.tagcloud li a.tags-rank6 {
color: #5366be;
font-size: 100%;
}

配色やフォントサイズはお好みでどうぞ(●´∀｀●)

Posted on April 1, 2007