スポンサーサイト

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

記事内に画像を投稿し、文字を回り込み表示させた時、文字と画像の間隔を空けるには

記事内に画像を投稿し、文字を回り込み表示させた時、文字と画像の間隔を空ける方法を以下に説明します
CSS部分に以下のようなイメージ(画像)用のCSSを追加します
(私が作ったテンプレートにはCSS内部に以下のような表記があるテンプレートもあるのですが、
もしCSSを一通り見て、以下のような部分がない場合にだけ追加してやってくださいm(_._)m
なお、3color_columnsとbizarre_columnsには以下のような表記がないので追加してやってください)

/* Image
------------------------------------------------------------ */

/* 文字と間隔を空けたい画像用クラス(投稿時に自分でクラスを設定してください) */
.pics {
padding : 3px;
}

/* 枠付の画像を左側に回り込み(投稿時に自分でクラスを設定してください) */
.pics-l {
float : left;
margin : 0 10px 5px 0;
padding : 3px;
}

/* 枠付の画像を右側に回り込み(投稿時に自分でクラスを設定してください) */
.pics-r {
float : right;
margin : 0 0 5px 10px;
padding : 3px;
}


記事を投稿する際に
↓の例ように
画像タグ内にclass="pics-l"やclass="pics-r"を追加してやると画像と文字が離れた状態で文字が画像を回りこむようになります
例:<img src="画像URL" class="pics-r">
スポンサーサイト

ヴァルキリープロファイル2 ファミ通スキャン画像«  | HOME |  »FF12 ポスターをスクエニ公式オンラインショップで販売しています

コメント

どうもありがとうございます!

tomoさん、ども~v
おぉv 上手くいったようですねv
よかったです~~v

はじめまして。

こんばんは。
テンプレートとっても素敵ですね。
どちらかで見かけてひとめで気に入って探してDLできました。
simple_columnsです。
とても嬉しいです。
ひとことお礼とご報告まで‥‥と思い、こちらの記事にコメントさせていただきました。
ありがとうございました。

まひるさん、はじめましてv
私のsimple_columnsテンプレートを利用してくださっていると聞いて大変喜んでおりますv
ありがとうございます~!

さっそくそちらにお邪魔して来ました
とても素敵にカスタマイズされていてびっくりしました!!
こちらこそこんなに素敵にカスタマイズしていただいてありがとうございました!!
テンプレともどもよろしくお願いいたしますm(_._)m

はじめまして

simple_columnsをDLさせていただきました。シンプルだけれど、まとまりがよくてとても見やすいです。

突然ですが、カスタマイズに関して質問があります。

リンクについてなのですが、
cssのhover指定のところで、色も変わるようにcolorの部分を変更させていただきました。
ところが訪問済みになっていると、マウスを乗せても色が変わってくれないのです。普通に点線は表示されるのですが…。

どこか他にも変更するべき部分があるのでしょうか。

お暇なときにでもご教授いただけますととても嬉しいです。

うさぎさん、はじめましてv
私もテンプレートを使ってくださってると聞いて嬉しく思っていますv
ありがとうございますv

cssのリンクの色の変化についてですが
リンク部分の設定に
hoverだけでなく
visitedも加えてみてくださいv
詳しくは
こちら
http://www.tohoho-web.com/css/reference.htm#visited
を参照してみてくださいv
よろしくお願いいたしますm(_._)m

できましたー!
ありがとうございました(シ_ _)シ))

うさぎさん、ども~v
おv 出来ましたか!
よかったです~!
ブログライフ楽しんでくださいね~v

管理人のみ閲覧できます

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

コメントの投稿

管理者にだけ表示を許可する

トラックバック

http://ff12expo.blog6.fc2.com/tb.php/1150-2d3f0379

 | HOME | 

FF12発売中
FF12関連ゲーム+音楽
発売中のお勧めゲーム
これから発売予定のお勧めゲーム
    とてもいい励みになっています!
    一日ワンクリックお願いします!↓
  • psBlogRanking.gif
今日: 昨日:
TOTAL:

RECENT ENTRIES

CATEGORIES

RECENT COMMENTS

【リンクについて】
このサイトはリンクフリーです

FF12 Expo お勧め


    Micro Button黒_logobmb




    アフィリエイトはここからスタート!LinkShare


APPENDIX

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