2009年11月03日

もう少しカッコよくボタンを置こう

 もう少しカッコよく・・というか、ケロログのプレイヤーを少しまねてボタンを配置してみましょう。
(記述)
<div style="border: 1px solid rgb(204, 204, 204);
 padding: 0.5em; margin-right: 10px;">
<span style="font-weight: bold;
 color: rgb(94, 186, 19);
 vertical-align: top;">
<a href="javascript:yf_wmp_popup()"
 style="color: rgb(94, 186, 19);">連続再生小窓</a>で聴く</span>
<input value="今すぐ再生"
 type="button"
 style="margin-left: 2em;"
 onclick='yf_wmp_play(
"めぐり逢い / アンドレ・ギャニオン",
"http://*******************************.mp3")'>
<input value="再生を予約"
 type="button"
 style="margin-left: 2em;"
 onclick='yf_wmp_entry(
"めぐり逢い / アンドレ・ギャニオン",
"http://*******************************.mp3")'>
</div>

(説明)
<div style="border: 1px solid rgb(204, 204, 204);
    周囲の線の色です。
 padding: 0.5em; margin-right: 10px;">
<span style="font-weight: bold;
 color: rgb(94, 186, 19);
    「で聴く」の文字の色です。
 vertical-align: top;">
<a href="javascript:yf_wmp_popup()"
 style="color: rgb(94, 186, 19);">連続再生小窓</a>で聴く</span& gt;
    「連続再生小窓」の文字の色です。
<input value="今すぐ再生"
 type="button"
 style="margin-left: 2em;"
    ボタンの左側に開ける隙間です。
 onclick='yf_wmp_play(
"めぐり逢い / アンドレ・ギャニオン",
"http://*******************************.mp3")'>
<input value="再生を予約"
 type="button"
 style="margin-left: 2em;"
 onclick='yf_wmp_entry(
"めぐり逢い / アンドレ・ギャニオン",
"http://*******************************.mp3")'>
</div>
posted by わいずふぁくとりい at 20:53| Comment(0) | 連続再生ウインドウ | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。