FC2 blog web素材「はっぴ〜★フリー」

ハッピー様
ご回答有難うございました。
早速、やってみました。
文章だけの場合はＯＫなのですが、
リンクバナーを貼り付けますとフリーエリア2以降の折りたたみの表示もせず。
折りたたみもできなくなります。
それはどうしてでしょうか？

自分のフリーエリアのそこの部分を付けてみました。
確認してみていただけますか。

<!--フリーエリア1-->
<h2 class="side" id="free1name">尚の広場(ＢＢＳ)</h2>
<div id="free1list">
<p class="side2"><p class="side2"><a href="http://bbs4.fc2.com/cgi-bin/e.cgi/69124/" target="_blank"><img src="http://blog5.fc2.com/h/hakaidaa1/file/BBS6.jpg" alt="BBS6.jpg" border="0"></a><br clear="all"></a><a
</p>
</div>
<script type="text/javascript">
<!--
FoldNavigation('free1','on',false);
//-->
</script>
<!--フリーエリア2-->
<h2 class="side" id="free2name">AlfaLINKS</h2>
<div id="free2list">
<p class="side2">ただいま
</p>
<p class="side2">募集中
</p>
</div>
<script type="text/javascript">
<!--
FoldNavigation('free2','on',false);
//-->
</script>

<!--左サイドここから-->
<!--フリーエリア1-->
<h2 class="side" id="free1name">尚の広場(ＢＢＳ)</h2>
<div id="free1list">
<p class="side2"><a href="http://bbs4.fc2.com/cgi-bin/e.cgi/69124/"; target="_blank"><img src="http://blog5.fc2.com/h/hakaidaa1/file/BBS6.jpg"; alt="BBS6.jpg" border="0"></a>
</p>
</div>
<script type="text/javascript">
<!--
FoldNavigation('free1','on',false);
//-->
</script>
<!--フリーエリア2-->
<h2 class="side" id="free2name">AlfaLINKS</h2>
<div id="free2list">
<p class="side2">ただいま
</p>
<p class="side2">募集中
</p>
</div>
<script type="text/javascript">
<!--
FoldNavigation('free2','on',false);
//-->
</script>
↑で問題なく表示されると思います

ハッピーさん
早速の回答有難うございました。

リンクバナーの<ａを取るだけだったのですね。

ＦＣ2でリンクの作成で作った物を貼り付けただけなのですが、どうしてそうなるのか。
折りたたみがなければそのままでもＯＫだったのですが。
いま、変更の作業中です。
今までの所順調に作業中です。

大変早い対応有難うございます。
驚きました。またお手数をかけるかもしれませんがよろしくお願いします。
今まで以上に自分にとって理想定期な物にちかづいて来ています。
大変感謝しております。

おかげでOperaでも問題無く表示されるようになりました。
TABLEタグとかもそうですけど、ほんとOperaって高さや幅指定泣かせですよね。

実は昨日どうしたらいいかお聞きしようと伺ったのですが、ゲストブックが見当たらず、関係無い記事のコメントに書いていいか迷って黙って帰ってしまいまして…。
足跡をたどって来て戴けて本当に助かりました。
まめな管理者さんなんですね＾＾
今後ともよろしくお願いしますー。

無事できてよかったです。
OperaもそうですがＮＮなども高さや幅指定でかわってしまいますねぇ
私も色々よく悩んでます〜
確かにコメント書く場所悩みますね。ゲストブックあった方がいいかなぁ

またなにかあったら気軽に言ってください。

blueテンプレートを原型に、いろいろ手を加えています。
それでそちらのhappy-ramiaを参考に折りたたみを導入してみようと思ったのですが、どうしてもうまくいきません。
申し訳ないですが、本文とサイドバーの一部（プロフ等）を折りたたみたいので、教えていただけますか？

なお、現状のhtmlとCSSをhttp://blog2.fc2.com/t/torigasiradou/file/html.htmに表記してアップしておきましたので、そちらを見てどこの下にこう書き加えると良いとか教えてくださると幸いです。

ところで、スクリプトは自サバに上げ直した方がよろしいですか？書いてあったのをそのままコピペしただけなので・・・。

はじめまして こんばんわ
ちょっと 時間がないので簡単にのせときます。
<div class="menu1BlockHead" id="authorname" >
<img src="http://blog2.fc2.com/t/torigasiradou/file/20050104191946.gif" width="160" />
</div>
<div class="menu1BlockBody" id="authorlist" >
<div align="center">
<br />
<img src="<%image>" alt="<%author_name>" />
</div>
<div class="menuText">
<ul>
<li>Author:<%author_name>
</li>
<li>
<%introduction2>
</li>
</ul>
</div>
<script type="text/javascript">
<!--
FoldNavigation('author','off',false);
//-->
</script>
↑プロフィール
<!--エントリー-->
<!--topentry-->
<div class="mainEntryBlock">
<div class="mainEntryTitle" id="<%topentry_no>name">
<MARQUEE>
<a id="<%topentry_no>" name="<%topentry_no>">
</a>
<%topentry_title>
</MARQUEE>
</div>
<div class="mainEntryBase" id="<%topentry_no>list">
<div class="mainEntryBody">
<%topentry_body>
</div>
<div class="mainEntryMore">
<!--more_link-->≫<a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a>
<!--/more_link-->
<!--more-->
<a name="more" id="more">
</a>
<%topentry_more>
<!--/more-->
</div>
</div>
<script type="text/javascript">
<!--
FoldNavigation('<%topentry_no>','off',false);
//-->
</script>
本文↑

ＣＳＳにどこでもいいので次の文を
a.foldmark {
float : left;
font-size:10px;
text-decoration: none;
color : #ff0000;
margin : 3px 10px 0px 0px;
}

ｃｓｓをかえれば文字とかかわります。

↑のとおりやってみてわからない事などあったらまた質問してください

教えていただいたとおりやってみました。
http://blog2.fc2.com/torigasiradou/index.php?style2=blue8な感じになりました｡
htmlの表記内容はhttp://blog2.fc2.com/t/torigasiradou/file/konnnakanzi.htmです。
何で､メイン部分が落ちて幅がおかしくあっているのかな？

サイドバーについてはアップダウンの表記を画像の下に移動させたいのですけど､どうしたらよいのでしょうか？

メインの方はアップダウンの表記をお辞儀をする巫女さんの下にでも置けたら良いなと思いました。

それと､サイドバーの他の項目（フォームがないところ全部）も折りたたみのですが、それぞれどう書き足した物でしょうか？

申し訳ありませんが、引き続き教えていただけますでしょうか？
しかし､カスタマイズというのはなかなか思い通りになってくれませんね。（笑）

<div class="menu1BlockHead">
<img src="http://blog2.fc2.com/t/torigasiradou/file/20050104191946.gif"; width="160" />

</div>

<div class="menu1BlockBody" id="authorname">
</div>

<div class="menu1BlockBody" id="authorlist">
<div align="center">
<img src="<%image>" alt="<%author_name>" >
</div>
<div class="menuText" >
<ul>
<li>Author:<%author_name>
</li>
<li>
<%introduction2>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
<!--
FoldNavigation('author','off',false);
//-->
</script>
↑のようにすれば画像の下にくると思います。また他のサイドに使うには
ｉｄ="authorname"
ｉｄ="authorlist"
のauthorの部分を変更して
FoldNavigation('author','off',false);
のauthorの部分を変更した物にすればできます。
<div id="mainBlock">
<!--エントリー-->
<!--topentry-->
<div class="mainEntryBlock">
<div class="mainEntryTitle">
<MARQUEE>
<a id="<%topentry_no>" name="<%topentry_no>">
<%topentry_title>
</a>
</MARQUEE>
</div>
<div id="<%topentry_no>name" class="mainEntryBase">
</div>
<div class="mainEntryBase" id="<%topentry_no>list">
<div class="mainEntryBody">
<%topentry_body>
</div>
<div class="mainEntryMore">
<!--more_link-->≫<a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a>
<!--/more_link-->
<!--more-->
<a name="more" id="more">
</a>
<%topentry_more>
<!--/more-->
</div>
</div>
<script type="text/javascript">
<!--
FoldNavigation('<%topentry_no>','off',false);
//-->
</script>
エントリーは↑のようにしてみてください。表示がおかしくなってるのは
おそらく
<div id="mainBlock">
が抜けてるためと思います。
cssの
a.foldmark {

font-size:10px;
text-decoration: none;
color : #ff0000;
margin : 0px 10px 0px 10px;
}
↑の用に変更してください

おかげさまで何とか、自分がイメージした物ができました｡
ありがとうございました。
これからも頑張ってください。

happy-gatec3のスタイルが気に入って
お借りしています。

まだ使い始めたばかりなのですが、
このテンプレートでも
この折りたたみは出来ますか？

このテンプレートには『最新の記事』の項目がなくて
どうしても載せたいのですが
場所が狭いため、折り畳んでしまいたいと思っています。

また、ここのページの『追記を見る』といったように
コメントを別ページに飛ばず
表示することはできるのでしょうか？

お暇なときで結構ですのでご指導いただけますでしょうか？

お願いします。

遅くなってしまったのでもう必要ないかもしてれないですが、折りたたみについですが左右両方すべての項目を折りたたみするのでしょうか？
それとも左なら左の項目だけ折りたたみにするのかまたは最新の記事だけを折りたたみにするのでしょうか？
それによって多少説明など代わってくると思います。

もうひとつの方ですがこのテンプレートと同じようにするだけでしょう？
それなら割と簡単にできると思いますが追記を開いてコメントも表示させるようにするのでしょうか？
もしそうだとするとちょっと 私の知識ではいまのところできせん。。。