入ってからしばらく放置していたmyspaceなのですが、UKのドラムンのアーティストが多数参加してたりDJ関係の知り合いが多数参加しててあちこち見て回ったりしてるとかなりデザイン変えてるところとか見つけたりして自分もやってみたいなーっと急に思い立ってカスタマイズしてみました。
http://www.myspace.com/stupidosaka
やってみた思ったのがソースが汚い。ってことですね。
それと使えない文字がいくつかあってソースにコメント入れる場合も特別なやり方しないといけなかったりidの指定が出来なかったりすごくやりにくいです。
力業でなんとかここまで出来ましたｗ
やってることは単純で、「About Me」にcss、「I'd Like to Meet」に表示したい内容のソースを入れて他の部分を全部cssで消しちゃって「I'd Like to Meet」の内容を絶対配置です。
悩んだのがFriendリストとコメント一覧のところ。どうやったら両幅いっぱいに広げる事が出来るんだろうって調べてみたら「I'd Like to Meet」の最後にテーブルを閉じるタグを入れてFriendリスト以下を外枠のテーブルの方に移動させたら良いと言うことが分かりました。
コレは気付かなかったなぁ。
作業の流れとしては
1.いらないものを消す
2.レイアウトを完成させる（この時点では追加した部分の装飾はしない）
3.各ブラウザで確認
4.問題無ければ全体の装飾
です。
かなりアクロバティックな作業でなかなか面白かったです。
win IE6、IE7、Firefox、Mac Safariで確認済みです。
なぜかwin IEだとoverflowでスクロール指定してる部分のスクロールが激遅デス。
それとうちの環境だけかもしれないですが表示させるとアラートが出てきます。
あと上のナビタブの所がhoverしないです。hoverしないだけでリンクはきちんと機能してるのでよしとします。
※IEの設定で「デバッグしない」にしたらアラートは出なくなりました。
Mac IEではもうどうしようもないくらい崩れてますｗ
