楽しむYahoo!ブログの作り方♪

【祝! 3,150,000 アクセス達成!感謝ヽ(・∀・)ノ】

全体表示

[ リスト ]

★この記事は新たに書き直しましたのでアドレスは以下になります。

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

新たに書き直しました。
http://blogs.yahoo.co.jp/uragoe_2ch/45766268.html



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


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

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


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

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

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

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

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

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

■記事に3枚の画像をアップロード(投稿)する場合■


■書式■

上です
イメージ 1
中です

下です


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

表示例1

上です
(1番目の画像)
中です
(2番目の画像)
下です
(3番目の画像)

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


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

■書式■

あいうイメージ 1えおかきく

表示例2



あいう (1番目の画像) えお (2番目の画像) かきく


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

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

■書式■

イメージ 1  → 意味:1番目の画像を左寄せ
 → 意味:2番目の画像をセンターリング
  → 意味:3番目の画像を右寄せ

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

表示例3

1番目の画像

                         2番目の画像


                                                         3番目の画像

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


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

上の題字のソース
||<#FFFFFF'style='font:bold 18pt;color:red'``Wiki文法で文字の大きさと色をつける方法||

大きく

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

カラーネームの使用法

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

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


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

色の指定

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


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

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

青線
赤線

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


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

これはサイズ指定をせずに、元のサイズのままでの表示です
横240ピクセル高さ320ピクセル この画像サイズは 横 240 高さ 320(ピクセル)です

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

全く同じ画像を半分の大きさで表示します 横 120 高さ 160 となります
横120高さ160
この場合は
[[img(http://〜〜.jpg,120,160)]]
と、画像のURLの後に ,(カンマ)を入れて 画像URL , 横幅 , 高さ と入力すれば、
元の画像サイズではなく、指定された数値のサイズで表示されます


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

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

https://blogs.yahoo.co.jp/IMG/ybi/1/a3/73/uragoe_2ch/folder/180830/img_180830_15532661_2?20051107161442.jpg

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

https://blogs.yahoo.co.jp/IMG/ybi/1/a3/73/uragoe_2ch/folder/180830/img_180830_15532661_3?20051107161442.jpg

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


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


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



YTT CYOKANTAN chokantan syasin gazo gazouichi mojiiro moji iro ichi



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

閉じる コメント(603)

お助けコメントありがとうございましたm(u_u)m ちゃんと文章中に画像をアップできました! 感謝です(・∀・)

2007/3/16(金) 午後 10:36 r33*t*_t*833*kai

画像貼り付けのWiki文法を活用させていただいてます;覚えるのが大変、というか書式をメモ帳に貼り付け方がわからなかったので非公開記事に書式コピペさせてもらってます。勝手にもらってすみませんでした; このブログみたく、見やすいブログ作りを頑張ってます。

2007/3/16(金) 午後 11:34 [ - ]

勉強します♪ 転載させて下さい。ポチッ

2007/3/17(土) 午後 5:43 soraso0527

コメントの長さにびっくりΣ(・`д・ノ)ノ━━━!!!! ブログ作りに活用させてもらいます・:*:・(*´ー`*人)。・:*:

2007/3/18(日) 午前 0:20 [ えみチャン ]

こんばんは。たいへん勉強になりました。済みませんが転記させてください。傑作も押しておきます。つ凸ポチッ

2007/3/19(月) 午後 9:30 [ - ]

ほぇ〜、知りませんでした。助かります、ありがとうございます。

2007/3/21(水) 午後 8:16 ヘッポコ

今日は色見本を拝見しに来ましたε=ε=(/*~▽)/キャー おやじサマのお陰で楽しいブログ生活を送っています♡ ぽちっ♪&ランキングの応援して帰りま〜す('-^*)/

2007/3/22(木) 午前 9:00 mom's life*

すごく分かりやすいです(^^)ありがとうございました。

2007/3/25(日) 午後 7:51 hanaさん

顔アイコン

転載させていただきますね。

2007/3/26(月) 午後 5:02 [ ぞうさんとねんね ]

顔アイコン

画像の左寄せ、センター、右寄せを試しにコピーして貼り付けて使ってみたのですが、全部左寄せになってしまいます。教えていただけませんか?

2007/3/26(月) 午後 8:08 hanaさん

アバター

ハナさん : そちらの記事にコメントしますね。

2007/3/26(月) 午後 8:27 OYAJI

ブログ初心者のわたしですが、勉強して素敵なブログ生活にしようと思います^^勉強用に非公開で転載させてください。これからもよろしくお願いします。

2007/3/30(金) 午後 11:04 [ - ]

転載しますね^^

2007/3/31(土) 午後 0:57 [ rwc*d55* ]

顔アイコン

転載させて下さい。

2007/5/7(月) 午前 5:37 [ - ]

顔アイコン

転載させて下さい。

2007/5/7(月) 午前 5:38 [ - ]

勉強になりました!ありがとうございます!

2007/5/8(火) 午後 3:06 みんと

ちあちあさんから伺ってやって参りました♪ゆっくり読んで勉強したいので転載させて頂きます♪凸

2007/5/25(金) 午後 6:37 [ - ]

アバター

みぃたさん : 一番下にもTBしていますが、この記事を書き直して新しくした記事が
http://blogs.yahoo.co.jp/uragoe_2ch/45766268.html
こちらにありますので、転載するなら新しい記事のほうが良いですよ。
この記事の「■ Wiki文法で文字の大きさと色をつける方法」の一部の指定方法が仕様変更により変わっています。
新しい記事
「超簡単!!画像の位置変化と色文字の表示方法♪【2】」
http://blogs.yahoo.co.jp/uragoe_2ch/45766268.html
こちらのほうを参考にして下さい。

2007/5/25(金) 午後 9:21 OYAJI

はじめまして♪
とっても勉強になりました♪

ありがとうございました♪

傑作ポチっとな♪

2009/2/7(土) 午前 8:05 ひめ♪

顔アイコン

とってもわかりやすかったですww

2009/12/20(日) 午前 9:48 [ マリン ]

開く トラックバック(64)


.
アバター
OYAJI
男性 / B型
人気度
Yahoo!ブログヘルプ - ブログ人気度について

ブログバナー

スマートフォンで見る

モバイル版Yahoo!ブログにアクセス!

スマートフォン版Yahoo!ブログにアクセス!

検索 検索

日常

登録されていません

グルメ

登録されていません

音楽

登録されていません

他社ブログ

登録されていません

ブログ

登録されていません

経営者

登録されていません

BSP

登録されていません

情報

登録されていません

パン一同好会

登録されていません

基本

登録されていません

国際交流

登録されていません

素材リンク

登録されていません

転載・著作権・ブログ運営

登録されていません

1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去の記事一覧

Yahoo!からのお知らせ

よしもとブログランキング

もっと見る

プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事