4/30/2010

[MySpace のデザインを変更する:第八回] 「ランキング」「ライブ」「掲示板」のデザインを変更する

★変更を記述するページ
ホーム > プロフィール変更 もしくは デザイン変更 > アーティスト詳細の「バイオグラフィー」の「編集」
Profile > Edit Profile or Customize Profile > Musician Detail > Musician Bio > Edit


★変更方法
「ランキング」「ライブ」「掲示板」のある部分の背景を黒の透明度 70%、リンクテキストの色が青、hover 時の色を赤に設定する場合はこんな感じ。
<style>
table[id="musicJVNav"] .subnavItems {
background-color: transparent !important;
}
table[id="musicJVNav"] {
background: rgba(0, 0, 0, .7) !important;
}
table[id="musicJVNav"] a:link, table[id="musicJVNav"] a:visited {
color: rgb(0, 102, 255) !important;
}
table[id="musicJVNav"] a:active, table[id="musicJVNav"] a:hover {
color: rgb(255, 0, 0) !important;
}
</style>


まず table[id="musicJVNav"] .subnavItems でMySpace 側で設定している背景を消す。
次に table[id="musicJVNav"] でこの部分の背景を設定する。
あとは文字色の設定を記述する。
ちなみに「music」って画像は透過画像ではないので、残念ながら変更はできない模様。

★確認環境
Safari 5.0、Firefox 3.6.3、Chrome 5.0.375.70、Opera 10.53

★サンプル画面
WINGS OF FALLEN ANGEL on MySpace Music - Free Streaming MP3s, Pictures & Music Downloads

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.