MovableType6（MT6）テンプレート無料（フリー） [MTモンスター]

2008年02月18日 « トップへ » 2008年04月13日

2008年02月19日

[3カラム版] オリジナルデザインを作ろう！

[３カラム版] オリジナルデザイン

MTモンスター提供のテンプレートの場合、広告部分を削除しない限り自分だけのデザインに変更することはOKなので、多くの人がデザインをオリジナルに変更しています。あなたも世界で１つ自分だけのブログをつくっちゃおう！

ご注意！
必ずバックアップをとって作業下さい。またこのカスタマイズについては自己責任でお願い致します。弊社としては様々なケースが発生するため、ご質問にはお答えが出来ません。

STEP１：MTテンプレートをダウンロード！
まずはMTモンスターが提供しているデザインのなかから、一番あなたのイメージに近いデザインを選択して、そのテンプレートをダウンロードします。

STEP２：MTモンスターのテンプレートをインストール！
３カラム版インストール方法を読みながら、MTモンスター提供のテンプレートでブログが動くようにまずはしましょう！

STEP３：カスタマイズしよう！
ヘッダー画像を変更したい！
ヘッダー画像は950px×200pxで、header.jpgとしてmonster-imgフォルダにはいっています。その画像を書き換えるだけで、ヘッダーが変更になります。注意事項としては、ヘッダー画像が入ると自動的にカレンダーの下にも表示され、透けて見えるようになっています。そのため、ヘッダー画像の下部 35px程はカレンダーの下に来てしまうエリアになるのを意識してつくってみましょう！

ブログタイトルの文字の大きさを変更したい！
ブログタイトルの文字の大きさを変更したい場合は、MTモンスターが提供しているスタイルシート（メイン）.cssというファイルの下記の場所を修正してみてください。尚、下記の設定部分（35pxやbold、#fff）は下記の通りとなっているとは限りません。

#header-name a { 　←ここがブログタイトルの設定になっています。
font-size: 35px ; ←ここがブログタイトルの文字の大きさの指定。
font-weight: bold ; ←ここがブログタイトルの文字が太字になっています。
color: #fff; ←ここがブログタイトルの文字の色が白になっています。
}

太字をやめたい場合は、bold→normalにするか、その行を削除してください。色を変更したい場合は、下記のサイトの色指定を参考にすると良いと思います。尚、#fffという表示は#ffffffと同じ意味です。
色見本：http://uic.to/support/topic/cgi/color.html

ブログタイトルの文字の場所変更したい！
ブログタイトルの文字の場所を変更する場合は、MTモンスターが提供しているスタイルシート（メイン）.cssというファイルの下記の場所を修正してみてください。尚、下記の設定部分（20pxやleft）は下記の通りとなっているとは限りません。

#header-inner {　←ここがブログタイトルの位置の設定になっています。
padding: 20px 30px 0px ;　←上から20px、左右30px、下は0pxとなっています。
text-align: left;　←文字は左側という設定で、右にしたければrightとしてください。
}

ブログの背景色を変更したい！
ブログの背景色を変更したい場合は、MTモンスターが提供しているスタイルシート（メイン）.cssというファイルの下記の場所を修正してみてください。尚、下記の設定部分（#666や#dedbc8）は下記の通りとなっているとは限りません。

body {　←ここが背景色とか変更出来る部分です。
color: #666 ;　←全体の文字の色を変更出来ます。
background: #dedbc8;　←背景色を変更出来ます。
}

色の指定は、下記のサイトを参考にすると良いと思います。尚、#666という表示は#666666と同じ意味です。
色見本：http://uic.to/support/topic/cgi/color.html

[2カラム版] オリジナルデザインを作ろう！

[２カラム版] オリジナルデザイン

STEP２：MTモンスターのテンプレートをインストール！
２カラム版インストール方法を読みながら、MTモンスター提供のテンプレートでブログが動くようにまずはしましょう！

STEP３：カスタマイズしよう！
デザイン全体を修正したい！
ヘッダ(header.jpg)と、背景パターン(container.jpg)の２枚のみで２カラム版はデザインされております。この画像を差し替えていただくことで、オリジナルデザインへ簡単に変更いただけるようになっています。

横幅の大きさを変更したい！
２カラム版はどうしても横幅が小さくなりがち・・・。そこでブログの横幅を一発で直せる方法があります！MTモンスターが提供しているスタイルシート（メイン）.cssというファイルの下記の場所を修正してみてください。大きくしたい場合は、800をもっと大きな数字にするだけで大丈夫！

#container {
position: relative ;
width: 800px;　←ここを変更いただくだけでOKです。
margin: auto ;
overflow: hidden ;
text-align: left ;
}

MT54-001-2：無料MovableTypeテンプレート（2カラム）

[↑画像をクリックすると拡大]	番　号：MT54-001-2
	対　応：MT v5.× v4.2 v4.1
	タイプ：遺跡
	特　徴：インディージョーンズ魔宮の伝説をイメージしたデザインです。