4/30/2010

[MySpace のデザインを変更する:第五回] 「About」「フレンド一覧」「フレンドコメント」のデザインを変更する

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


★変更方法
幅 390px、テキストの先頭にアイコン(20px 20px)を付け、padding でアイコンなどとの余白を確保し、白い破線を下に引く場合はこんな感じ。
<style>
.orangetext15 {
width: 390px;
display: block;
background:url(背景画像の URL) left bottom no-repeat;
border-bottom: 1px dashed rgb(255, 255, 255);
padding-left: 25px;
padding-right: 10px;
padding-bottom: 2px;
}
</style>


「フレンドコメント」の部分は、「About」や「フレンド一覧」と幅が違うので、これだけ適用させたいものがある場合は下記を併せて記述する。
.friendsComments .orangetext15 {
長さなど;
}


★確認環境
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.