↑ あなたのｹﾞｽﾄﾌﾞｯｸは、こんな風に縦長になっていませんか？
ブログの表紙が、表玄関なら
ゲストブックは、ブログの別に入口みたいなものです。
その人の思いが伝わってきます。
その分、メッセージ代わりに、色々な画像やブログパーツを貼り付けるのですが
↑の画像みたいに縦長になって、まとまりが無くなってしまいます。
↓ こんな風にスッキリさせてみたいと思いませんか？ ↓
↑は 私のゲストブックで、スッキリしているかどうかは分かりませんが
ブログパーツ等が横に並んで、無駄な空白がないぶんだけ見やすいと思います。
実は簡単にまとめる方法が有るんです！
ゲストブックには、簡単モードは当然、使えません。
最近ブログを始めた方は、簡単モードのやり方しか知らないと思います。
簡単モードは 『 簡単モード 』 と言うだけあって、簡単ですからネ。
でも、ある文法を使えば、ゲストブックを簡単に装飾できます。
その文法とは？ ↓↓↓↓
ゲストブックには、ＷＩＫＩ文法！ が有効です。
簡単モードしか知らない人は、急にＷｉｋｉ文法と言われても分かりませんよね。
これから、とりあえずゲストブックに有効なＷｉｋｉ文法を紹介します。
� ＿菫�を横に並べる ＷＩＫＩ文法 ！
画像やブログパーツが縦に並んでいると、その画像の横に空白が出来て、
スカスカな感じがしてあまり見栄えが良くないですよね。
そんな時はこの文法を使いましょう。↓ (コピー＆貼り付け だけで出来ます。)
||||||||||||
||●ここにパーツのタグを入れる●
||●ここにパーツのタグを入れる●
||●ここにパーツのタグを入れる●
↑の文法に、実際に画像やブログパーツのタグを入れると ↓ になります。
||||||||||||
||[[item(http://www.square-enix.com/jp/members/special/dqblogp/dq_bp.swf,178,312)]]
||[[item(http://i.yimg.jp/images/weather/blogparts/yj_weather.swf?mapc=top,150,322)]]
||[[embed(http://www.tagheuer.co.jp/blogparts/lib/swf/tagheuer2.swf,0,200,300)]]
このタグ ↑ の実際の画像は ↓ です。
�◆（源�と画像を一緒にセンタリング
今度は文字と画像を一括して真ん中に持ってくる方法です。
いちいちスペースキーを押して、真ん中に移動しなくてすみます。
それには ↓ の文法を使います。
||||
||||[[img(☆)]]
{{{:
ゲスブでのセンタリング･･･！
}}
注:☆の部分を貼り付けたい画像のURLを貼って下さい。
注：文字は･･･一番長い行に対してのセンタリングです。
実際に画像のＵＲＬを入れてみると ↓
|
ゲスブでのセンタリング･･･！
♡ − ♡ − ♡ − ♡ − ♡ − ♡ − ♡
当ブログは転載自由ですが、必ずコメントを残して下さい。
簡単に出来ますよ！どうですか？出来ましたか？
文章が短いと真ん中に来ませんので注意です。
|
�� 大きい画像を２つ、横に並べたい時の方法
↑ 上の二つの画像を並べたい時、どうしますか？
このまま横に並べると、当然、はみ出してしまいます。
こんな時は、画像のサイズを小さくして並べます。
目安として、ページの横幅はだいたい５４０〜５６０くらいだと覚えて下さい。
今回は５４０としてやっていきます。
横幅が５４０なので、２枚並べるには、１枚の横幅は半分の２７０にしなくてはなりません。
多少の切れ目も考えて１枚２６０にしておけば間違いありません。
これが ↓ 画像のＵＲＬです。
[[img(http://www.desicomments.com/dc/25/67853/67853.gif)]]
↓ このままでは大きいので、最後にサイズを入れます。 ↓
[[img(http://www.desicomments.com/dc/25/67853/67853.gif,260)]]
このタグを実際に貼ってみます。↓
２つの画像をどちらも小さくしたら、どうするのでしたか？
そうです、
最初に勉強した、� ＿菫�を横に並べる ＷＩＫＩ文法 ！
これにあてはめるだけです。
小さくした画像のタグはこちら↓
[[img(http://www.desicomments.com/dc/25/67853/67853.gif,260)]]
[[img(http://www.desicomments.com/dc/25/67857/67857.gif,260)]]
この二つのタグを�，琶拔�した文法にあてはめます。
文法はこれでしたね。↓
||||||||||||
||●ここにパーツのタグを入れる●
||●ここにパーツのタグを入れる●
||●ここにパーツのタグを入れる●
今回は２つなので ↓となります。
||||||||||||
||[[img(http://www.desicomments.com/dc/25/67853/67853.gif,260)]]
||[[img(http://www.desicomments.com/dc/25/67857/67857.gif,260)]]
実際に貼り付けると ↓ となります。
↑ 大 成 功 ！ ↑
あなたの撮影した写真でも、対応出来ます。
文法を使えば、いちいちスペースキーで真ん中に持っていく必要はなくなります。
まずキティちゃんの画像のタグ ↓ はこちら。
[[img(http://www.animated-gifs.eu/cartoons-hello-kitty-glitter/0087.gif)]]
文法は ↓ こちら。
||<#FFFFFF' style=text-align:center;width:540px; ``☆☆☆||
↑の☆☆☆の部分に、キティちゃんの画像のタグを入れるだけです。
↓ 完成したタグ
||<#FFFFFF' style=text-align:center;width:540px; ``[[img(http://www.animated-gifs.eu/cartoons-hello-kitty-glitter/0087.gif)]]||
 転載元: フリー素材＆水槽！
|
コメント（0）
