ダンナのために♪ブログ内画像について

スタイルシートいぢりがＭＹブームです









「複数画像掲載」と「大きな画像を好きな場所に」～の巻



まずは・・ブログに１枚の写真を載せるのは　たいていでけるとおもいます
（ので　そこは省略）


１枚だけの写真の場合　載せるのは簡単やけどもサイズが小さくなってしまいます（サムネイルで表示されます）






それとその場合好きな場所に貼れませんよね～





文章の最後に写真を貼りたい場合とか
文章と文章の間に写真を貼りたい場合とか
・・にも利用できます



覚えてしまうとすっごく簡単なので
秋の夜長ブログの文章と写真のレイアウトで遊ぶんも楽しいかも～♪




★大きな写真を好きな場所に載せてみよう～♪


＜上のくまちゃん写真をそのままの大きさで載せてみませう大作戦＞


※ただし　大きすぎる画像は個人的には×とおもてますので（個人の好みの問題ですが　笑）

横幅は550ｐｘくらいまでが妥当な気がします
縦はどんなに大きくてもブログからはみださへんので（ぷ）ご自由に～　笑


この応用は複数画像を載せるときに活用するので覚えておくと便利です
（というか　これができたら複数画像もほぼできたとおなじです）



①
まずは載せたい画像を用意します（大きさは任意）
このくまちゃんの画像でほぼ（横幅）５００ｐｘです
これ以上横幅が大きいのを載せるとレイアウトが崩れてしまいます
（ブログのよこのプロフィールとかの画面が下にいってしまうのです）
（それでもええ人はもっと大きな画像でも貼ってくださいね）



②
ＭＹ掲示板　もしくは　スタイルシート画面の一番下の「スタイルシート用画像」というところに用意（貼りたい）画像をアプします


※スタイルシート用画像の場合は１０枚×８枚までで上限がきてしまうし
のちのちスタイルシートをいぢって背景画像やアイコンなんかをつけたいときにその場所が必要になってくるので画像をばんばんアプするつもりならＭＹ掲示板を利用したほうがいいかもです

※スタイルシート用画像にアプした場合とＭＹ掲示板にアプした場合ではこの後のやりかたが微妙に違ってくるので要注意


★ＭＹ掲示板にアプしたやり方


とにかく

<ｉｍｇ ｓｒｃ=""> 　←これを覚えてください（必須）（基本）（直接入力でかきなおしてくださいね）

（これはコピーしても認識されません　直接入力にしたら表示されへんのでわざと全角英数でかいてます）


単語登録するなりメモ帳なりにひかえるなりして
いつでもすぐ取り出せるところに脳内インプットしといてください


③
ＭＹ掲示板にアプした画像をあけます
（一覧表示の段階ではなく大きく表示されてる画像をあけます）

④画像が出たら画像の上で右クリック　一番下に「プロパティ」というのがありますので　プロパティのなかの「アドレス（ＵＲＬ）」の部分をそのまま全部コピーしてください

http://・・・・・　　←これです

※ちなみにプロパティのなかで画像サイズもわかりますので大きさの確認もできます


⑤
ブログ投稿画面の貼りたいところに
<ｉｍｇ ｓｒｃ="">をまず書きます




""　←ちょんちょんとちょんちょんの間に　④でコピーしたアドレス（ＵＲＬ）を書き込みます


※ちょんちょんは消したらダメです（ちょんちょんの位置をかえてもダメです）



これで完了♪





★複数画像を載せたいときは　①～⑤を繰り返します



簡単やろ～？




★スタイルシート用画像にアプした場合のやり方


③スタイルシート用画像をあけます

アプしたい画像をあけるとアドレス（ＵＲＬ）が書かれていますので
そのアドレスが（上の④番でいうところのアドレスとおなじいみです）





わかったぁ～？



■最低限の要注意

<ｉｍｇ ｓｒｃ="">　←は直接入力で書いてください



全角英数とかやと認識されません


""←ちょんちょんもおなじです


""←ちょんちょんは　キーボードの「２」です 直接入力にしてシフトを押しながら・・


全角やと””

直接やと""　の違いがあります　←こっちが正解


＜＞　←これもおなじです

< >　←これはキーボードの「ね」「る」のところです　直接入力にしてシフトキーを押しながら・・


全角やと　＜＞
直接やと　< > 　と違ってきます　←こっちが正解






（くれぐれも間違えないでください）







（●・・●）れお