MTテンプレート:デフォルトカスタマイズ001

template001.gifMT3.31(Movable Type[ムーバルタイプ] )のデフォルトテンプレートを少しカスタマイズして、テンプレート作ってみました。一番最初の作品になるということですかね。ちょっと怖かったので、デフォルトの状態からCSSのみカスタマイズしました。2コラムレイアウトになります。

はじめての方には、あまりMTタグの部分をいじくったりできないかと思い。CSSのみのカスタマイズ版です。
スタイルシート部分に以下ご紹介するコードとイメージ画像1点をアップロードしていただくことで、デザイン変更が可能です。もちろん、以下の利用規約範囲内であれば無償にてお使いいただけます。

2コラムレイアウト:デフォルトカスタマイズ001(カラー/ミッドナイトブルー)

ベースカラーは、ミッドナイトブルーにて落ち着いた感じに仕上げました。また、MT3.31のデフォルト状態のテンプレートからのカスタマイズなので、それ以降のバージョンでは確認していませんので、MT3.31バージョンの方のみお使いいただけることをお願いいたします。

CSSのみのカスタマイズです。また、デフォルトのスタイルシートデータに以下のCSSを追加するだけで変更可能にしてあります。表示等がおかしくなった場合は、追加分のCSSのみ削除することで、デフォルトの状態に戻ります。

バナー部分のみイメージ画像を使用します。画像配置も面倒などはございません。ファイルをアップロードするだけで表示変更可能です。実際の表示は、CSSにて指定してあります。

横幅指定は、800ピクセルにて指定してあります。センター表示です。

MT3.31からの新しいプラグインWidgetでのモジュールにもCSS設定を施してあります。カレンダー表示の場合、横幅100%での表示となります。

トップページのみサンプルページをご覧いただけます。こちらになります。MTテンプレート:デフォルトカスタマイズ001サンプルページ

オリジナル 無料テンプレート利用規約

  • 無料で配布していますMovableType用テンプレートをカスタマイズ後の利用も可能です。
  • 当サイトにて配布しますMovableType テンプレートを使用した際に生じた不具合、トラブルに関して当方は一切責任を負いません。必ずデフォルト状態のバックアップを取ってから使用してください。
  • 当サイトにて配布しますMovableType テンプレートの再配布・販売等は禁止いたします。(カスタマイズ後でも禁止)
  • この利用規程は、予告なく追加及び変更をすることがあります、ご了承下さい。
  • 強制はいたしません。任意で当サイトへリンクしていただけるとありがたいです。

オリジナル 無料テンプレート利用についての質問・ご要望

MTテンプレート:デフォルトカスタマイズ001の使用に関しての質問・ご要望などこちらのエントリーのコメントより受付けます。解る範囲にて対応させていただきます。

デフォルトカスタマイズ001テンプレート導入方法

デフォルトカスタマイズ001テンプレート導入方法を説明いたします。以下説明する手順にてカスタマイズを行ってください。

1.)まず、こちらのイメージ画像(点線内)をダウンロードしてお使いのMTにアップロード下さい。右クリックにて画像を保存するにてDL下さい。ファイル名は変更しないでください。アップロードは、記事中に画像を載せる方法と同じく【ファイルのアップロード】にて作業を進めてください。

【ファイルのアップロード】upload.gif


2.)【テンプレート】の中の【スタイルシート】ファイルをクリックして、スタイルシートデータを画面に表示させます。clicktemplate.gifclicktemplate02.gif

3.)以下のスタイルシートファイルをコピーしてください。/* CSSテンプレート-basic0001 追加 */ の内容も一緒にコピーします。

4.)既存のスタイルシートデータの一番下の部分に以下のコードをペーストして追加します。(デフォルトのコードの一番下は、#comments-experimental .comment-footer { display: none; }となっていますので、このコードの下にペーストします。)追加後【保存と再構築】をクリックします。

5.)【サイトを再構築】をクリックしてすべて再構築をしてください。完了です。reload.gif

デフォルト(初期設定)スタイルシートコード

一応、非常時のためのデフォルト(初期設定)スタイルシートコードを残しておきます。

ご意見・ご要望

今回のテンプレートに関するご意見・ご要望などがございましたら、こちらのコメントよりご連絡ください。

トラックバック(0)

このブログ記事を参照しているブログ一覧: MTテンプレート:デフォルトカスタマイズ001

このブログ記事に対するトラックバックURL: http://weblibrary.s224.xrea.com/x/mt/mt-tb.cgi/29

コメントする

アイテム

  • ff-logo-big

    ff-logo-big: firefoxロゴ

  • fmtube_image

    fmtube_image: fmtubesキャッチイメージ

  • mock.jpg

    mock.jpg: fm+tubesのモックページ(デザインレイアウト)。最終的にはこのスタイルでマルチブログで展開してみる構想。

  • mtdeinfo

    mtdeinfo: Movabletypeを勉強するならこのサイト。サンプルファイルもあって、情報も探しやすいです。とてもきれいに情報表示されていて、とても参考になります。

  • mytumblr

    mytumblr: 個人の趣味でのtumblrです。女性のポートレートなんかがおおいです

  • caputure_contextmenu

    caputure_contextmenu: tumblr caputureを右クリックコンテキストメニューで選択する

  • tumblrgallery

    tumblrgallery: tumblrを使ってWEBデザインGalleryを簡単に作ってみました。

  • psdtuts

    psdtuts: http://psdtuts.com/のイメージ画像

  • designflavor.

    designflavor.: http://www.designflavr.com/のイメージ

  • entrymain_template

    entrymain_template: ブログ記事の概要は、インデックステンプレート、ブログ記事のリスト(アーカイブテンプレート)、検索結果(システムテンプレート)の3つのテンプレートで共通に使われています。それぞれのテンプレートでの表示内容の違いをイメージに表してみました。

このブログ記事について

このページは、スカイが2006年8月27日 09:03に書いたブログ記事です。

ひとつ前のブログ記事は「CSSで制作されたサイトのギャラリーページのリンク集」です。

次のブログ記事は「ナビゲーション制作に超便利!CSS Tab Designerの性能に驚き!」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。