Fy Circle Plumbage
いやぁ、実に半月ぶりです(^_^;)
その間、いったい何をしていたのか!?
本業が繁忙期だったというのもありますが、実は0829さん作のD.I.Y Kit1をベースに、Broomさん作のFy Circleシリーズ2のPlumbageというカラーのデザインを地道に移植してました(^_^;)
Fy Circleシリーズは某著名CMSアプリケーションであるxoops用に制作されたテーマデザインです。
BroomさんのサイトTheme4uのテーマデザインはどれも柔らかみがあってとっても素敵です。
実のトコロ、ワタシはTheme4uのファンであり、xoopsをいじっていたときから使わせていただいていました。
なかなかお忙しいようで、しばらくサイトの更新がなかったのですが、最近、リニューアルと共に、サイトをDrupalに移行して、Drupalのテーマデザインも作成されるとのことでしたので、ワタシとしては非常に嬉しい限り。
ま、それとは別に、ワタシはFy Plainシリーズ3もかなり好きなのだが、Fy Circleシリーズも捨てがたい(笑)
ワタシ自身、既にxoopsは使っていないのでスクリーンキャプチャからしか得られる情報がないので完全な再現はほぼ望めませんが、おおむね良しかな？と言うレベルまでには挙げることが出来ました。
xoopsとDrupalではメニューの表現の仕方が特に違うのでここは正直に言って再現することは難しい部分です。
それから、xoopsにはデフォルトでは存在しないPrimaryやSecondaryリンクなども、再現は出来ません(存在しないのだから当たり前ですが)。
ま、その辺も含めて、まだまだ調整が必要な部分はかなりありますが、見た目的にはひとまずいい線まで出来たかな?とか思うのでとりあえず、サイトに反映させてみることにしました。
オリジナルのデザインはテーブルレイアウトになっていますが、ワタシはテーブルレスで移植してみました。
移植のベースは0829さんのD.I.Y Kitを使っているので、テーブルレスの方がベースを生かせるので頑張りました(笑)
ただし、その代わりにブラウザによって大崩れ、小崩れは見受けられるかもしれません。
少なくとも、ワタシはFirefox2とIE6以外は持っていないのでこれ以外のブラウザでは確認しておりません。
※2007/10/01現在、ロゴマーク(サイト名)はオリジナルのままです。まだ作り替えてません(^_^;)後ほど･･･
メニューに関して、折りたたみ処理を作り込んでいません。オリジナルで用意されている画像以外は使用していないのですが、オリジナルにはその折りたたみ部分の画像に適するモノが用意されていないので作ってません。
ま、挙げていったらキリがありませんので･･･(T.T)
まー、ころころデザインが変わってごめんなさい(^_^;)
まだ、調整が必要な部分が多い未完成品なので、変なトコロなど見つけたら(見つかると思うけど)教えてください。
ちなみに、この移植テーマデザインは再配布は出来ません。
これは、Theme4uさんとのお約束事項です。
ま、移植してある部分を公開したり、その部分だけのパッケージとかなら可能かもしれませんけどね。
ま、万が一にも、そんな要望なんかがあったりしたらTheme4uさんと相談することにします。
- 1. http://drupal.0829.info/theme/diykit
- 2. http://www.theme4u.net/circle_series_for_xoops
- 3. 実のところ、Fy Plainシリーズも移植を試みはしたんだが、どうしてもメニューシステムの違いから、Fy Plainシリーズの最大の特徴であるメニューが再現できなかったので、あえなく断念しました(涙)
昨日(2007/10/03)、自宅に帰ってから、任天堂のWiiに搭載されている(?)Operaブラウザーでも表示してみました。
事細かにはチェックしてはいませんが、さらっと見た分には問題なく表示されていました。
IEよりはハードル高くないのかもしれません(本当か?)
ま、そうは言ってもまだ3カラム構成は試してみてないので、3カラム構成の際はふたたびレイアウトが崩れてしまう可能性はありますね。
実際、IE用のCSSで調整した部分が左カラムの幅サイズを調整して回避できましたので、3カラム構成時には同じ理由から崩れる可能性は多分にあります。
とりあえず、配布するモノではないからと言うことで放置していますが(笑)
ま、そのうちチェックしてみることにしましょう。
で、自宅でロゴマークを作ろうと思ったんだけど、なぜか、オリジナルに使っている色が使えない。
なぜなのかは判りませんが使えないのです。
色空間の問題だからかなー?
OSの問題なのだろうか?
ま、また挑んでみましょう。
IE6の崩れ方がアレなので、さらに微調整をしてみました。
一応、大崩はしていないようです。
が、よく見ると微妙にずれているところがあります。
さらに微調整が必要ではありますが、ま、とりあえず見られるレベルまでには出来ましたね。
気になるのが、IE7ですね。
ワタシはIE7は持っていないので確認することが出来ません。
IE限定の調整用CSSをかなりいじくり回したので、IE7がどうなるのか気になります。
あの呪文1って、IEならバージョン問わず読み込まれるのかな?
だとすると、IE7で崩れる可能性も秘めてますね。
ま、IE7で確認された方からツッコミが入るのを待ちましょう。
次はロゴかな?メニューかな??
<!--[if IE]><style type="text/css" media="all">@import "<?php print $base_path . $directory; ?>/css/ie-fix.css";</style><![endif]-->サイドバーが押し出されて、メインブロックの下に表示されていたのですが、微妙に改善しました。
何が微妙かというと、改善したのはフロントページでのみだからです。
コンテンツを表示したページでは相変わらず崩れてます。
それ以前に、枠がそもそもキチンとしてないので、そこが解決しないと根本解決にはならないんだろうな･･･。
難しいな。
何で、枠が揃わないんだろう?
恐るべし、IE(またかよ)
とりあえず、現状IEでの閲覧はおすすめできませんね。
IE7だったら大丈夫なのだろうか?
これじゃテーブルレイアウトの方が楽だなー･･･(と、思う)
サイトに適用して、IE6で見てみたら、大崩してますね(^_^;)
たぶん、メニューの文字列が飛び出しているのがいけないのだろうとは思うけど･･･。
もっとも、領域から飛び出すとデザイン的によろしくないので文字列を短くする方がいいんだよな･･･。
うーむ。
簡単にはイカンもんじゃのー。
恐るべし、IE(違う?)