★　ZERO　★のブログ一覧

　
普通は、一枚しか貼り込めない画像をブログ本文にいっぱい貼ってみましょう。
それもみんカラアップ画像と同じスタイルで・・・、つまりクリックすると別ウィンドウに画像が表示され、しかもその画像をクリックするとウィンドウが閉じるようにです。
ただし、手動でHTMLタグを編集するので・・・・ヘタするとブログ全体のレイアウトが崩れたりする危険性があります。
そのへんを十分ご理解いただける方だけ・・・試してみてください。

方法は色々とあります、まず貼り込みたい画像をどこに置くかなんですよね。
みんカラに置くなら、それ用のフォトギャラリーか掲示板になるんだけど・・・ね。
そうするとブログ以外からも画像が見えちゃうし、更新のシルシがついたりするので・・・・。
スマートにやるなら「下書きブログ」に置いちゃうとグーなんですよ。

下書きなので、自分にしか見えません・・・だけど、貼り込みたい画像の数だけ見えないブログが増えていきます。



まず、画像を投稿します。

このように、タイトルと本文には何か書いて「下書きとして保存」有効チェックボックスオンで画像を　必ず投稿　します。
確認画面でも投稿画像が見えますが一時的で消えちゃいますからね。


次に投稿した画像を別ウィンドウに表示させます。

そして・・・
これから手動の作業になっていきます。

使うのはこの画像が表示されたウィンドウのURLと画像そのもののURLです。

　１．画像ウィンドウURL
　２．画像本体URL

この二つのURLを手動で編集してブログに貼り込んでいきます。
編集するのはメモ帳でもワープロでも良いですが、ツウはエディタというモノをつかうんですよ。
とりあえず　「ブログ編集メモ」　ってタイトルで文書作ってください。

まず、画像ウィンドウのURLは表示されてますから、URLをコピーペースト。
画像本体URLは画像を右クリックして、

「イメージのアドレスをコピー」をクリックして「ブログ編集メモ」にペースト。
これはマックOSXサファリの画面ですがウィンドウズでも同じように表示されます。

ここまできたら、こんどはHTMLタグの手動編集になります。
二つのURLをコピーペーストした「ブログ編集メモ」での作業です。


　　　　　続きます。

　
　
どうやら、

<div align="center"><a href="http://homepage.mac.com/zero_rs/Sites/minkara/minnkaratoraburu.jpg.html" target="_blank"><img src="http://homepage.mac.com/zero_rs/minkara/minnkaratoraburu.jpg" alt="" width="480" ></a></div>

　↑
のように「<div align」タグを使った場合ですね。
上の画像にリッチ編集機能で枠線を付けちゃうと・・・・最後の「</div>」タグが抜けちゃいます。
もしかするとリッチ編集画面に移っただけで消えるかも知れない？？

たぶん「<div align」タグをサポートしてないからでしょう。

「<div align」タグを何カ所かで使っていると、全部消えてしまいますのでご注意を。
これが消えるだけてもワタシのような症状が出ます。















　　
　

　
見つけてしまいました。(^^)

たぶんオオモトの原因はスタイルシートでしょう。
ブログのユーザースタイルシートとの絡みもあるかも知れません。

ワタシの場合リッチ編集機能の「整列」（右寄せ、左寄せ、センタリング）を使うとサイドバーの広告などがごそっと一番下のブログ本文内に移動。
しかも各記事の枠線がおかしくなりました。

回避するにはリッチ編集でなく、手動？で「div align」タグを使えば良いだけです。

　　ません。

詳細設定→ブログ
「ブログ画像 div.blogMemo img」に

border:1px;
border-style:solid;

があると1pxの枠線が表示されますが・・・、ぜーんぶの画像に適用されます。
貼り込んだ画像タグの枠線
border="1"
が反映されてるわけぢゃないです、結局画像タグ枠線は無視されてました。
しかも
border-style:solid;
を入れないと、border:1px;　が生きてこないんですねー。

と言うことで、システム的には全然カイゼンされてなかったとです。(T▽T)
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　

　
　
　
　
　
　
　
　
　
　
　
　
まーさか、Firefox3.0.8 だとタブがぺったんのようになるんですねー。

自己流試行錯誤試してたときはよーなっったんですけどね。(^^;ゞ

けっきょく　他力本願！！
みんカラグループ > クールデザインクラブ -スタイルシート革命- (mcdc)でヘルプしまくりまして、いろいろご指導いただきました。

教えてもらったタブセンタリング化方法は二種類あったので別の方法でやったらなんとかなりました。
厳密にはXP・IE6では微妙に間隔が・・・。
でも、もぅいいです。
これ以上、スタイルシートに関わりたくない気分いっぱいです。(^^;ゞ

それにみんカラシステムも細かく変わってるみたいですし・・・ねっ。
　
　
　
　
　
　
　
　
　
PS ガッちゃんありがとうございました。