入口 > スポンサー広告 > スポンサーサイト お問合せ - お返事 > 目次ページタイトル横にアイコンをつけたい件

スポンサーサイト

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

目次ページタイトル横にアイコンをつけたい件

◆kino 様

テンプレ使ってくださってありがとうございます。

>内部カテゴリ名の横にアイコンをつけたいのです。

とのことで、例示してくださったサイトさん拝見しました(おかげで仰っていることがよくわかりました、ありがとうございます)。
kinoさんのサイトであちらと同じ手法を使われたいのでしたら、テンプレHTMLで

<!--■目次(カテゴリ別)ページ■_▼▼▼全て曰記風にするならここから削.除-->
 ・
 ・
<h3><span class="h3"><img src="http://アイコン画像URL" border="0" /><%topentry_title></span></h3>
<div class="topentry_body">

のように青字部分を追加すればいいかと思います。上下位置の調整は「align="top"」などお使いください。(参考

ただあまりスマートなやり方ではないため(コンテンツと関わりのないものがページ内容として読まれてしまうという点と、位置の調整が難しいという点で)、個人的には下記をテンプレスタイルシート末尾に足す方をお勧めします。

/* 内部カテゴリ名にアイコン */
.h3 { background: url(http://アイコン画像URL) no-repeat top left; padding: Xpx 0 Ypx Zpx; }

ピンク背景部分は文字の周囲の余白を指定しています。順に上、右、下、左ですので、黄字部分の数値で上下位置を調節してください。また、赤字部分の数値はアイコン画像の幅以上にしてください。

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