＜＜カスタマイズマニュアル・トップへ戻る
Fc2tyle_customについての質問・相談等ありましたらお問い合わせメールフォームよりお気軽にご質問下さい。

Fc2tyle_customについてのＱ＆Ａ

・トップページのみ３列にするには？
・画像がはみ出る
・メニューなどを折りたたみ型にしたいNew!

質問の回答

Ｑ.トップページのみ３列にするには？

Ａ．Fc2独自変数を使います。
多分、現在(05/07/10)の当ブログの状態を見ての質問だと思いますが、当ブログでは、トップページでは３カラム（列）、その他の場所では２カラムとなっています。
この方法をとるには、ＦＣ２独自変数である<!--index_area-->を使います。これに囲まれた部分はトップページでのみ表示されます。
▼【３】左メニュー部分の直後に<!--index_area-->
▲【３】左メニュー部分の直前に<!--/index_area-->
と記述して下さい。
▲ページトップへ

Ｑ.画像がはみ出る

Ａ．画像サイズ指定を行って下さい。
このテンプレートは記事部分を記事内容に合わせて幅が変わるので、元の画像サイズが大きすぎると画像幅が広くなりすぎてはみ出ます。
img src = "画像ＵＲＬ"で画像表示されている場合、
img src = "画像ＵＲＬ" width = "90%" height = "90%"など 、指定するべきです。
どのテンプレートでもそうなのですが、画像サイズは指定する と読み込み速度もはやくなります。
▲ページトップへ

Ｑ.メニューなどを折りたたみ型にしたい

Ａ．以下の手順にそってテンプレートのＨＴＭＬ部分をカスタマイズして下さい。
[1]まず、下のソースをＨＴＭＬの</body>より前に貼り付けて下さい。 <script type="text/javascript"> function PsShow( id ) { var obj = document.getElementById( id ); if( obj ) { if( obj.style.display == 'none' ) obj.style.display = ''; else obj.style.display = 'none'; } } </script>
[2]カテゴリメニューを折りたたみ型にしてみる
ダウンロードした時点ではカテゴリーメニューは右メニュー最上段にあります。
<div class="menuright">カテゴリ</div>
<div class="menurightbox">
▲上記の部分を
<div class="menuright" onclick="PsShow('ca')" title="表示/非表示">カテゴリ</div>
<div class="menurightbox" id="ca">
としてみて一度確認して下さい。灰色のバーをクリックすると折りたたまれ、もう一度クリックすると再び表示されます。
PsShow('ca')という部分に注目して下さい。'ca'は自分でつけます。下のid="ca"と対応しています。トラックバック部分ならまた別の名前をつけないといけません
[3]トラックバック部分を折りたたみにしてみる
<div class="menuleft" onclick="PsShow('tb')" title="表示/非表示">トラックバック</div>
<div class="menuleftbox" id="tb">

なお、左メニューはmenuleft,menuleftbox、右メニューはmenuright,menurightboxです。

前後の記事

最近の記事

トラックバック

この記事へのトラックバックURL：
http://fc2blogshop.blog13.fc2.com/tb.php/156-33a9f744

コメント