前のデザインが昨年の12月2日からだったので、結構長かったんですけど、MT4の勉強目的とか前のに飽きてきたって事でリニューアルしました。
あんまり構造は変えてないですが、1から全部組み直しました。
苦労した割にはあんまりいけてないってのが今回の最大のポイントでしょうか。
過去のエントリーチェックなどがまだ残っているので、一部変なページが有るやも知れません。
徐々に直していきますが、優しい方はそっとご連絡をしたって下さい。
しかしこんな配色にすると、またCSSNiteのあのお方から突っ込みもらっちゃいそうだ・・・いいんす。ピンク好きなので。
今気づいたんすけど、MT4で感動した瞬間がありました。
それはプレビュー機能の圧倒的な強化。
MT4でついに、ちゃんとプレビューされたっ！（感涙
今まではプラグイン使ってやってたけど、コレは本気でうれしい。
案件で使う場合も、プレビューは問題に上がるケースが多かっただけに手間が減ったのは相当素敵。
MovableType 4の最大の利点＝プレビュー機能の強化。
すみません、言い過ぎました。
条件分岐が圧倒的に増えたとかページ機能の実装辺りもかなり大きいですね。
さて、だらだらと追記にて。
---- こっから続き
今回のリニューアルにあたってどーしても解決出来なかったのが、IEで見たときにウィンドウのサイズによって1pxズレてしまう件で、色々調べてみたものの解決方法が見つからず、結局そのままという結果に...
コレ解決策知ってる方居ませんかね。。。
後は、角丸を敢えて多くしたのはいいけれど、何も考えずにデザインして後からいっぱい後悔しました。
角丸だけだったらさして問題は無かったんすけど、横幅100％のタイトルの帯みたいなのとフッターの処理に苦戦して、思うようにいかずdiv要素が増えちゃったんがなんとも。
コレもまたお勉強になったので良かったです。
こういうデザインは止めよう。っていう。
ってもボクはデザイナーじゃないからアレですけど。
何にせよ、MT4に苦戦しっぱなしでしたが、そのお陰もあってだいぶ覚えたかなぁ～。
今回プラグインも使って全エントリーの一覧ページをページ分割してみました。ちゃんとMT4で動くってのはうれしいっすね。
コレ↓っす。
静的ページ用ページ分割プラグイン：PageBute | MTプラグイン配布 | MT エンジニアブログ | スカイアークシステム
これは導入も楽だったし素敵でした。
他にもなんか色々遊んでたりしますが、IE6は見捨て気味で作った部分も結構有ります。
見られない程崩れてはいないかと思いますが、ボクは全てのモダンブラウザで同じじゃないとダメとかあんまり思わないのでいいかなーって。
Fxが一番キレイに見れて、次がIE7だと思う。
OperaはStaffBlogのバナーの処理がうまくいかないまま挫折・・・
Safariは大丈夫だったと思われます。
IE5.xは当然無視してます。
だいたいこんな感じでしょうか。
イメージカラーを変えたのはちょっと勇気いりましたが、気が変わるまではコレでいきます。
ということで、今後ともよろしくお願い申し上げます。
- 各種SBMに追加
-
comment [13]
1 - aoi さん
そうだった！
リニュおめでとう
2007年9月 7日 15:52
2 - NAGASEYASUHiTO さん
便乗テスツ！
改行テスツ！
!エ"ス#ケ$ー%プ&シ'ー(ケ)ン\ステスツ！
URL｜2007年9月 7日 15:53
3 - novo さん
緑から桃って大胆ですね！フラリと立ち寄ってビックリです。
ところで、Firefoxで閲覧してますが、ウィンドウ幅を狭めて横スクロールすると背景と文字が大変なことに！
こっそり報告完了！
URL｜2007年9月 8日 00:07
4 - 平澤 隆 さん
>novoさん
思い切って変えてみました。
ご報告ありがとうございます。
これって対処できるんですかね、、、
2007年9月10日 13:50
5 - R'style さん
初めまして。リニューアルおめでとうございます。
コメントは初めてですが、コーディングコンテストの少し前くらいからフィードは購読させて頂いています。
IE で 1px ずれるのは background-position: center; のセンタリングの際、ウインドウ幅が奇数値になる時にブラウザによって微妙に解釈（？）が違うのが原因だと思うので、構造を変えるしかないんじゃないでしょうか。
Firefox 等でウインドウ幅を狭くした時にコンテンツが消えるのは、contents {overflow: hidden;} のせいですね。
これは、min-width を指定すればいいと思います。
上記の方法で、Opera でウインドウ幅を狭くした際にサイドバーが落ちるのも同時に解消できるんじゃないかと思われます。
URL｜2007年9月11日 10:54
6 - novo さん
とうとうRVFを封印しちゃったnovoです。
背景画像が切れてしまう現象は、R'styleさんのおっしゃるとおり、横幅（widthかmin-width）を指定することで、問題は解消できます。
この切れてしまう現象は、widthにautoか%が指定されている時、あるいはwidthが指定されていない時に起こります。
おそらく、狭めたウィンドウの範囲を、ブラウザが勝手に横幅の最大値として計算してしまうんでしょうね。
文章が隠れてしまうのは、横幅が足りなくなったdiv#contentsにoverflow:hiddenが指定されているからですね。
予断ですが、IE6ではmin-widthを指定しても反映されませんので、novoの場合「Tech de Go」さんの「IE6でmin-width,max-widthを実装する（http://www.techdego.com/2007/02/ie6minwidthmaxwidthcss.php）」という方法をよく使ってますよ。
URL｜2007年9月13日 23:55
7 - ametyoko さん
ハジメマシテ。いつも拝見させてもらっています。
ちょっとページ移動で分からないことがあるんですが、
例えばCategoriesから「ビジュアル・小技」を選ぶと
最新１０記事が表示されるんですが、それより過去の記事、
ないし全記事を表示するというのはどうすればいいんでしょうか？
次ページや全記事リストという項目が探しても見つからなかったんで。
2007年9月14日 11:34
8 - hiro さん
背景のグレーのやつ、なんか文字が掛かれてますね。
なんて書いてあるんですか？
2007年9月24日 13:19
9 - ずーらしあ さん
>過去のエントリーチェックなどがまだ残っているので、一部変なページが有るやも知れません。
デザイン的にアレってワケじゃないですけれども。個別エントリで、エントリの表題のh1要素からh4要素等に、見出しレベルが飛んでいってしまっている箇所が何個かありました。
前のデザインの構造がそうだったんだんじゃないかと仮定しますが。
しかし過去のエントリの数が膨大だと調整が大変ですな。がんばってください。
2007年10月 1日 00:45
10 - YYYuka さん
はじめまして。長いこといつも読ませていただいています。
自分の知識が追いついていない部分もありますが時折ヒントをいただいてます。
winのFirefoxで見ると、エントリーのタイトルがコンテンツ領域を貫通して
ウィンドウいっぱいまで広がっています。
のところの幅指定は特にしてないみたいですね。
まさかとは思いますが、このレイアウトはもしや崩れてるのかなーと思いコメントしました。
予定通りのレイアウトでしたらすみません…。
ブログ構築は未経験なので、遠くから見守ってます（笑）
2007年10月 4日 18:04
11 - hira@管理人 さん
返事の遅い管理人です,,,
>R'style さん
>novoさん
おおーありがとうございます！
知りませんでしたorz
さきほど、やっと対処しました。
一つ勉強になりました。ありがとうございます。
>ametyokoさん
すみません、MTの設定がまちがってました。
なおってるかと思いますので、過去の記事を見て下さいませ。
>hiroさん
これは、、、、
CSSが書かれてるってのは秘密ですっ
>ずーらしあさん
そうなんですよね。個別エントリーのタイトルをh1にしたことで、色々ずれまくったりしちゃって・・・
気が向いたらなおしたいなぁとおもってます。
>YYYukaさん
えっと、おそらく仕様です。
タイトルが帯のようになってる感じなデザインなんです･･･
2007年10月 5日 11:41
12 - カモミール さん
はじめまして。
いつも参考にさせていただいています。
Netscape7.1で全く見ることが出来ません。
IEsafariで見ようとするとブラ落ちしてしまいますtt
2007年10月 8日 23:37
13 - 平澤 隆 さん
>カモミールさん
はじめまして。
ネスケに関しては今回チェックすらしていないので、完全に対応外という感じです。
IE Safariに関しては、僕が見た限りだと問題なくみれてますね。。。
IE Safariはまだ謎が多いのでなんとも・・・
2007年10月 8日 23:51