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

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

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

　　　　　　　　　上に表示される記事タイトル　↑　をクリックすると表示された記事が開きます

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

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

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

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

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

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

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

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

■書式■

上です
[[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　,　横幅　,　高さ　と入力すれば、
元の画像サイズではなく、指定された数値のサイズで表示されます

画像サイズ・ファイルサイズ縮小の例

■サイズは元画像が 約78KB あるのに対しこれはわずか 18.5KB です■

■画像の大きさを少し縮小し、サイズも 9.7KB に抑えてみました■

■　画像のファイルサイズを小さくしましょう
★いずれも　→　超簡単!!大きな写真は縮小しよう♪　の記事の ＢＴＪ３２ という無料ソフトで
ファイルサイズ縮小・画像サイズ変更したものです。

■　画像についてのまとめ記事 はコチラです
超簡単!!画像・写真の投稿方法♪

★ ブログ初心者の皆様はまずコチラをよく読んで下さいね★

■　ブログ初心者が知っておきたい★１０の法則★【１】
YTO YTT S2 CYOKANTAN chokantan gazo gazouichi mojiiro moji iro ichi 2007N 0279

http://blogscouter.cyberbuzz.jp/

http://whos.amung.us/show/3fd4d4ni

ヤフーブログガイド Yahoo!ブログを楽しむためのコンテンツ集 のＨＰが出来ました♪

お役に立てましたら「傑作」ボタン押！　もよろしく！！

傑作について

ご協力頂けると励みになります♪

ブログランキング にほんブログ村　 ←クリックご協力下さい♪
BESTブログランキング　 ←クリックご協力下さい♪

★記事作成元★

文責
http://blogs.yahoo.co.jp/uragoe_2ch
(引用について・トラックバック自由・■当ブログ記事の転載条件←必ずお読み下さい）

【作成元記事】
超簡単!!画像の位置変化と色文字の表示方法♪【2】
記事作成日 ： 2007.03.26
最終更新日 ： 2007.06.03

転載元: 楽しむYahoo!ブログの作り方♪