スポンサーサイト

--/--/-- --:-- | カテゴリ:スポンサー広告

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

アフィリエイト商品配置④ スタイルシート活用

2006/03/29 22:19 | カテゴリ:未分類 | コメント (2) | トラックバック (0)

アフィリエイト商品配置で、画像に紹介文を回り込ませる方法にスタイルシートを使う方法があります。
スタイルシートを利用すると、align属性と違い、広告コードの改変を避けることができます。 スタイルシートを使うというのは、style属性を付けることではなく、テンプレートのスタイルを指定しているスタイルシート本体にタグを付け加えることになります。

img {float:left;}

を付け加えることで、ブログで使った画像全てに回り込みの指定がされます。

記事中や一部の画像に使いたい場合は、紹介文の後ではなく、広告コード直後に<br clear="all">を付け加えればOKです。

また、クラス・idを指定すれば該当クラス・id内のみの指定にすることができます。


.クラス名 img {float:left;}

スタイルシートの指定は、全ての画像に反映されるので、過去の画像にも反映されるので気をつけましょう。(divタグでくくるなど工夫しましょう。クラス名を付加してもいいでしょう。)

また、alignと同様に、回り込み解除を忘れないようにしましょう。
スポンサーサイト

<< アフィリエイト商品配置⑤ divタグとスタイルシート | ホーム | アフィリエイト商品配置③ 画像に文字回り込み >>


コメント

こんばんは~riseです。

スタイルシートでもこんな事できるんですね。

自分はあまりCSS編集は詳しくなく、直感でやってるところがありますのでこういうTipsは非常に参考になります。

riseさんへ

私もFC2のQ&Aで知りました。

スタイルシートのルールからみるとなるほど~って感じでした。

スタイルシートはいろいろな使い方がありますね~。

コメントの投稿


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

 BLOG TOP 

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