注目タグ

テンプレート・プラグイン

トピック詳細

折り畳みのカスタマイズ

旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3& t=2125
あやぴ☆彡 2005-07-09 01:23:52
件名 :折り畳みのカスタマイズ

使用OS/ブラウザ(WinXP/InternetExplorer6.0):
使用テンプレート名(POP-K9):
ブログURL:(http://ayapi6.blog13.fc2.com/):
質問の内容:
過去ログを参考に
<a class="postlink" href="http://blog2.f c2.com/s/sug/file/fold.htm">http://blog2.fc2.com/s/s ug/file/fold.htm</a>
のサイトを参考にしてみたのですが、どうにも出来ません…
何処にソースを足せばいいのか解らないのです。
今はカテゴリーと月別は、プルダウンにしてますが、
カテゴリー、月別、コメント、トラックバック、リンクなどを折り畳みたいのです。
ソースは、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans itional//EN" "http://www.w3.org/TR/html4/loose.dtd ">
<html lang="ja-JP">
<head>
<meta http-equiv="Content-Type" content=" ;text/html; charset=EUC-JP">
<meta http-equiv="Content-Style-Type" content ="text/css">
<meta http-equiv="Content-Script-Type" conten t="text/javascript">
<meta name="author" content="<%author _name>">
<meta name="description" content="<%i ntroduction>">
<title><%blog_name> <%sub_title></tit le>
" media="screen,tv" title="default&quo t;>
?xml" title="rss">
" title="トップ">
" title="最初の記事">
" title="<%preventry_title>">
" title="<%nextentry_title>">

<script type="text/javascript">

</script>

</head>
<body>
<div style="position:relative; width:770px; margin :0 auto;">
<div id="layout">

<a name="pagetop">


<div id="header">
<div class="site_title"><%blog_name> </div>
<div class="site_intro"><%introduction& gt;</div>
</div>



<div id="menu">

<script language="javascript" src="http: //tagfriends.jp/ID001000006960"></script>

<h2>最新記事</h2>


<a href="<%recent_link>" title="&l t;%recent_body>"><%recent_title></a> (<%recent_month>/<%recent_day>)



<h2 class="categories-archives">カテゴリー</ h2>
<form id="categories_archives" name="cat egories_archives" action="">
<select name="menu" onchange="jumpmenu ('parent',this,0)">
<option value="<%url>" selected=&qu ot;selected">■カテゴリ別</option>

<option value="<%category_link>"> ;■<%category_name> : <%category_count></optio n>

</select>
</form>

<h2 class="monthly-archives">月別</h2>
<form id="monthly_archives" name="monthl y_archives" action="">
<select name="menu" onchange="jumpmenu ('parent',this,0)">
<option value="<%url>" selected=&qu ot;selected">■月別</option>

<option value="<%archive_link>"> ■<%archive_year>-<%archive_month> : <%archive _count></option>

</select>
</form>


<h2>infomation</h2>
<p class="pay">
<img src="<%image>" alt="<%auth or_name>">
</p>

<%author_name>
<%introduction2>
<a href="./?admin">管理者ページ</a>




<h2>★ブロガー★</h2>

<script language="javascript" type="text /javascript" src="http://www.blogpeople.net/displa y/usr/0f0d46535f581812.js" charset="Shift_JIS" ;></script>


<h2>コメントありがと!!</h2>


<a href="<%rcomment_link>#comment<%rcomme nt_no>"><%rcomment_name>:<%rcomment_titl e></a> (<%rcomment_month>/<%rcomment_day&g t;)



<h2>虎バ&TB(笑)どうもぉ〜♪</h2>


<a href="<%rtrackback_link>#trackback<%rt rackback_no>" title="<%rtrackback_excerpt> ;"><%rtrackback_blog_name>:<%rtrackback_tit le></a> (<%rtrackback_month>/<%rtrackback_ day>)




<h2>links</h2>


<a href="<%link_url>" title="<% link_name>" target="_blank"><%link_n ame></a>



どなたか解る方がいらっしゃいましたらよろしくお願いします。

2005年07月09日 01:23  by FC2スタッフ

コメント一覧 2件中、1~2件表示

  • 旧フォーラムの記事です
    Anonymous 2005-07-09 02:13:15
    件名 :ありがとうございました。

    とても丁寧に解りやすくありがとうございました。
    ちゃんとできました。
    嬉しいです。
    本当にありがとうございました。

    2005年07月09日 02:13 by FC2スタッフ

  • 旧フォーラムの記事です
    月蝕 2005-07-09 01:55:55
    件名 :ご希望の形とは違うかもしれませんが

    このような方法は如何ですか?

    まずhead部分に以下のように書き込みます


    <script Language="JavaScript">

    </script>

    これが折りたたみのためのJavaScriptになります。

    そして、実際に折りたたみたい箇所を以下のようにします。

    <h2><a href="javaScript&#058;vewEntry(� 39;Menu1')"> メニュー1 </a>< /h2>
    <div id="Menu1" style="dis play:none">
    内容のタグ
    </div>

    赤字の部分2カ所は必ず同じIDにし、また何カ所も折りたたむ場合、カテゴリはMenu1なら、エントリーはMenu2、コメ ントはMenu3のように、それぞれIDを変えます。

    例としてカテゴリであれば

    <h2 class="categories-archives"><a href= "javaScript&#058;vewEntry('category')&quo t; title="カテゴリー"> カテゴリー </a></h2>
    <div id="category" style="display:none&q uot;>

    <a href="<%category_link>">■<%cate gory_name> : <%category_count></a><br>

    </div>

    このような感じでしょうか。

    2005年07月09日 01:55 by FC2スタッフ