サイトリニューアル

最近のデザインに飽きてきたので(笑)、ちょっとデザインを変えてみました。ちょっと・・とは言っても、やり始めると後戻り出来ないような状態になってしまったので、トップページをメンテナンス中という表記に変えてとりあえず完成させてみましたが、もう少し見やすいようにする工夫が必要かな?と思います。
それにしてもCSSの調整にホント苦労しました・・。もともとスタイルシートとか全然知識がありませんので四苦八苦しました・・。IE6/IE7/FireFoxだけは、とりあえず見栄えが同じになるように個別指定しましたけど、何故かブラウザごとのデフォルト数値がむちゃくちゃなので、同じ数値だと見るブラウザによって全然見え方が違うんですよね;;。なので、PCを3台駆使してそれぞれ個別のブラウザを立ち上げて(笑)、ブラウザごとの数値を弄りながら微調整していきました;;。なのでMac(MacIEやsafariなど)とかのブラウザは、配置バランスがどうなるのか全く分かりません(笑)。多分IE6/IE7/FireFox以外のブラウザだとグチャグチャになっている可能性がありますが、勘弁して下さい(笑)。まあアクセス統計を見ていても、このブラウザだけで大部分を占めているんで、あんまり弊害は無いかと思いますが・・。それにしても疲れました(笑)。

サイトリニューアル” に対して18件のコメントがあります。

  1. えー
    SeaMonkyは微妙な表示になってますw
    それでIEを引っ張り出して(IEといってもIEエンジン搭載のMaxthonです;;)で見てみたらすげ~!!って感じでしたw
    SeaMonkeyですとアドセンスが一番上に表示されてサイドバーは左右に・・・
    タイトル文字の背景は白になってます。
    あとカウンターが横に並んでますねw
    こんなマイナーなブラウザ使ってる人なんかそうそういませんから気にしないで下さいねw
    おつかれさまでした~

  2. Scepterです。
    SYORIさん、自宅のPCでは特に問題ない感じでしたが、会社のPCでは
    一番上部の表示がおかしいです。(IE6)
    でも、GT-Rの画像とてもこのブログに合ってると思います!
    もう少しカスタマイズされるのか分かりませんが、さらに楽しいブログになる
    ことを期待しています!

  3. SYORI より:

    >シルバーアロウズさん
    >Scepterさん
    ご確認頂きどうもありがとうございます。自宅・会社のIE6ではちゃんと見えてるんですが、Scepterさんの会社IE6ではおかしいという事ですよね・・。不思議です・・。
    恐らくCSSで各パーツを位置決めしているのがダメなのかなとも思いますが、とりあえず上部をTABLEタグで作り直したテスト版をアップしています。
    http://www.pushpushpush.net/style_test.php
    上記URLの当方環境でのスクリーンショット
    IE6
    http://www.pushpushpush.net/ie6.gif
    FoxFire
    http://www.pushpushpush.net/ff2.gif
    一度こちらで拝見して頂き、通常ページと比べてどのように見えるか、確認して頂ければ幸いです。こちらの環境(IE6/Foxfire2.0.0.9)では、一応ちゃんと見えてはいますが、他の環境・ブラウザは、現時点では確認できませんので・・。

  4. myst_stream より:

    サイトリニューアルお疲れ様です。
    かなりイケてますね。
    当方IE5.5ですが、GT-Rの画像が多少ずれているだけで問題なく見れますよ。かなりマイナーなバージョンですが、仕事の都合上あげられないんです。
    スクリーンショット
    http://www.geocities.jp/myst_stream/etc/pushpushpush_net.jpg

  5. myst_stream より:

    連続で申し訳ありません。
    スクリーンショットがリンクから表示されない場合は
    ブラウザのアドレスバーにURLをコピペしてください。

  6. xanavi-yuuki より:

    “すごい”の一言ですね(笑)。
    スーパーGT100戦目が行われた富士から帰ってきてSYORIさんのブログを見たときはビックリしましたよ。
    リニューアルお疲れ様でした。
    左上のGT-Rがカッコイイです。
    細かい部分では、ページサイドのカーボンもSYORIさんのこだわり、みたいな感じもしてきます(笑)。
    それと、自分は主にIE7を使っているのですが、うちのPCでは問題なく表示できました。あと、念のため入れておいたFirefoxでも普通に見れたので、自分のとこは大丈夫っぽいです。
    ↓IE7
    http://sky.ap.teacup.com/xanaviyuuki/img/1194266482.jpg

  7. 左上のGT-Rが一瞬実車見えてしまったwww
    やはり、全体で見るより車だけとかだと意外と実車に見えるもんですなw
    にしても、サイトリニューアル乙です!
    最近私はrFでF1のシリーズ戦にエントリーしてしまったが為にR2に行く時間が少々少なくなってしまいましたが、また深夜が奉行さんの鯖で会いましたらヨロで~っす^^b
    てか、今日の深夜のズーハイは全然ブレーキポイント探り当てられなかってSYORIさんに及ばなかったw 
    次回はバトルさせて頂きます!w

  8. SYORI より:

    皆さんホントにどうもありがとうございます。
    かなり参考になりましたので大分修正できたと思います。ちなみに色々ネットで調べていたら、各OS・各ブラウザごとにスクリーンショットを取ってオンライン上でチェック出来るという、素晴らしいサイトが存在していました。そちらの方でかなりチェックする事ができました。一例までにURLを。
    BrowsrCamp Safari 2.0.4のスクリーンショットが見れます。
    http://www.browsrcamp.com/
    browsershots 多くのOS/ブラウザ対応ですが、かなり遅いです。
    http://browsershots.org/
    BROWSERCAM レジスト必須ですが、個人的に最強です。
    http://www.browsercam.com/
    スクリーンショット.jp 日本製で速いです。
    http://screenshots.jp/
    このあたりを使って確認しましたが、IE4~5.0とかNN4~6など一部の昔のブラウザだと文字すら表示されないものもありましたが(笑)、IE5.5以上は概ねマトモに表示されているようで安心しました。あと懸念していたSafari/Opera/NN辺りも、ここ最近のものだとほぼ問題ないレベルで表示されていたので安心しました。まあ全てを完璧に対応させる事はまず不可能でしょうし、そういう事が出来るようなスキルもありませんので;;、これにて一旦OKという事にしておこうと思います。もちろん何かご意見・ご要望等あればお気軽に書き込み下さい。ご協力ありがとうございました。
    >myst_streamさん
    どうもです。会社ではIE5.5でしたか。これを調べる環境が全く無かったのでスクリーンショットはかなり参考になりました。どうやらCSSの解釈がIE5.xだけ違うみたいですね。本来はIE6もそうなるみたいですが、DOCTYPE宣言しているのでIE6以降は標準的なCSS解釈をしてくれているみたいで問題が出ていないみたいです。スクリーンショットでは13pxずれていたみたいなので、IE5のみその誤差を補正して上記URLでチェックしたらズレは無くなったと思います。一度ご確認してみてください。
    >xanavi-yuukiさん
    どうもありがとうございます(笑)。GT5プロローグの公式素材でカッコいいのがあったのでそれを使いました。一応必要な文字を入れておきましたが、加工してブログパーツとして使うのは大丈夫なんだろうか?と少々不安ですが・・。
    カーボン柄は昔サイトを作っていた時に結構お気に入りだったんで、今回是非使おうと思ってました。IE7/IE6/IE5.5/FoxFireは多分これで大丈夫だとは思いますが、Scepterさんのように同じブラウザでも環境によって見え方が違う場合もあるっぽいのでその辺りは対応が難しいな・・と思ってます;;。
    >Lybiusさん
    どうもです。いやーホント実車に見えますよね(笑)。こういう光の反射?みたいなのがホンモノっぽい雰囲気を醸し出していますし、体験版やってみて思うのはホントにモデリングは「鬼」としか思えないくらいのクオリティです(笑)。
    ここ最近はGTR2鯖であまりお会いしませんねーって思ってたら今晩ご一緒しましたね(笑)。決勝ではガス欠されたみたいですが、実は私も最後ギリギリでした。詳しい内容は、またGTR2参戦記にアップしておきます;;。またお会いする時は宜しくです!

  9. myst_stream より:

    サイトリニューアルお疲れさまです。
    IE5.5でもバッチリいけました。スクリーンショットが役に立ちなりよりです。
    マイナーなバージョンに対応して頂き本当に感謝しております。
    今後ともよろしくお願い致します。

  10. yu5119evo4 より:

    皆さん、こんにちは
    SYORIさんリニューアルお疲れ様です。
    最近、自分はPS3オンしなくなりました。
    飽きてきたのかな?
    12月13日まで、約一ヶ月となりました。
    SYORIさんや、他の方とも対戦ができるので、楽しみです。
    そういえば、DL版とBD版は、中身が違うとか・・・・・
    BDの方が、内容はあるみたいですよ!
    あと、BD版の予約をすると、ステッカーがもらえるみたいです。
    (地域によってもらえるかどうか・・・)
    ステッカーもかなりいい感じですよ!
    フレンド募集中!
    ID:yu5119evo4
    ブログも見てください!

  11. SYORI より:

    >myst_streamさん
    どうもです。バッチリでしたか!良かったです。一応修正した後にスクリーンショットサイトでチェックしたらズレが直っていたんですが、実環境でも直っていたみたいで安心しました。しかし、今ではどんなOS/ブラウザでもオンラインでチェック出来るんですね・・ほんと凄い世の中になったもんです。とはいえ、IE+CSSはバージョン固有のバグが多すぎて辛すぎですね。見る分には何の問題もありませんが、作成側にとってはホント泣かせるブラウザです;;。
    こちらこそ今後とも宜しくお願いいたします。
    P.S.仮にアップしていたファイル各種は削除しますので、クリックしても見れなくなります。ご了承下さい。

  12. SYORI より:

    >yu5119evo4さん
    どうもです。最近私もあまりGT5Pはプレイしていませんねー。ここ最近PS3を起動させたのは、ブラウザチェックでPS3からちゃんと見えてるかの確認で使っただけです(笑)。
    とはいってももう来月ですしね、楽しみにはしています。しかし最初はランダム対戦のみの実装のようですし、皆さんを指定して一緒に走ることが出来ないみたいなんですよね・・。そう考えると、ランダム対戦で知ってる方がいたら、思わず「おおおお」って逆に感動してしまいそうですが(笑)。DL版とBD版が中身が違うというのはホントですか?。そんなことしたらまた大騒ぎになりそうな気がするんですが(笑)。まあ私はBD版を買おうと思ってますのでノンキにかまえていますが、予約する店が問題なんですよね。発売日に届かなければ一日無駄にしてしまいますから(笑)。近くのゲームショップとかでも良いかな?って感じですが(笑)。

  13. どうもです。
    今日見てみたらなんか普通に表示されてる!
    いろいろいじらられてる間に恩恵を受けたみたい!
    個人的に左右の背景カーボン柄との境目の白い影が好きですw

  14. SYORI より:

    >シルバーアロウズさん
    どうもです。多分最初の投稿をもらった後に、見た目は変わってませんが、内部的にイチから作り直しているので、それが上手く作用したのかもしれませんね(笑)。一応スクリーンショットが見れるサイトでSeaMonkeyというブラウザでもチェックしましたが、ちゃんと表示されていたので大丈夫かとは思っておりました(笑)。
    カーボンと本体の境目、最初は何も無しだったんですがあまりにも殺風景だったので、画像加工ソフトで影を付けて壁紙に上手く重ね合わせました(笑)。こういう細かい作業は大好きなんで、職業選択を間違えたかもしれないです(笑)。

  15. yu5119evo4 より:

    SYORIさんへ
    SYORIさん、掲示板を設けてはどうでしょうか?
    http://bbs.fc2.com/index.html
    ↑の掲示板のところはけっこういいですよ!

  16. Scepterです。
    本日、会社のPCで確認したところ、問題なく表示されてました!
    PCの設定などは特に変更していなかったのでSYORIさんの方の
    修正?で改善されたのか???とにかく現状は問題ありません。
    リニューアル本当にお疲れ様でした!

  17. SYORI より:

    >yu5119evo4さん
    掲示板ですかー。まあ以前ブログとは別にサイトを作ってた時は掲示板設置していたんですが、コメントが分散するんでどうしようかと悩んでます(笑)。まあ作るとしたらレンタルじゃなくて、自サーバー内にCGIで設置すると思います。ご要望という事で、ちょっと検討してみますね。ありがとうございます。

  18. SYORI より:

    >Scepterさん
    どうもです。会社の方も正常表示しましたか!。なぜそうなったか分かりませんが(笑)、恐らくCSSを一回作り直したのが良い方向にいったんだと思います。とりあえず良かったです。もう少し改良したい部分があるんですが、またデザインがおかしくなったら怖いんでなかなか踏み出せずにいます(笑)。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です