|
当ブログもアクセス数2000を超えることが出来ました。 日頃お越し頂いている方々には、本当に感謝しております。 拙い文章、未だ上達しない写真、その上、サボりがちになりながらも、記事数も82に達することが出来ました。これも皆々さまのご訪問、暖かい言葉があったればこそと思っております。 相変わらず、マイペースではありますが、今後ともよろしくお願いしますm(_ _;m)
|

- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
こんにちは、ゲストさん
[ リスト | 詳細 ]
|
当ブログもアクセス数2000を超えることが出来ました。 日頃お越し頂いている方々には、本当に感謝しております。 拙い文章、未だ上達しない写真、その上、サボりがちになりながらも、記事数も82に達することが出来ました。これも皆々さまのご訪問、暖かい言葉があったればこそと思っております。 相変わらず、マイペースではありますが、今後ともよろしくお願いしますm(_ _;m)
|
|
以前、Wiki文法で画像を並べて表示する方法について取り上げました。 しかし、あの方法では画像の「セル」の色が反転してしまい、白抜き表示されてしまいます。 それを、着色した「セル」にするには、どうしたら良いか解らず、いろんな方のブログにお邪魔して勉強させてもらった結果、以下のような結論に達しました。 ||<#FFFFFF' ``|| ||<#FFCCFF' ``[[img(アドレス,横幅,高さ,alt文)]] ||<#FFCCFF' ``[[img(アドレス,横幅,高さ,alt文)]] ||<#FFFFFF' ``|| ||<#FFCCFF' ``説明文 ||<#FFCCFF' ``説明文 基本的には前回の方法と同じです。 何がどう違うのかというと、各行の先頭「||」の後ろに「色名」もしくは「色のRGE値」を入力して色指定をしています。 1行目は前回のような水色の線を表示させたくないので、「#FFFFFF」を入力して「白」にしたいと思います。 2・3行目は画像を表示させるための行です。 ここの「セル」の色は「#FFCCFF」を入力して「薄ピンク」にしたいと思います。 4行目は1行目と同じです。 ここでこの行を入力することによって改行しているわけです。 5・6行目は画像に対して注釈を表記させたい場合に用いる行です。別になくてもかまいません。 ここでは2・3行目と同様に「セル」の色を「薄ピンク」にしたいと思います。 前回の方法では、必ず最終行は「||」で終わる必要がありましたが、今回は必要ありません。 以上のことを踏まえて、実際に表示させたいと思います。 テスト表示用に用いるのは下記のものです。 ||<#FFFFFF' ``|| ||<#FFCCFF' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/48/fa/takezou_8maki/folder/872306/img_872306_23063923_0?-1,270, ,画像1)]] ||<#FFCCFF' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/48/fa/takezou_8maki/folder/872306/img_872306_23063923_1?-1,270, ,画像2)]] ||<#FFFFFF' ``|| ||<#FFCCFF' ``画像1 ||<#FFCCFF' ``画像2 上記のものを表示させると下記のようになります。 ※ 色パレットはこちらを参照してください。
|
|
Wiki文法で「画像を並べて表示させる方法」って、いろいろあるとは思うんですが、ワタシの場合、2段以上の画像を表示させ、かつ、表示させる画像は小さくして、クリックすると大きな画像になるようにしたいので、以下のようにテーブルを用いての文法を使用しています。 |||||| ←(ココは4本でも可) ||[[img(アドレス,横幅,高さ,alt文)]] ||[[img(アドレス,横幅,高さ,alt文)]] ||説明文1||説明文2|| ←(説明文を入れない場合は一行目と同様「||||||」) ||[[img(アドレス,横幅,高さ,alt文)]] ||[[img(アドレス,横幅,高さ,alt文)]] ||説明文3||説明文4|| ←(説明文を入れない場合は一行目と同様「||||||」)そうすると下のように表示されます。
また、画像の、表示させたい「横幅」が1段目と2段目で異なる場合は、 |||||| ||[[img(アドレス,横幅,高さ,alt文)]] ||[[img(アドレス,横幅,高さ,alt文)]] ||説明文1||説明文2|| (一行空ける) |||||| ||[[img(アドレス,横幅,高さ,alt文)]] ||[[img(アドレス,横幅,高さ,alt文)]] ||説明文3||説明文4||というようにしています。 画像を横に2つ並べる場合、「横幅」は「270」にしています。「270」以外の大きさにする場合は、並べる2つの画像の「横幅」の合計が「540」以内になるようにしています。それ以上の数値だと崩れてしまうようです。 「高さ」については、半角スペースで省略しています。 ||[[img(アドレス,横幅, ,alt文)]] 「alt文」には、“写真1”といった番号を振ることが多いです。「ここをクリックすると大きな画像になります」としている方がいらっしゃいました。イイかもw 「説明文」には、画像の説明を入れています。“↑<写真1>全景”といった感じです。 また、説明文を2段表示させたい場合は、 ||説明文1||説明文2|| ||説明文3||説明文4||として、以下のように表示させています。
画像の横に説明文を表示させたい場合は、 |||| ||[[img(アドレス,横幅,高さ,alt文)]] ||説明文 ||||として、
もっと良い方法があるかもしれません。もし、あるようでしたら、ぜひ教えて頂けませんか?
|
|
本日未明1000アクセスを突破してしまいました! |
|
みなさま、ご無沙汰して 申し訳ございませんでした。m(_ _;m) |
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 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 |
[PR]お得情報