海部之河鐵道。。。ボクの軌蹟

ちょっとそこまでの“小さな旅”の入り口へようこそ

このブログについて

[ リスト | 詳細 ]

このブログについての、お知らせです。
記事検索
検索

全2ページ

[1] [2]

[ 次のページ ]

当ブログもアクセス数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

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

画像1 画像2
画像1 画像2

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

※ 色パレットはこちらを参照してください。
Wiki文法で「画像を並べて表示させる方法」って、いろいろあるとは思うんですが、ワタシの場合、2段以上の画像を表示させ、かつ、表示させる画像は小さくして、クリックすると大きな画像になるようにしたいので、以下のようにテーブルを用いての文法を使用しています。
|||||| ←(ココは4本でも可)
||[[img(アドレス,横幅,高さ,alt文)]]
||[[img(アドレス,横幅,高さ,alt文)]]
||説明文1||説明文2|| ←(説明文を入れない場合は一行目と同様「||||||」)
||[[img(アドレス,横幅,高さ,alt文)]]
||[[img(アドレス,横幅,高さ,alt文)]]
||説明文3||説明文4|| ←(説明文を入れない場合は一行目と同様「||||||」)
そうすると下のように表示されます。
画像1画像2
説明文1説明文2
画像3画像4
説明文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||
として、以下のように表示させています。
説明文1説明文2
説明文3説明文4

画像の横に説明文を表示させたい場合は、
||||
||[[img(アドレス,横幅,高さ,alt文)]]
||説明文
||||
として、
画像説明文
と表示させています。

もっと良い方法があるかもしれません。もし、あるようでしたら、ぜひ教えて頂けませんか?

本日未明1000アクセスを突破してしまいました!
皆さま、ありがとうございます!!


日頃、お越し頂いている方々のお陰は基より、ここ数日の急激なアクセス数増加もあり、あっ!っという間に知らない世界♪(ここタイムボカンでw)
自分のブログじゃないみたい・・・・・

昨日のアクセス数50が、まだ信じられないワタシは、帰宅早々PCを起動 ρ(−− )ポチットナ

えっ?!

あ、あれっ?
コ、コレ自分のブログ・・・・・だよな・・・・・
え、えっ?!
今日のアクセス数三桁に迫る勢い!!!!!

マジっすか?!!!!!


おそらく、素通りの方もいらっしゃるかとは思いますが、それにしても凄いっ!!凄過ぎる!!今までのナント8倍っすよ!!(当社比w)
(ー'`ー;)う〜ん・・・・人の心をくすぐるキーワードに触れてしまったのだろうか・・・・・(触れたらアカンのかい)

何はともあれ、うれしい限りであります!
ホントにホント、皆さん、ありがとうございます!!m(_ _ m)

しかし、たくさんの方にアクセスして頂いたにも関わらず、なぁ〜んの変化も努力もないこのブログ。 (ブログじゃなくお前がだろう ヾ(ーー ) オイオイ)
こんなんでいいんでしょうか? (良くなぁーい!)
ここ最近、明治村ネタで引っ張りまくってるし (わかってんなら変えろって)

え〜っと、こんな調子のマイペースのワタシですが、今後ともよろしくお願い申し上げます。m(_ _;m)

無事 復旧しました!!

みなさま、ご無沙汰して 申し訳ございませんでした。m(_ _;m)
長い間 運休状態で、気が付けば もう9月に突入しておりました。(* ̄∇ ̄*) ハッハハハ

え〜っと、結局 カミナリが被弾した“ウチのパソこん太くん”の内蔵モデム(内臓?・・・エグイw)は修理しないまま、ADSLに切り換えました。
そうなんです。ウチは まだブロードバンド非対応だったんです・・・・・(*^〜^*)ゝ ポリポリ

というわけで(どういうわけ?)ADSLも無事 開通しましたので、また このブログも再開しようと思います。

みなさま、これからも どうぞ よろしく お願い申し上げまするぅぅ m(_ _ m)

全2ページ

[1] [2]

[ 次のページ ]


.
たけゾウ
たけゾウ
男性 / A型
人気度
Yahoo!ブログヘルプ - ブログ人気度について
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!からのお知らせ

ブログバナー

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

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
実質2000円で特産品がお手元に
11/30までキャンペーン実施中!

その他のキャンペーン


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

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

みんなの更新記事