« FlashBuilderプラグイン【SourceMate]のエラー対処 | main | iPhoneアプリ開発、道に迷いながら6冊の本を読んでみた。 »

MySpaceバイオグラフィーの編集が出来ない。

PHP/システム関連

2010年06月18日

MySpaceのカスタマイズで苦戦したのでメモ。
アーティストアカウントでのカスタマイズの話であり、個人アカウントでの カスタマイズではないです。
個人アカウントはプロフィール2.0とかいうのが使えるらしい。

※2010.06.19現在の仕様のため今後変わる可能性多いにありです

苦戦の流れから苦肉の対処

まずは基本的なデザイン変更方法

「プロフィール編集」→「アーティスト詳細タブ」→「バイオグラフィー」にHTML/CSSを記述。

ハックくさい方法だが、公式ブログに書かれています。

アーティスト詳細画面で問題発生

実行ボタンが行方不明。
MySpaceのレイアウトそのままで、CSSで色付けしていくだけなら問題ないのですが、 ちょこっとレイアウトを変えたり、不要な部分を表示しないように変更を加えると、 下記のようにプレビュー表示用のCSSがぶつかってしまって必要な実行ボタンまでも 非表示になってしまったり、埋もれてしまったりします。

myspace1.jpg

このままでは、編集できないので、苦肉の策で対処。

javascript: editInterest('bio');

上記スクリプトをブラウザ上で実行(アドレス欄に記述してエンター)
これでなんとかアーティストバイオグラフィーの編集が可能に。

さらにプレビュー画面で問題発生

またまた実行ボタンが行方不明。
編集してプレビューボタンを押すと、アーティスト詳細画面と同様に 実行ボタンが無い。
このままでは、編集を反映できないので、苦肉の策で対処。

table table table div form input 
{
display: block;
visibility: visible;
position: absolute;
z-index: 10;
top: 10px;
left: 10px;
}

上記CSSをバイオグラフィーに記述するHTML/CSSに入れる。 すると、以下のように送信ボタンがひょっこり現れる。

myspace2.jpg

そもそも、バイオグラフィーの編集自体できないから、CSS追加できないよって方は、 Firebugで編集してボタンを表示させるべし。

これで何とか編集できるようになった。

その他、MySpaceデザイン編集における悲しい仕様

・CSSのID指定が出来ない。
フォーム入力不可の文字があった、#を受け付けてくれない。
CSSハックの文字も受け付けないのが何個かあり。

■追記2010.07.12

div[id="hoge"]{}
の記述方法でID指定可能。ただしIE6は。。。CSSテスト

・サーバーが不安定。
やたら重かったり、原因不明のサーバーエラーが頻繁に出たり。。

・吐き出されるHTMLがゴリゴリのテーブル組。
CSSによる制御が厳しい。

trackbacks

trackbackURL:

comments

  • 2010年07月12日 23:47

私もセミ・プロアーティストのMySpaceプロフィールデザインしてます。
大変。

記事の中にid指定が出来ないとありましたが、
例えば

] { }

で記述できます。
これを使えば、プレイリストの枠をつけるなどのハックもできます。

参考までに。

  • y-tti
  • 2010年07月13日 04:40

貴重な情報ありがとうございます!

div[id="hoge"]{}

の記述を追記させて頂きました。

  • 2016年10月07日 18:56

Right now it looks like WordPress is the top blogging platform available right now. from what I've read Is that what you're using on your blog?

  • Thomas
  • 2017年01月25日 18:12

Hi, Neat post. There is a problem with your web site in internet explorer, would check this IE still is the market leader and a large portion of people will miss your magnificent writing because of this problem.

  • Joseph
  • 2017年01月25日 22:18

Hi to all, how is everything, I think every one is getting more from this site, and your views

comment form
Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD-ROM付)
クラスで書けるようになった。配列のpushとかspliceとかsliceとかややこしい部分の辞書代わりにも使ってます。XML関係もこれで覚えた。
ActionScript 3.0 アニメーション
vx,Math,cos,sinとか???な数学的な部分をこの本で理解できた気がします。逃げたいジャンルだけどFLASHに必須なジャンルなのよね。。
Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付)
ActionScript応用への第一歩。ただこれを読む前に入門ノート1を先に読んでおいた方がよさそう。ASの世界が広がった気がする本です。
Flash Creative Workshop
FLASHを始めて右も左も分からない時に救世主となった本。FLASHサイト制作法がなるほど!っと。ActionScriptバリバリの人はスルー。
FLASH OOP for ActionScript 3.0
FLASHの「今の主流」を知ることが出来る本。筆者の方々は総勢10人以上でかつ現在活躍中の方々ばかりなんでミーハー的な読み方もありかも。