mysticdiary

更新はLittleDreamでしています。右のバナーからどうぞ

開閉式サイドバーのテンプレートお使いの方へ

管理人のテンプレートで、
開閉式のサイドバーがついてるテンプレートがいくつかありますが、
よくいただく質問で、全部開きたいとか、全部閉じたいとか、
2つだけ開きたいとか、3つ開きたいとかいろいろ要望があるようなので、
その方法についてまとめて記事にしてみます。

開閉をコントロールするには、HTMLの上の方にある、jqueryへの
リンクを書き換えたり、場合によっては中身を書き換える必要があります。
slidetoggle・・・.jsというファイル名がついているのが開閉をコントロールしている
jqueryです。

●全部閉じた状態にしたい
<script type="text/javascript" src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/slidetoggle.js"></script>
上のリンクに差し替えます。

●一個目だけ開けた状態にする
<script type="text/javascript" src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/slidetogglesample.js"></script>

上のリンクに差し替えます。

●最初の2つだけ開けた状態にする
<script type="text/javascript" src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/slidetogglelt21.js"></script>
上のリンクに差し替えます。

●最初の3つだけ開けた状態にする
<script type="text/javascript" src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/slidetoggleit31.js"></script>

上のリンクに差し替えます。

●指定箇所だけ開けておきたい
この場合は、各自で中身を書き換えてください。
$(document).ready(function() {
	$(".plugcontent h3").hover(function(){
		$(this).css("cursor","pointer"); 
	},function(){
		$(this).css("cursor","default"); 
		});
	
	$(".plugcon")  .not(".plugcon:eq(2),.plugcon:eq(5)")	
	.css("display","none");
	$(".plugcontent h3").click(function(){
		$(this).next().slideToggle("fast");
		});
	
});

8行目の
(".plugcon:eq(2),.plugcon:eq(5)")
という場所を書き換えます。
この場合は、上から2番目と5番目のプラグインを開けておくという意味です。
(注意:一番上のプラグインを0(ゼロ)として勘定します)
一番上は0として数えるので、見た目は上から3番目と6番目が
開くということになります。
書き換えたらおすきなファイル名をつけてアップしてください。

●全部開きたい
これはjqueryへのリンクを切っておいてください
関連記事
baorin

いつも超ド近眼眼鏡をかけています。ああ、視力が良くなりたい・・・。好物はおすしです。性格はずぼらで人見知りです。こわい人がきらいです。

4 Comments

egomania says..."ありがとうございます!"
うわぁ
記事にしていただいたんですね!!
とても詳しい説明ありがとうございます。

今から変更にかかります!!
感謝です!!
これからも頑張ってください!!
応援しております。
2010.09.02 21:21 | URL | #- [edit]
マりのママ says..."度々 すみません"
mysticdiary2 こちらのテンプレートの場合 

私のブログに使用すると 管理画面にリンクするタグがなくなってしまいます

mymemory1のテンプレートのように admin を付加することは出来ますか?

初歩的な質問ばかりで申し訳ありません

よろしくお願いいたします
2010.09.05 14:17 | URL | #8EN3Bc0Q [edit]
管理人 says..."マリのママさんへ"
こんにちは。

写真を載せる場合は、カラム幅以上のものは切れて
見えなくなるように設定しています。
大きな写真を載せたい場合は、カラム幅をオーバーしても表示できるように
することもできますが、たぶんサイドバーが下に落ちるなど
レイアウトがくずれるので、おすすめしません。
写真のサイズはカラム幅にあわせて調整するようにしてください。

それと、mysticdiary2の場合、もともと管理画面へのリンクを
テンプレートにつけていないので、表示されません。
つけたい場合は、HTMLに加えることもできますが、
ボタン画像は自作しなければならないので、ちょっと無理かと
思います。
よろしくお願いします。

2010.09.07 10:32 | URL | #i4E9Nobc [edit]
マりのママ says..."タイトル"
どうもありがとうございました
2010.09.07 18:54 | URL | #8EN3Bc0Q [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/185-656153e8
民主党・小沢前幹事長の政治資金問題
民主党代表選に立候補した菅直人首相と小沢一郎前幹事長は5日午前、フジテレビとNHKの討論番組にそろって出演した。同党の衆院選マニフェスト...
あいうえこかきくけこ
特捜部主任検事の証拠改竄(かいざん)から、前特捜部長らの隠蔽(いんぺい)に発展した今回の事件は、検察史上最悪の事態と言える。現実的にこんなことが起きたことは悲しいし、検察、そして特捜部のOBとしては国民に謝罪したい気持ちだ。 真相解明はこれからだが、報
あいうえこかきくけこ
特捜部主任検事の証拠改竄(かいざん)から、前特捜部長らの隠蔽(いんぺい)に発展した今回の事件は、検察史上最悪の事態と言える。現実的にこんなことが起きたことは悲しいし、検察、そして特捜部のOBとしては国民に謝罪したい気持ちだ。 真相解明はこれからだが、報
← 神アプリ → 関連記事の表示について