tw_2col_2 テンプレート
プラグインには非対応です。
メニュー部分の左右入れ替えは、CSSにて容易に可能。
”tw_2col_r_1_plg(tw_2col_l_1_plg)”との違いは、
・サイドメニュー折りたたみ表示追加
・プラグイン非対応
の2点です。
【特徴】
(1)パンくずリスト
ヘッダー部下にパンくずリストを表示。
今現在見ているページがどこなのか一目で分かります。
(2)追記折りたたみ表示
個別記事ページに飛ばずに、追記の表示をON/OFFできます。
初期状態は非表示になっています。
(3)Indexページでのコメント折りたたみ表示
個別記事ページに飛ばずに、コメントの表示をON/OFFできます。
初期状態は非表示になっています。
(4)サイドメニュー折りたたみ表示(ON/OFF付)
サイドメニューの各項目の表示ON/OFFができます。
初期状態のON/OFFは自由選択できます。
サイドメニュー項目名の▽▲をクリックしてみて下さい。
(5)サイドメニューツリー化
最近の投稿記事、コメント、トラックバックをツリー表示しています。
(6)新着マーク対応
24時間以内に投稿された記事、コメント、トラックバックに新着マークを表示します。
一応W3C XHTML1.0に準拠してます。記事記述が準拠していることが前提ですが^^;
カラーリングなどはCSSにてお好みに合わせて変更して下さいませ。
【サイドメニューの追加について】
サイドメニューを自由に追加、削除できます。
プロフィール部分を例に説明いたしますと、
h3タグのID属性とその下のdivタグのID属性には共通して”profile”という単語が入っています。
この”profile”が本テンプレートの最下部に記述されているサイドメニュー折りたたみスクリプトの
InitFoldNaviファンクションの定義とリンクしています。
このInitFoldNaviファンクションでページをオープンしたときの表示ON/OFFを定義しています。
たとえば、カウンターを設置する場合の例として、
を追加し、さらに、テンプレートの最下部に記述されているサイドメニュー折りたたみスクリプトの<h3 id="cntname">COUNTER </h3>
<div id="cntlist" class="menubody">
カウンターの記述
</div>
InitFoldNaviファンクションに、
を追加します。FoldNavigation('cnt' ,'on',false); // ←初期表示でオープンにする場合は"on"、閉じている状態は"off"
(青字部分を合わせる)
【メニューの左右入れ替えについて】
メニュー部分の左右入れ替えが、CSSにて容易に可能です。
赤字部分を入れ替えてください。
div#primary {
float : left; /* 記事部分を右にする場合は、”right”を指定してください。 */
width : 520px; /* 幅を520pxに設定 */
}
div#sidemenu {
float : right; /* メニュー部分を左にする場合は、”left”を指定してください。 */
width : 200px; /* 幅を200pxに設定 */
}
【コメント折りたたみ表示について】
INDEXページでのコメント折りたたみ表示を行うには、環境設定の変更が必要です。
管理者ページ>環境設定の変更>ブログの設定ページを開き、
一番下「アドバンス設定(上級者用)」の「<%topentry_comment_list>を有効にする」を”無効にする”から”有効にする”に変更します。
【TOP画像の入れ替えについて】
トップページの画像はダミーですので、900*230pxでお好みの画像と差し替えてください。
そのままお使い頂いても結構です。
画像はスタイルシートで定義しています。
お好みの画像をファイルアップロードしたら、
そのURLをスタイルシートの以下の赤字部分を差し替えてください。
div#header {
padding:4px 10px;
height:230px;
background-image:url(http://blog36.fc2.com/t/tigerwoos/file/blue_sky_bg_900px.jpg);
text-align:right;
color:#0000ff;
font-size:12px;
background-repeat:no-repeat;
}
COMMENT
管理人さんの作ったスキンを使わせてもらってます☆
質問なんですけど、TOP画像はどうすればかえることができるんですか??
どの部分に画像のurlを挿入すればイイんですか?
こんな質問ですいません。。。
テンプレのご利用、ありがとうございます[ぺこあにめ]
TOP画像の入れ替え方法の説明が抜けていましたね[ひやりあにめ]
ごめんなさいペコリ(o_ _)o))
TOP画像はスタイルシートのheaderを定義しているところで指定しているので、
ファイルをアップロードしたら、下記のbackground-image部分を差し替えてください。
div#header {
padding:4px 10px;
height:230px;
background-image:url(http://blog36.fc2.com/t/tigerwoos/file/blue_sky_bg_900px.jpg);
text-align:right;
color:#0000ff;
font-size:12px;
background-repeat:no-repeat;
}
よろしくお願いいたします。
できましたぁぁぁぁー!!!!!!!
よかったら覗きにきてください・・・っても音楽なBLOGですが。
よかったです^^
後ほど拝見に伺いますね〜
こちらのテンプレートを使用させていただいています。
超初心者ながら色々試行錯誤しているのですが、質問があります。
日記タイトルの前に青い丸いアイコンがありますが、これを削除もしくは変更する時はどこを操作すればよろしいのでしょうか?
すみません、教えていただけると助かります。
青い丸いアイコンは、
テンプレのHTML編集で
http://blog36.fc2.com/t/tigerwoos/file/list_mark01.gif
の記述を探していただき、お好きなお好きな画像をアップロード後、書き直してください。
このBLOGは仕事の都合で半ば休業中なので、
なかなかお返事することができません。
回答遅くなりすみませんでした。
[ぺこあにめ]
テンプレートが奇麗なので愛用させていただいています。
本日、このような症状が発生したので、ちょとお問い合わせ、ご教授して頂けたらと思いましてコメントしました。
今まで、普通に使えていたのですが、本日ある記事を投稿たら10個表示されるはずのが1個になってしまいました(エントリーリストと記事が1個になってしまった)。
ブログの設定を確認するも1ページに表示する記事の数は10の設定になっている。
あれー?と思い、新規に追加したエントリーを削除したのですが、元に戻らず。
再度新規に記事を投稿するも1個のまま。
FC2に問い合わせると、「<%topentry_comment_list>を有効にする」の”有効にする”が原因になっているとメールにて回答。
ブログ設定を”無効にする”に変更すると元に戻りました。
ただ、このままだとコメントの折りたたみが利用できないので、再度”有効にする”に設定しなおす。
そうすると、また1個しか表示されない・・・orz
これは、何か私が悪い事でもしたのでしょうか・・・
今まで普通に使えていたのですが。
私のトコロで変更したのは、TOPの画像ぐらいで・・・
あ、あと解析を<body>の直下に追記しています。
</head>
<body>
<!--アクセス解析タグ ここから-->
<!--アクセス解析タグ ここまで-->
<div id="container">
こんな感じなのですが・・・













ゲイ・ヨンジュン(06/23)
みぎw(04/03)
亜里沙(03/08)
Tigerうっす(03/01)
Tigerうっす(03/01)
ゲイ・ヨンジュン(02/29)
ゲイ・ヨンジュン(02/26)
ひさちん@(02/24)
Tigerうっす(02/22)
ひさちん@(02/21)
ゲイ・ヨンジュン(02/18)
さや(02/10)
ゆきねこ(02/07)
ちよ(02/06)
こま(02/03)
ゆきねこ(01/30)
Tigerうっす(01/28)
ゲイ・ヨンジュン(01/28)
未流(01/27)
こま(01/27)