お蔵入り
サイドトップ(ブラグインのバー)の画像を、ブラグイン別に変更したいのですが可能でしょうか?
こんばんは、始めて書き込みさせていただきます。シルク(3カラム)<スタンダードの分です>を母体としてブログ作成しています。
ブラグイン別にside_topの画像を変更したいのですが可能なのでしょうか?( の画像の部分です)
.sidetitlebodyで画像が変わることは解ったのですが、リンク集やプロフィールなどすべて一緒の画像になってしまいます。
かろうじてカレンダーの項目だけ.calendarheadbodyで別変更出来たのですが、他の変更の仕方がいまいち解りません・・・。
使っているブラグインは
プロフィール、フリーエリア、訪問者数、カレンダー、最新記事、カテゴリ別アーカイブ、最新コメント、リンク集×4です。
変更できたとして、
リンク集等使っているものが被ってる場合は、すべて一緒の画像になってしまうのでしょうか?
リンク集1は1の画像、リンク集2は2の画像・・・など細かく設定することも出来るのでしょうか・・・?
質問ばかりで申し訳ないです、よろしくおねがいします。
回答(1)
1.
JavaScriptで作ってみました。
<script type="text/javascript"><!--
var elms=document.getElementsByTagName('div');
image=new Array('画像URL1', '画像URL2', '画像URL3');
var j=0;
for(i in elms){
if(elms[i].className=='side'){
elms[i].style.backgroundImage='url('+image[j]+')';
j++;
if(j==image.length){break;}
}
}
// --></script>
画像URLとあるところに実際の画像のURLを貼り付けてください。上の例では3通りのURLを指定していますが、
シングルクォートで囲んで、カンマで区切ることで画像を増やすことができます。
順番はプラグインAの上から下、プラグインBの上から下となります。
htmlに貼り付ける場所はトップページの下の方、
<div id="outfooter"></div>の下か、あるいは、
</body>の前あたりが良いかもしれません。
同様に「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」にも
ソースを貼り付けます。
コメント(4)
ちょっとずれた解答だったでしょうか?
もしそうだったら書き込みを削除いたしますが。
カスタマイズするつもりでしたら詳しく手順を説明しますので、
コメントをください。
順を追って1つずつクリアしていけば難しいことはないと思いますよ。
>>imgさん
回答ありがとうございます。
前々から別にJavaScriptに少し興味をもち(ツリーメニューなど)調べているところでした^^
ちょっと今の段階ではやってみないと解らないので(私の理解できる範囲であるかも含めて)今度の休みにでもやってみようと思います。
今週中には出来たか出来なかったかの報告のコメントはさせていただきますっ。
回答が来ないので、もうムリかなぁ・・・と諦めていましたので本当に感謝です!
先ほど試してみたのですが、デザイン以前に前々から気になってたことが今回も発生してしまいました・・・。
以前から自分のブログにJavaScriptの機能を使うと構文エラーというものが発生してしまい、この機能はブログには使えないのかな?と諦めていたんですが・・・。
表示の仕方やJavaScriptの設定など調べてみても有効になっているし・・・。今回も構文エラーというエラーが表示されてしまいました。
imgさんのタグをトップページ、個別記事ページ、カテゴリアーカイブ、月別アーカイブに貼り付けましたが・・・。(念のためCSSのページにも貼り付けたりもしましたが、改善されませんでした・・・。)
質問から少しずれてしまうのですが・・・。改善の対策はありますでしょうか?PC個々の問題であれば諦めるつもりです。(PCに詳しくないため)
質問ばかりで本当にすいません。


