助太刀忍者(質問掲示板)

助太刀忍者

No.51902    記事タイトル横にアイコン画像を設置したい
過去の質問を見ても見つからなかったので書き込みします。

今、こちらのテンプレート(http://blog.ninja.co.jp/Preview/MASTER/5816/)を使用しています。
ある程度のカスタマイズは許可されているようなので
記事タイトルの横に小さめの画像を設置し、アイコンのように表示させたいなと思っております。

分かりやすく言うと、こちらのような感じです→http://blog.ninja.co.jp/Preview/MASTER/3964/
このテンプレートは曜日ごとに画像を変えてらっしゃいますが、
当方はどの曜日も同じもので構いません。

また、使用しているテンプレートでは
左メニューの部分にブログタイトルとカテゴリーが表示されるのですが
こちらのテンプレート(http://blog.ninja.co.jp/Preview/MASTER/3068/)のように
プラグインを折り畳み式にしてすっきりさせたくて

<select onchange="In_Cide(this.options[this.selectedIndex].value)">
<option value="reset">▼</option>
<!--plugin1-->
<option value="<!--$plugin_title-->"><!--$plugin_title--></option>
<!--/plugin1-->
</select>

↑このタグをhtml内に設置してみたのですが、
折り畳みメニューは表示されるものの、
選択してみても反映しませんでした。

お手数ですが、これらが分かる方いらっしゃいましたら
ご教授お願いいたしますm(__)m
投稿者:No Name Ninja 投稿時間:2012-03-01 18:57:02
投稿者 : No Name Ninja
投稿時間:2012-03-02 10:59:37
そもそもここではなくカスタマイズBBSで聞くべきことではないかなと思います。

鉛筆のアイコンを別のものに変えたいのであれば
前述の方が既に書いている通り該当箇所を書き換えるだけです。
例で出しているIconというテンプレートはEntryにEntryInnerBlockを入れ
画像、記事タイトル、コメント、カテゴリーなどを記事本文とは別にdivでくくっています。
sd_simple07はそれとは違う構造なので同じにしたいのであれば
HTMLを見比べて必要箇所をdivでくくってclass指定をし
CSSの方もそれに合わせてあれこれ記述を追加変更する必要があると思います。

JavaScriptに関しては真似したいテンプレート作者さんと
場合によってはJavaScript作者さんの許可がいるのではないでしょうか。
投稿者 : No Name Ninja
投稿時間:2012-03-01 23:56:22
>記事タイトルの横に小さめの画像を設置し、アイコンのように表示させたい
テンプレの修正から、該当部分の画像URLを設置したい画像URLに書き換えましょう。
ちなみに、該当画像は、記事タイトルボックスの背景画像として表示させているようです。ですので、h2のCSSを編集すればよいです。

>↑このタグをhtml内に設置してみたのですが、
>選択してみても反映しませんでした。
・スクリプト自体もコピペしましたか?
・プラグイン箇所のHTMLコードの書き換え+記述場所の変更をしましたか?
(つまり、元のプラグイン箇所のHTMLコードを削除しましたか、必要な分だけのプラグイン関連記述をコピペできていますか、という確認です)
・プラグイン関連(プラグイン箇所を囲むボックスを含む)に関するCSSもコピペしましたか?
・元のプラグイン関連のCSSを削除しましたか?

※そもそも他デザインからスクリプトをコピって良いものかどうか・・・。