MTデフォルトでの最低限必要なCSSコード

Movable Type 3.31日本語版のデフォルトでのCSSコードの中で表示するために最低限必要なコードだけを取り出しました。デフォルトで生成されるCSSコードは、上書きの連続をしているので、結構ぐちゃぐちゃでわかりにくい部分がありましたので、デザインをカスタマイズしたい方には、把握するだけでもかなり時間を要したと思われます。

今後ご自分でレイアウト、デザインをカスタマイズしたい方のためには、必要な部分だけがあればいいかと思い、抜き出しました。 また、要約している部分のコードも切り離し、ブロック毎に分けました。

デフォルト最低限必要なCSSコード

  • Movable Type 3.31でのデフォルト状態のXHTMLに対応するCSSコードです。
  • Widgetのモジュールにも対応できるように、その部分のCSSも抜き出してあります。
  • 2コラムレフトレイアウト・3コラムレイアウトのCSSは、入っていません。
  • コメントテキスト入力部分のデフォルト幅は、240pxですが400px幅指定もあり、400px指定のコードがあります。240pxにしたい場合は、form textarea#comment-textのコードを抜いてください。

以下のクラス指定に関しては、要素に対して指定がありますが、実際のCSSの中に設定している部分はありませんでした。

  • module-archives
  • module-categories
  • module-creative-commons
  • post-footers
  • separator
  • trackbacks-content
  • module-syndicate

上記コードにて表示確認済みです。 もし表示等に不具合がある場合は、コメントにて教えていただけるとありがたいです。

トラックバック(0)

このブログ記事を参照しているブログ一覧: MTデフォルトでの最低限必要なCSSコード

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

コメントする

アイテム

  • 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年9月 3日 19:55に書いたブログ記事です。

ひとつ前のブログ記事は「劇団ひとり「陰日向に咲く」久しぶりにいい作品を読んだ気がする」です。

次のブログ記事は「ジャストシステム:ブログ編集ソフト「xfy Blog Editor」トライアル版で投稿」です。

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