画像を並べて表示〜Part２〜

以前、Wiki文法で画像を並べて表示する方法について取り上げました。
しかし、あの方法では画像の「セル」の色が反転してしまい、白抜き表示されてしまいます。
それを、着色した「セル」にするには、どうしたら良いか解らず、いろんな方のブログにお邪魔して勉強させてもらった結果、以下のような結論に達しました。

||<#FFFFFF' ``||
||<#FFCCFF' ``[[img(アドレス,横幅,高さ,alt文)]]
||<#FFCCFF' ``[[img(アドレス,横幅,高さ,alt文)]]
||<#FFFFFF' ``||
||<#FFCCFF' ``説明文
||<#FFCCFF' ``説明文

基本的には前回の方法と同じです。
何がどう違うのかというと、各行の先頭「||」の後ろに「色名」もしくは「色のRGE値」を入力して色指定をしています。

１行目は前回のような水色の線を表示させたくないので、「#FFFFFF」を入力して「白」にしたいと思います。

２・３行目は画像を表示させるための行です。
ここの「セル」の色は「#FFCCFF」を入力して「薄ピンク」にしたいと思います。

４行目は１行目と同じです。
ここでこの行を入力することによって改行しているわけです。

５・６行目は画像に対して注釈を表記させたい場合に用いる行です。別になくてもかまいません。
ここでは２・３行目と同様に「セル」の色を「薄ピンク」にしたいと思います。

前回の方法では、必ず最終行は「||」で終わる必要がありましたが、今回は必要ありません。

以上のことを踏まえて、実際に表示させたいと思います。
テスト表示用に用いるのは下記のものです。

||<#FFFFFF' ``||
||<#FFCCFF' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/48/fa/takezou_8maki/folder/872306/img_872306_23063923_0?-1,270, ,画像１)]]
||<#FFCCFF' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/48/fa/takezou_8maki/folder/872306/img_872306_23063923_1?-1,270, ,画像２)]]
||<#FFFFFF' ``||
||<#FFCCFF' ``画像１
||<#FFCCFF' ``画像２

上記のものを表示させると下記のようになります。

画像１	画像２

さらに、いろいろなアレンジ方法があるようですが、今日はここまで（＾＾；

※　色パレットはこちらを参照してください。

[kin*k*041]

たけゾウ先生、すごいお勉強をさせて頂きました。早速、私も活用させて頂きたいと思います。御礼にポチ！！

きのこさん。いやぁ〜まだまだワタシは勉強不足です。これにさらに枠を付けるだとかなんとかかんとかあるようです（＾＾；参考文が記載されているブログがあるんですが、どこをどういじればどうなるのかがわからない（＞＜。）

[MJJSS]

できましたね〜〜〜＾＾ よかった。説明の文字を真ん中に表示させる方法とかないんですか？？

[MJJSS]

オオ 「実験」いい感じに仕上がりました。 ありがとうございます。色入門・色見本は便利ですね。

ＭＪＪＳＳさん、こんばんは。説明文のセンタリングは可能のようです。ただ、ワタシが理解できていないだけです（＾＾；リンクした色パレットはリンクフリーなので、もしお知り合いの方がいらしたら教えてあげるといいかもしれません。

[kin*k*041]

たけゾウ先生、そのままコピーして使ってしまいました(_ _(--;(_ _(--; ペコペコ著作権とか言われませんよね。

きのこさん、こんばんは。コピーでも転載でもＯＫです！活用していただいて、逆にこちらの方こそ、ありがとうございますm(_ _;m)