2008.06 «  - - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 - - » 2008.08
TOP > tw_2col_2 テンプレート
 ← 第64回パニャふぁん杯に参加 | TOP | tw_3col_2 テンプレート

tw_2col_2 テンプレート 

2006年04月16日 ()
tw_2col_2 テンプレート
tw_2col_2 スクリーンショット

公開申請中。
2006.04.18 公開されました。

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;
}

Time09:16 Category[BLOGいじり]テンプレート Trackback(0) コメント欄へ(7) コメントする  Topへ


COMMENT

by takeru
管理人さん初めまして!
管理人さんの作ったスキンを使わせてもらってます☆

質問なんですけど、TOP画像はどうすればかえることができるんですか??
どの部分に画像のurlを挿入すればイイんですか?

こんな質問ですいません。。。

>takeruさん by Tigerうっす
はじめまして^^
テンプレのご利用、ありがとうございます[ぺこあにめ]

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;
}

よろしくお願いいたします。

by takeru
ありがとうございまっす!!!!!!
できましたぁぁぁぁー!!!!!!!
よかったら覗きにきてください・・・っても音楽なBLOGですが。

>takeruさん by Tigerうっす
できましたか[ぐっど]
よかったです^^
後ほど拝見に伺いますね〜

質問 by おんじ
はじめまして。
こちらのテンプレートを使用させていただいています。
超初心者ながら色々試行錯誤しているのですが、質問があります。

日記タイトルの前に青い丸いアイコンがありますが、これを削除もしくは変更する時はどこを操作すればよろしいのでしょうか?

すみません、教えていただけると助かります。

おんじさん by Tigerうっす
おんじさん、はじめまして。

青い丸いアイコンは、
テンプレのHTML編集で
http://blog36.fc2.com/t/tigerwoos/file/list_mark01.gif
の記述を探していただき、お好きなお好きな画像をアップロード後、書き直してください。

このBLOGは仕事の都合で半ば休業中なので、
なかなかお返事することができません。
回答遅くなりすみませんでした。
[ぺこあにめ]

こんにちわ by 有砂
はじめまして。
テンプレートが奇麗なので愛用させていただいています。
本日、このような症状が発生したので、ちょとお問い合わせ、ご教授して頂けたらと思いましてコメントしました。
今まで、普通に使えていたのですが、本日ある記事を投稿たら10個表示されるはずのが1個になってしまいました(エントリーリストと記事が1個になってしまった)。
ブログの設定を確認するも1ページに表示する記事の数は10の設定になっている。
あれー?と思い、新規に追加したエントリーを削除したのですが、元に戻らず。
再度新規に記事を投稿するも1個のまま。
FC2に問い合わせると、「<%topentry_comment_list>を有効にする」の”有効にする”が原因になっているとメールにて回答。
ブログ設定を”無効にする”に変更すると元に戻りました。
ただ、このままだとコメントの折りたたみが利用できないので、再度”有効にする”に設定しなおす。
そうすると、また1個しか表示されない・・・orz

これは、何か私が悪い事でもしたのでしょうか・・・
今まで普通に使えていたのですが。
私のトコロで変更したのは、TOPの画像ぐらいで・・・
あ、あと解析を<body>の直下に追記しています。

</head>
<body>

<!--アクセス解析タグ ここから-->
<!--アクセス解析タグ ここまで-->

<div id="container">
こんな感じなのですが・・・

コメントを閉じる▲

 ← 第64回パニャふぁん杯に参加 | TOP | tw_3col_2 テンプレート

COMMENT

管理人さん初めまして!
管理人さんの作ったスキンを使わせてもらってます☆

質問なんですけど、TOP画像はどうすればかえることができるんですか??
どの部分に画像のurlを挿入すればイイんですか?

こんな質問ですいません。。。
Time2006.04.18(Tue) 00:22 Home お名前takeru(#-) メールする コメントを編集する Topへ

はじめまして^^
テンプレのご利用、ありがとうございます[ぺこあにめ]

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;
}

よろしくお願いいたします。
Time2006.04.18(Tue) 00:39 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

ありがとうございまっす!!!!!!
できましたぁぁぁぁー!!!!!!!
よかったら覗きにきてください・・・っても音楽なBLOGですが。
Time2006.04.19(Wed) 02:46 Home お名前takeru(#nsk1NSGc) メールする コメントを編集する Topへ

できましたか[ぐっど]
よかったです^^
後ほど拝見に伺いますね〜
Time2006.04.19(Wed) 19:51 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

はじめまして。
こちらのテンプレートを使用させていただいています。
超初心者ながら色々試行錯誤しているのですが、質問があります。

日記タイトルの前に青い丸いアイコンがありますが、これを削除もしくは変更する時はどこを操作すればよろしいのでしょうか?

すみません、教えていただけると助かります。
Time2007.04.03(Tue) 17:58 Home お名前おんじ(#-) メールする コメントを編集する Topへ

おんじさん、はじめまして。

青い丸いアイコンは、
テンプレのHTML編集で
http://blog36.fc2.com/t/tigerwoos/file/list_mark01.gif
の記述を探していただき、お好きなお好きな画像をアップロード後、書き直してください。

このBLOGは仕事の都合で半ば休業中なので、
なかなかお返事することができません。
回答遅くなりすみませんでした。
[ぺこあにめ]
Time2007.04.08(Sun) 11:03 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

はじめまして。
テンプレートが奇麗なので愛用させていただいています。
本日、このような症状が発生したので、ちょとお問い合わせ、ご教授して頂けたらと思いましてコメントしました。
今まで、普通に使えていたのですが、本日ある記事を投稿たら10個表示されるはずのが1個になってしまいました(エントリーリストと記事が1個になってしまった)。
ブログの設定を確認するも1ページに表示する記事の数は10の設定になっている。
あれー?と思い、新規に追加したエントリーを削除したのですが、元に戻らず。
再度新規に記事を投稿するも1個のまま。
FC2に問い合わせると、「<%topentry_comment_list>を有効にする」の”有効にする”が原因になっているとメールにて回答。
ブログ設定を”無効にする”に変更すると元に戻りました。
ただ、このままだとコメントの折りたたみが利用できないので、再度”有効にする”に設定しなおす。
そうすると、また1個しか表示されない・・・orz

これは、何か私が悪い事でもしたのでしょうか・・・
今まで普通に使えていたのですが。
私のトコロで変更したのは、TOPの画像ぐらいで・・・
あ、あと解析を<body>の直下に追記しています。

</head>
<body>

<!--アクセス解析タグ ここから-->
<!--アクセス解析タグ ここまで-->

<div id="container">
こんな感じなのですが・・・
Time2007.05.25(Fri) 13:29 Home お名前有砂(#Z7OCgC5.) メールする コメントを編集する Topへ

COMMENT POST











コメントをプレビューする?

パンヤ絵文字入力の際、全角括弧”(にこ)など”で入力してもOKです。

ご利用のブラウザ、設定ではご利用になれません。




管理者にだけ表示

Trackback

 ← 第64回パニャふぁん杯に参加 | TOP | tw_3col_2 テンプレート
アクセスランキング アクセス解析 レンタルCGI