よれよれ渡り鳥の跋渉 武蔵より上越へ甲信へ

MIDI再生

　　　　　　　　　　　　　　　MIDI再生プレイヤーのサンプル

http://outdoor.geocities.jp/dabaraji/hananouta.mid　 ｱｯﾌﾟﾛｰﾄﾞしてある音源はURLを貼って再生できる
　　　　　　（ QickTimeにしては ） 武骨なイメージ　　　　　　　　　[[ e m b e d ( h t t p … )]]　のタグで貼り付ける　
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　httpのURL に続いて 『 ,true,300,24 』 を入れれば
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　オートスタートになり、左と同様の大きさになる。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　falseならば手動でスタート。よって厭がられない。
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　このプレイヤーはﾎﾞﾘｭｰﾑの勝手が悪くて好かぬ。
http://outdoor.geocities.jp/dabaraji/hananouta.mid　　　　　　　　　　　　　　　　　デフォルト （ 無指定 ） にしておいたほうが、
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　チョットはかわいらしくなるし、勝手に鳴り出さない
　
　
　
　　　　　　　http://icaster.jp/soundplayer.swf?data=http%3A%2F%2Fnejimakimusic.up.seesaa.net%2Fsongs%2FA5A2A5A4A5E9A5D53FA5E6A1BC.mp3&link=http%3A%2F%2Ficaster.jp%2Flistener%2Findex.php%3FOP%3DWiki%26ARTIST_ID%3D354&counter=http%3A%2F%2Ficaster.jp%2Flistener%2Findex.php%3FOP%3DDownloadMusic%26MUSIC_ID%3D408 　　　　　　　ｱｲｷｬｽﾀｰ専用　登録して自分の曲を再生できる　手頃な大きさ

http://media.imeem.com/m/3HatTafcP3　　　　　　　iMeemの曲専用　操作感に優れる

↑		オートスタートを修正できない
↑　これが鳴っています。ｵｰﾄｽﾀｰﾄです。無用なら止めて下さい。

　　　　　　　　　http://tunes1.blog-tunes.com/Pop/melosyca/melosyca.swf?v=30&s=off&t=6　　ﾌﾞﾛｸﾞﾁｭｰﾝの曲専用　曲をイメージ出来る　ﾎﾞﾘﾕｰﾑの調整が出来ない

　　Apple QuickTime　画像のみ
　
　
　
　
　
　
　
　
　
　
　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　YAMAHA　Mid_Radio 画像のみ

　
　
　
　
　よくみかけるが詳細不明
　画像のみ

音楽ソフト ソング頼太 利用顛末

出来上がった曲　→http://blogs.yahoo.co.jp/dabaraji/archive/2008/9/9

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　↓　　　見づらい画面は　クリックすると拡大します　

　

　

　

　

　

　
　

　
　

　
　

　
　
　

　

　

　

　



　

　

　

Wikiで動画を

http://outdoor.geocities.jp/dabaraji/0609120005.AVI
[ [ embed(ＵＲＬ,false,320,285 loop=false) ] ]

ＨＴＭＬタグを使って画面表示にいろどりを添える

　　　　　　　　　このヤフーブログにくまれている『画像添付』のマニュアルどおりにやってみたもの

　　　　　　　　　　　　　　　　　 『新規投稿』 画面 （ 『修正』 も同じ画面 ） の指示に従った。

　　　　　　　　　　　　『画像添付』をマニュアルどおりにやってみるとこの位置に貼り付けられる。
　　　　　　　　これはあらかじめ小さくしておいた画像を貼った。ワンクリックで拡大という訳にはいかない。

　　　大きい画像を添付した場合は　ｗ560×ｈ420　(　高さは標準の数値。画像を横に切って平たくしておいても良いし、縦長画像を目一杯使っても良い　)　の投稿欄の横縦の限度枠サイズに縮まって添付されるので、出来あがった画像はワンクリックすれば元の大きい画像で見る事ができる。文章は左右の余白に添える事はできない。画像の下の行に回り込んでしまう。

アップロードされている画像を320×240に詰めて左端に貼り付ける、その画像をクリックすれば元のサイズも見る事ができる、さらに右側の余白のトップからボトムにかけて画像の説明文をいれておく、ということができる方法はないものでしょうか？

<IMG src=http://img.yahoo.co.jp/images/clear.gif width="320" height="240" border="1">
この位置にＨＴＭＬタグのイメージタグを貼ってみたがうまくいかない。Yahoo!Blogでは使えないのかな？

src には　http://www.mcci.or.jp/www/minamidake/1200-900.jpg
を入れてるのだが何故か上記ＵＲＬ…/clear.gifに換わってしまう。

IMG ｲﾒｰｼﾞ　　　src ｿｰｽ　　　width 横幅　　　height 高さ　　　alter 説明？　　　border 枠


　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　http://www.fureai.or.jp/~irie/html-tag/
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　 『HTMLタグ一覧』

以下、書かれているのは全角のタグ＜ と タグ＞だが、
　　 　実際使う際には半角にしたタグ< と タグ>を用いる





フラッシュを使うと上級者になった気分だ

　　　ＰＥＡＣＥ　　　　　　ＨＴＭＬ　　　　………　
　　　　↓
＜MARQUEE bgcolor="#009966" width="290" scrollamount="290" scrolldelay="500"＞＜FONT size="7" color="#ffff00"＞　　　ＰＥＡＣＥ＜/FONT＞＜/MARQUEE＞






テキストに変化をつける簡単タグ

　　ＨＴＭＬ　＜Ｂ＞ＨＴＭＬ＜／Ｂ＞　　　ＨＴＭＬ　＜Ｉ＞ＨＴＭＬ＜／Ｉ＞　　　　ＨＴＭＬ　＜Ｕ＞ＨＴＭＬ＜／Ｕ＞

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　↓
　　　　　＜U＞＜I＞＜B>＜Font size=12" color="#ff69B4" ＞ＨＴＭＬ＜/Font＞＜/B＞＜I＞＜/U＞
　　　　　　　　　　　　　　　　　　　　　　　　　　　　ＨＴＭＬ

フォントを変化させた見本｡カラーコードもカラー名もどちらも使える

ＨＴＭＬ　　　　　　　　 　＜FONT size="3" color="brown"＞ＨＴＭＬ＜/FONT＞
ＨＴＭＬ　　　　　 　 　　 ＜FONT size="4" color="pink"＞ＨＴＭＬ＜/FONT＞
ＨＴＭＬ　　 　　　＜FONT size="5" color="orange"＞ＨＴＭＬ＜/FONT＞
ＨＴＭＬ　　　 ＜FONT size="6" color="yellow"＞ＨＴＭＬ＜/FONT＞
　　　　　　　　　　　　　　 　＜FONT size="7" color="green"＞ＨＴＭＬ＜/FONT＞
ＨＴＭＬ(^o^)『色見本』
＜MARQUEE width="370" direction="right" loop="21">(^o^)</MARQUEE＞　　　　　　　　　　　　　　　　　　↓
　　　　　　　　　　　　　　　　　　 ＜FONT color="#009966"＞(^o^)＜/FONT＞　　　　　　　　　　　　　　　　　　　　　↓
スクロールは 横這・縦・往復 と多彩。隅っこの注意を引くのにベター　http://uic.to/support/topic/cgi/color.html
　　




ラインは最も区別がはっきりするので多用すべき

＜MARQUEE bgcolor="#009966" height="2" direction="up"＞＜/MARQUEE＞色は#009966



＜MARQUEE bgcolor="#996666" height="5" direction="up"＞＜/MARQUEE＞色は#996666

　　


ＨＴＭＬでは　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　WIKIの場合の記事見本と使用法
　『ＵＲＬ』をペイストするだけでリンク設定される　http://blogs.yahoo.co.jp/dabaraji/14103153.html?p=1&t=2


縦のスクロール＜MARQUEE width="60" height="300" scrollamount="10" scrolldelay="100" behavior
="scroll" direction="down">(^o^)</MARQUEE＞

タグいろいろ
(^o^)
ＨＰ作成の為のＨＴＭＬタグ　http://www.tagindex.com/index.html

http://www.fureai.or.jp/~irie/html-tag/img.html
『HTMLﾀｸﾞ IMGをつかう画像処理のtタグオプション解説』

<img src=http://img.yahoo.co.jp/images/clear.gif
<img src=http://img.yahoo.co.jp/images/clear.gif alt="たんぽぽ" align=left hspace=30 vspace=10
>
<img src=http://img.yahoo.co.jp/images/clear.gif

あんちょこ/Wiki

記事見本と使用文法

音だしの場合の型→ 　[[ EMBED ( URL,true,300,42 loop=true ) ]] 　　[ 　( 　)　 ]　の前後に空白は入れない
手動はfalse 自動はtrue
http://outdoor.geocities.jp/dabaraji/hananouta.mid
　　　　　　　ﾗﾝｹﾞ 作曲　♪花の歌♪　２分　　　　　　　　　　　　　　HTML使い方　　　　Wiki文法　　　　　ｶﾗｰｺｰﾄﾞ
　　　　　　　　　　　　　　　　↑
　　　　　　　　　文字を太くする場合の型　→ 　　' ' ' ♪花の歌♪ ' ' '　　（空白は一切入れない）

ラインのカラーに#3366ffを指定

線を挿入する場合の型→ 　 ||<＃00ff00' width=562px height＝1px' ||
　　　　　　　ラインのカラーは#00ff00を使用 ラインの長さは562pxで指定

ラインのカラーに#ff6699を指定

ラインのカラーに#996666を指定

ラインのカラーに#00ffffを指定

　　

ラインのカラーに#000000を指定

　　　　　　　ラインのカラーは#009999を指定

灰色帯に白抜文字の見出しの型→　== 文字 ==　

左側に画像を持ってくる練習

画像左寄せの型→ 　[[attached(画像ﾅﾝﾊﾞｰ、left)]]

リンクを貼る型→ 　[ＵＲＬ 文字]　

　↓
sivaさんのブログのご伝授のとおり左画像右文章型をコピーしてみました。
Wiki文法を使用するだけで、

ブログが	一段高見	に上がったような気がします。

160×120の画像右辺の空白は８行の罫段落が必要

　　　　　　　文章中の文字色を変える場合の型
　　　　　　　　　　　　 　↓
　　　　　　　||<#ffffff' ||　
　　　　　　　||<#ffffff' style='color:#666666;padding:0px;spacing:0px' ブログが
　　　　　　　||<#ffffff' style='color:#009966;padding:0px;spacing:0px' 一段高見
　　　　　　　||<#ffffff' style='color:#666666;padding:0px;spacing:0px' に上がったような気がします。
　　　　　　　||<#ffffff' ||
　　　　　　　#666666は「ブログが」「…な気がします。」の色、#009966は「一段高見」の色を指定しています。

ラインのカラーは#ffff00で指定、ラインの長さは500で指定

　　　　　　　
　　　　　　　
　　　　　　　　
　　　　　　ラインのカラーは#ff9933で指定、ラインの長さは562で指定

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
薄青の帯に濃青文字の見出しの型→　=== 文字 ===　 背景を薄青にすると帯の部分は目視出来ません

右側に画像を持ってくる練習

□□□□□□□□□□□□□□□□□□□□□□□□画像右寄せの型→　[[attached(画像ﾅﾝﾊﾞｰ、right)]]　
200×150ﾋﾟｸｾﾙの画像周辺の高さには10行の空白が必要

ここは空白か文章で埋めておかないと下に続いている文章群が上に持ち上がって来てしまう

文字のカラーを指定する型　→　||<#ffffff' style='color:#ff9900' 文||
　　　　　　　　　　　　　　　文字カラーは#ff9900に指定
１行まるまる色を指定する方法なので、一部の色を指定する場合は前の

『一段高見』

で指定した面倒な方法になる。

　　　　　ラインのカラーに#cc00ffを指定

薄青の帯に濃青の大きい文字の見出しの型→　　= 文字 =　

真ん中に画像を持ってくる練習

□□□□□□□□□□画像を中央に持ってくる型→　[[attached(画像ﾅﾝﾊﾞｰ、center)]]

□□□□□□□□□□□□□□□元のサイズは1536×2048pxですが…
□□□□□□□□□□□□□□□薄緑で囲む場合の型→ 　{ { { 文字 } } }

　　　　　ラインのカラーに#ff0000を指定
　　　　　　　　　
　　　　　　　　　　
『　==== 文字 ====　』

見出し例（文字が縮小）

『　===== 文字 =====　』

見出し例（文字が縮小）

　　
　　
画像の真下の文章がここに上がってしまうので
　15の空白の罫が必要

　17の罫が必要

　20の罫が必要

　罫は要らない

　（ width=400px height=300px' ）又は（,false,400,300 loop=false)　で縮小サイズを指定してみたがうまくいかない。

□□□□□http://www.mcci.or.jp/www/minamidake/1200-900.jpg
　　　　マイサーバーにアップロードしておいた画像を貼る型　→　[[ﾀｸﾞimg(URL,360,270,南岳大キレット)]]

[[ ＩＭＧ (ＵＲＬ,幅,高さ,ALt ) ]] で貼付け	borderは設定できなかった。	上の画像は 360×270で設定、元の画像サイズは1400×1050。

□□□□□全角スペースを左から五つ空けて文法を貼ってみた結果この画像の位置になった。
□□□□□画像のボトムの前罫に１行のテキストが入るが(後ろはダメ)、その上からトップ迄の罫は使えない

□□□□□

↑　 ||<#ffffff' style='color:#ff9900' □□□□□||

罫のうちの１行全体に色を附ける事はできるが、このコマンドの前後にテキスト(文字や空白など)やイメージ(画像など)が入るとコマンド自体の機能が働かなくなる。また、表示位置についてははこのとおり左端にピッタリは密着しない。

　　　　　罫の１行のうち一部の色を附ける場合は次の如し
　　　 ||<#ffffff' ||
　　　 ||<#ffffff' style='color:#3366ff;padding:0px;spacing:0px' [[ ＩＭＧ (ＵＲＬ,幅,高さ,ALT ) ]]で貼り付け。
　　　 ||<#ffffff' style='color:#ff6699;padding:0px;spacing:0px' borderは設定できなかった。
　　 　||<#ffffff' style='color:#009966;padding:0px;spacing:0px' これは360×270で設定、元は1400×1050。
　　　 ||<#ffffff' ||