top

StyleCatcherテーマ「ディープ」

080915.jpg

創作モード中はMT方面まで手がまわらないので、前に作っておいたスタイルテーマの公開などを。

私の好きなカラム分離型のテーマです。サイドバーがバナーの下に付くのではなく、メイン部分から独立して配置されてます。テーマ「青」のお仲間です。cssだけでこの形を保つためにバナーの高さは固定としてますので、うっかりバナーの高さを変更すると崩れますのでご注意(^^;。どうしてもバナーの高さを変えたい場合は、#beta、#gammaのmargin-topにバナーの高さと同じ数字をマイナスのmarginとしてして付けて下さい。
また、本文の白い部分は1本の帯として下部のフッターまで連続させるため画像で表示させています。ので、白部分の幅は3カラム・2カラムともに固定です。(レイアウトのcss部分はちょっと複雑になっていますのであまり触らない方が吉かも…)

レイアウト以外では特に凝ったことはしていないので、背景色やリンクの色、本文やウィジェットのタイトルなどはお好きな装飾に変えて楽しんでいただけると思います。このタイプのひな形として使ってもらえればと。

サンプルは2種類用意しました。

サンプル頁(3カラム)   個別頁(2カラム)

■仕様とか利用規約とか■
・MT4以降のデフォルトテンプレートに合わせて作っています。それ以前のバージョンだと表示が崩れる恐れがあります。
・3カラム(大小小)/3カラム(小大小)/2カラム(大小)/2カラム(小大)に対応しています。
・IE7/Firefoxで動作確認しています。マック環境は分かりません。
・カスタマイズはご自由にどうぞ。
・再配布は禁止です(カスタマイズされたものも含む)。

■リポジトリアドレス
http://wing.w-museum.com/wmstyle4

StyleCatcherの使い方はこちら

 

コメント

はじめまして、とっても素敵なスタイルの公開ありがとうございます。
なかなか気に入ったものが無く、自分で作るにはハードルが高くて困っていたのですが、もうそんな必要がなくなりました。

お礼ついでになり申し訳ないのですが、わからないことがあり、教えて頂きたいことがあります。
http://www.poop.jp/
のサイトなんですが、IEでは正常に表示されるのですが、Firefoxですと崩れてしまいます。特にカスタマイズをした記憶が無く、どこを調べたらいいのかわからず助けを求めた次第です。
お時間があるときにでも何かアドバイスを頂けないでしょうか。よろしくお願いいたします。

こんにちは。スタイル気に入って下さってありがとうございます。^^
ソースを拝見させていただいたところ、一番最初に入るべきDOCTYPE宣言が抜けているようです。おそらくカスタマイズされているときに何かの弾みで消えてしまったものと思われるので、テンプレートに以下を追加して下さい。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

こちらでもテストブログでDOCTYPE宣言を消して試してみたところ、のらさんと同じ現象になりました。DOCTYPE宣言がないとこんなふうになるんですね、なるほどです(^^;

TAEKO様
ありがとうございます。
教えて頂いた方法で無事解決しました。
まさかDOCTYPE宣言の有無で、表示に影響を与えるとは夢にも思っていなかったので自力では一生解決できなかった気がします。
本当、助かりました。
今後とも素敵なスキンを楽しみにしています。

無事解決されたようでよかったです。^^
私もこんな現象、初めてでした。オリジナルテンプレで動かしている自サイトではFirefoxでもDOCTYPE宣言の有無にかかわらず崩れはないので、MTのデフォテンプレ特有の問題かもですね。