• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

ゆすけのブログ一覧

2009年03月12日 イイね!

ブログ講座 最終回 『画像の横並べ』

ブログ講座 最終回 『画像の横並べ』先日の「アクセラ2台を並べる物件」やめました("▽"*)アヒョ

そのかわりに物件自体のレベル(環境、部屋数、デザイン)を
アップし、近隣の駐車場で1台借りられるとこに決定しました。
入居審査の手続きを進めてますが、面倒ですね~(;´Д`A ```





ってなわけで、今回のブログは『ブログ講座』です!
ド━━━(゚ロ゚;)━━━ン!!

↑の画像のように写真を横に4枚並べるウルテクです。
ウルテク懐かしいなぁ。3000ガバスとか・・・( ゚д゚)


以下、とても長くてものすごく大変そうに見えますが、
やってみたら意外と単純作業(゚ω゚;)(-ω-;)(゚ω゚;)(-ω-;)ウ、ウンウン・・・

別に4枚じゃなくても、大きな画像へのリンクを1枚どーんと置きたいってときも使えます。
リンクにしないと画像の幅がブログの幅で制限されちゃいますからね~(・ε・)


①まずは画像をアップ

 フォトギャラリー、My掲示板、外部スペース(ジオシティーズ等)が一般的ですかね。自分の場合は・・・

  ●フォトギャラリー:見返したいときにさくっと見れるように。
  ●My掲示板    :それほどでも無い画像をとりあえずアップ。
  ●外部スペース  :画像が大量にある。サイズが100KB以上。

 って感じで使い分けてます。My掲示板も大量アップにはいいんですけど
 100KB以下じゃないとダメなので、画質落とさないといけないんですよね(;´д`)

②画像のアドレスをコピー

 ●フォトギャラリー、My掲示板の場合
  アップした画像を右クリックしてプロパティを表示し、アドレスをコピー。
  ブラウザ(Internet Explorer)の上部に出てるアドレスは無駄に長ったらしいので、
  後のことを考えるとやめた方がいいです。(*゚ω゚*)ノ アィ



 ●外部スペースの場合
  外部スペースの場合は、ファイルを表示するとアドレスそのものが出ているのでコピー(*ノωノ)イヤン



③画像タグ(img)を追加

 表示したい箇所にカーソルを置いて画像ボタンをクリック。
 ②でコピーしたアドレスをペーストしてOKボタン(*゚ー゚)ウィ



④画像のサイズ指定を追記

 width='(サイズ)' を追記します。(;´=з=`)エイゴヤ
 記事欄の横幅が500ピクセル程度なので、並べる枚数によってサイズを変えてます。
  1枚:400  2枚:240  3枚:140  4枚:100



⑤リンクタグ(a)を追加

 画像タグ全体を選択します。コピーはしないこと(*´=з=`)ハイ



 リンクボタンを押してさっきと同じのをまたペースト(*´=з=`)マタカ



 するとこんな感じで1枚分が完了。
 赤いところがリンク部分、青いところが画像部分ですね!(*゚∀゚)b



⑥1枚分をコピー、ペーストして違うとこだけ変えて4枚分作成

 はい、こちらにすでに4枚分出来上がったものが・・・。ポポポ( ゚д゚)゚д゚)゚д゚)ポカーン…

 赤:1枚目  青:2枚目  黄:3枚目 緑:4枚目
 そして4枚それぞれの間にちょっとだけすき間を開けるために
 オレンジ色の部分に全角スペースをいれてあります(* ̄ρ ̄)”ホホゥ…




 というわけでこれにておしまいヾ(。・ω・。)クルッ(    )ノ~~バイバイーッ!!






この記事書くのすごく大変だった・・・よ・・( TдT)ヨヨヨ

これでみんなが「めんどくせっ、パスっ(*´=з=`)」だと悲しいなぁヘ(゚曲、゚;)ノ~ ヒィイイイイイ!!
Posted at 2009/03/12 21:51:14 | コメント(13) | トラックバック(0) | ブログ講座 | 日記

プロフィール

人生初マイカー&初新車のアクセラちゃん。 少しずついじっていきたいのですが、知識も腕も伴っていないのでいろんな方のブログや整備手帳を参考にしたいと思ってます。...
みんカラ新規会員登録

ユーザー内検索

<< 2025/8 >>

     12
3456789
10111213141516
17181920212223
24252627282930
31      

愛車一覧

マツダ アクセラスポーツ(ハッチバック) マツダ アクセラスポーツ(ハッチバック)
2007/10/05 納車 大事に大事に育ててやります(`・ω・´)

過去のブログ

2010年
01月02月03月04月05月06月
07月08月09月10月11月12月
2009年
01月02月03月04月05月06月
07月08月09月10月11月12月
2008年
01月02月03月04月05月06月
07月08月09月10月11月12月
ヘルプ利用規約サイトマップ
© LY Corporation