★　このブログをあなたの MY Yahoo! に追加♪

超簡単!!画像の位置変化と色文字の表示方法♪【2】

※以下の説明は全て記事作成時に「Wiki文法使用」にチェック入れて書いて下さい

http://oyaji3.com/enews01.swf
　　　　　　　　　上に表示される記事タイトル　↑　をクリックすると表示された記事が開きます

文字の間に画像を入れる方法

例１　記事中の任意の場所に投稿した画像を配置する方法

■　「新規投稿」で記事に画像を投稿する方法♪　■

「新規投稿」で記事に複数の画像を投稿する場合は記事入力画面の下の 「画像添付」欄 の

『複数の画像をアップロード』 を投稿枚数分押して、

参照をクリックし、パソコン内から画像を選んで下さい。

■記事に３枚の画像をアップロード（投稿）する場合■

■書式■

上です
[[attached(1)]]
中です
[[attached(2)]]
下です
[[attached(3)]]

※カッコ内の数字は半角にして下さい

表示例１

上です
（１番目の画像）
中です
（２番目の画像）
下です
（３番目の画像）

と表示されるようになります。

例２　文章と文章の間に画像を入れる

■書式■

あいう[[attached(1)]]えお[[attached(2)]]かきく

表示例２

あいう　（１番目の画像）　えお　（２番目の画像）　かきく

という順番で文字と画像が表示出来ます。

例３ [[attached( )]]　を使った画像位置変化

■書式■

[[attached(1,left)]]　　→　意味：１番目の画像を左寄せ
[[attached(2,center)]]　→　意味：２番目の画像をセンターリング
[[attached(3,right)]]　 →　意味：３番目の画像を右寄せ

※ソース内容について
[[attached(画像の番号,場所)]]　という意味です
※カッコ内の数字は半角に

表示例３

１番目の画像

　　　　　　　　　　　　　　　　　　　　　　　　　２番目の画像

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　３番目の画像

■ Wiki文法で文字の大きさと色をつける方法

■ご注意■ この方法では色文字は１行ごとでしか書けません。また行間も大きくなります。

■追記・ご注意■
2007.05.22 に行なわれた、Yahooブログの仕様変更により
Wiki文法で文字を大きくする方法が一部反映しないようになってしまいました

大きく

|<#FFFFFF'style='font-size:40pt;font-weight:bold;color:blue'``大きく||

※以前のタグでは反映しませんのでご注意

カラーネームの使用法

上の文字の色や下の線の色の指定方法ですが、カラーの指定の方法に２種類あります。
文字の所の　color:blueという指定方法と、線の所の　#0000FFは同じ色の指定です

#0000FF　という表記は１６進数といいます　

||<#FFFFFF'style='font-size: 40pt;color:#FF0000'``色の指定||

色の指定

カラーネームについては
色見本のサイト をご利用下さい

カラーのラインの記述方法

青線
||<#0000FF' style=width:560px;` `||

赤線
||<#FF0000' style=width:560px;` `||

※テーブル枠の色を変更する方法です。

青線

赤線

画像のサイズを大きく（小さく）表示させる方法

では次に画像サイズを元の画像よりも大きく表示させたり小さく表示させる方法を紹介します

これはサイズ指定をせずに、元のサイズのままでの表示です

　この画像サイズは　横　240　高さ　320（ピクセル）です

ソースは
[[img(http://～～.jpg)]]
と入力します。（gif画像またはpng画像も可）

全く同じ画像を半分の大きさで表示します　横　120　高さ　160　となります

この場合は
[[img(http://～～.jpg,120,160)]]
と、画像のURLの後に　,（カンマ）を入れて　画像URL　,　横幅　,　高さ　と入力すれば、
元の画像サイズではなく、指定された数値のサイズで表示されます。

alt属性（マウスONで表示される言葉）を入れる場合は

[[img(http://～～.jpg,120,160,alt文)]]

このようにして「alt文」の位置に言葉を入れて下さい。