FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

  • コメント : -
  • | このエントリーを含むはてなブックマーク
  • トラックバック : -
この記事に対してトラックバックを送信する(FC2ブログユーザー)
http://morepc.blog21.fc2.com/tb.php/99-a989e531

-件のトラックバック

-件のコメント

[C72] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

コメントの投稿

投稿フォーム

投稿した内容は管理者にだけ閲覧出来ます

ねえ、ねえ、画像表示の仕方を工夫してみない?

前回の記事が以外にも好評だったようなので、調子こいて(笑)今回もちょっとだけカスタマイズ講座的な内容を分かりやすいように書いてみたいと思います。

最近、、、というか前からでしょうか?よくブログの記事内に画像(写真)を貼り付けている方、いらっしゃいますよね。ウチのブログでも記事内ではないですけど、花の写真をトップページとメニューに意味もなく表示させてますけど。。。

この画像って使い方によっては、すごいブログが映えてくると思いませんか?

でも、いろいろとネットを徘徊していると、残念なことにせっかくきれいな画像(写真)なのに、張り方がイマイチだなぁ~と思ってしまうブログもあったりするんですよ。(あくまで独断です。)

そういうブログをみると、もしかすると画像(写真)の貼り付け方を知らない人も多いんじゃないかな?とか思ったりしたりしたもんですから、、、

そこで、今回の記事のテーマ、、、画像の貼り付け方!!ということになります。(前置きがなげぇ~よというのは置いといて)

まずは基本的な画像表示のタグは、

<img src="url">

になります。

実際に表示させてみると、こんな感じ。。。

でも、貼り付ける画像がちょっと大きめの場合や横長の画像(写真)の場合、中央に表示させた方がいい場合もありますよね。

そんな時は、、、

<center>
<img src="url">
</center>

のようにすることで中央に寄ります。

でも、このまんまじゃ、画像(写真)と文字がくっついてしまいますから、ちょっと不恰好になってしまいます。
そんな時は、

<img src="url" style="margin=10px">

のように、画像と文字とのマージンをスタイルシートを直接記述して、指定してやれば、文字と画像の距離が広がります。

注意、、、直接CSS編集画面で設定すると、全ての記事内において同じように表示されます。

ちなみに、右側だけとか左側だけマージンをとりたい事もできますんで、その時は、

<margin-right:10px>とか<margin-left:10px>

のように設定したい部分を追加してくださいね。

ここまではいかがでしたか?

まずはここまでのことを自分のブログで実際にやってみてチャレンジしてみてください。

細かい話をすると、画像の大きさの黄金律みたいなものもあるんですけど、ちょっとマニアックかもしれませんので、それはまた後日、、、ということで♪。

とりあえず次回は画像の横に文章を書きたいときはどのようにすればよいか?というのをやってみたいと思います。

スポンサーサイト

この記事に対してトラックバックを送信する(FC2ブログユーザー)
http://morepc.blog21.fc2.com/tb.php/99-a989e531

0件のトラックバック

1件のコメント

[C72] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

コメントの投稿

投稿フォーム

投稿した内容は管理者にだけ閲覧出来ます

スポンサードリンク


Recent-enries

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。