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) | 連続再生ウインドウ | このブログの読者になる | 更新情報をチェックする

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

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