3カラム版デザイン変更

トップへ ->  オリジナルデザイン作成  > 3カラム版デザイン変更

[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

---

トップへ ->  オリジナルデザイン作成  > 3カラム版デザイン変更