tw_2col_3_plg_boxy テンプレート
「tw_2col_3_plg_boxy」テンプレート

公開申請中。
2006.04.18 公開されました。
今まで作成したテンプレートをベースに、
シンプル且つちょぴりデザインを取り込んでみました^^;
どうですかね?
自分では結構気に入っているんですがw
各項目をシャドー付きBOXで囲んでいるので、名前の最後にboxyと付けました。
色の好みもあると思うので、CSSでご自由にカスタマイズして下さいませ(ぺこあにめ)
追記
右メニュー上部のCSSチェンジャーで使用しているCSSが欲しいとの要望を受けましたので、
ダウンロードできるように致しました。
カスタムベースでご利用ください。

2006.04.18 公開されました。
今まで作成したテンプレートをベースに、
シンプル且つちょぴりデザインを取り込んでみました^^;
どうですかね?
自分では結構気に入っているんですがw
各項目をシャドー付きBOXで囲んでいるので、名前の最後にboxyと付けました。
色の好みもあると思うので、CSSでご自由にカスタマイズして下さいませ(ぺこあにめ)
追記
右メニュー上部のCSSチェンジャーで使用しているCSSが欲しいとの要望を受けましたので、
ダウンロードできるように致しました。
カスタムベースでご利用ください。
2カラム、プラグイン対応テンプレートです。
メニューの左右入れ替えはCSSにて容易に可能。
【特徴】
(1)横型カレンダー
土日色別表示。
通常カレンダーとの併用も可能です。
(2)パンくずリスト
ページ上部にパンくずリストを表示。
今現在見ているページがどこなのか一目で分かります。
(3)追記折りたたみ表示
個別記事ページに飛ばずに、追記の表示をON/OFFできます。
初期状態は非表示になっています。
(4)Indexページでのコメント折りたたみ表示
個別記事ページに飛ばずに、コメントの表示をON/OFFできます。
初期状態は非表示になっています。
(5)サイドメニューツリー化(※)
最近の投稿記事、コメント、トラックバックをツリー表示しています。
(6)新着マーク対応(※)
24時間以内に投稿された記事、コメント、トラックバックに新着マークを表示します。
※:サイドメニューのツリー化、新着マークについては、プラグインの編集が必要ですので、詳しくは下記URLをご参照ください。
JavaScript、CSSは対応済みです。
http://hiyokokun.blog2.fc2.com/blog-entry-106.html
http://tigerwoos.blog36.fc2.com/blog-entry-50.html
【メニューの左右入れ替えについて】
メニュー部分の左右入れ替えが、CSSにて容易に可能です。
赤字部分を入れ替えてください。
【コメント折りたたみ表示について】
INDEXページでのコメント折りたたみ表示を行うには、環境設定の変更が必要です。
管理者ページ>環境設定の変更>ブログの設定ページを開き、
一番下「アドバンス設定(上級者用)」の「<%topentry_comment_list>を有効にする」を”無効にする”から”有効にする”に変更します。
一応W3C XHTML1.0に準拠してます。記事記述が準拠していることが前提ですが^^;
カラーリングなどはCSSにてお好みに合わせて変更して下さいませ。
メニューの左右入れ替えはCSSにて容易に可能。
【特徴】
(1)横型カレンダー
土日色別表示。
通常カレンダーとの併用も可能です。
(2)パンくずリスト
ページ上部にパンくずリストを表示。
今現在見ているページがどこなのか一目で分かります。
(3)追記折りたたみ表示
個別記事ページに飛ばずに、追記の表示をON/OFFできます。
初期状態は非表示になっています。
(4)Indexページでのコメント折りたたみ表示
個別記事ページに飛ばずに、コメントの表示をON/OFFできます。
初期状態は非表示になっています。
(5)サイドメニューツリー化(※)
最近の投稿記事、コメント、トラックバックをツリー表示しています。
(6)新着マーク対応(※)
24時間以内に投稿された記事、コメント、トラックバックに新着マークを表示します。
※:サイドメニューのツリー化、新着マークについては、プラグインの編集が必要ですので、詳しくは下記URLをご参照ください。
JavaScript、CSSは対応済みです。
http://hiyokokun.blog2.fc2.com/blog-entry-106.html
http://tigerwoos.blog36.fc2.com/blog-entry-50.html
【メニューの左右入れ替えについて】
メニュー部分の左右入れ替えが、CSSにて容易に可能です。
赤字部分を入れ替えてください。
div#primary {
float : left; /* 記事部分を右にする場合は、”right”を指定してください。 */
width : 520px; /* 幅を520pxに設定 */
}
div#sidemenu {
float : right; /* メニュー部分を左にする場合は、”left”を指定してください。 */
width : 200px; /* 幅を200pxに設定 */
}
【コメント折りたたみ表示について】
INDEXページでのコメント折りたたみ表示を行うには、環境設定の変更が必要です。
管理者ページ>環境設定の変更>ブログの設定ページを開き、
一番下「アドバンス設定(上級者用)」の「<%topentry_comment_list>を有効にする」を”無効にする”から”有効にする”に変更します。
一応W3C XHTML1.0に準拠してます。記事記述が準拠していることが前提ですが^^;
カラーリングなどはCSSにてお好みに合わせて変更して下さいませ。
COMMENT
管理人のみ閲覧できます by -
画像に枠を付ける方法について by Tigerうっす
件名についてのご質問をいただいたのですが、
メールがエラーで帰ってきてしまうので、コメントにて回答させていただきます。
画像に枠を付ける方法についてですが、スタイルシートで指定します。
本文記事内の画像に枠を付ける場合は、
.entry_text img {
border : ボーダースタイル 太さ 色;
}
の形式でスタイルシートに追加してください。
追加する場所はどこでもいいと思います。
たとえば、黒くて細い1本線をつける場合は、
.entry_text img {
border : solid 1px #000000;
}
の様に指定します。
(各値は半角スペースで区切る)
ボーダースタイルについては点線、破線、2重線、他もあるので、
http://www.htmq.com/style/border.shtml
色については、
http://www.htmq.com/color/index.shtml
を参照していただくと、よいでしょう。
メールがエラーで帰ってきてしまうので、コメントにて回答させていただきます。
画像に枠を付ける方法についてですが、スタイルシートで指定します。
本文記事内の画像に枠を付ける場合は、
.entry_text img {
border : ボーダースタイル 太さ 色;
}
の形式でスタイルシートに追加してください。
追加する場所はどこでもいいと思います。
たとえば、黒くて細い1本線をつける場合は、
.entry_text img {
border : solid 1px #000000;
}
の様に指定します。
(各値は半角スペースで区切る)
ボーダースタイルについては点線、破線、2重線、他もあるので、
http://www.htmq.com/style/border.shtml
色については、
http://www.htmq.com/color/index.shtml
を参照していただくと、よいでしょう。
感謝! by takemax
お手数をおかけしました。丁寧な解説ありがとうございます。チャレンジしてみます!!
>takemaxさん by Tigerうっす
うまくいきましたか?
お役にたてて、光栄です。
楽しいブログライフを!
お役にたてて、光栄です。
楽しいブログライフを!
管理人のみ閲覧できます by -
管理人のみ閲覧できます by -
ブログ始めました by パロパロ♪
うっすさんのブログを参考にクラブページ奏せ創設してみました[わらあにめ]
いろいろ参考にさせていただきありがとうございます[くらっかー][ぱんぽいんと]
いろいろ参考にさせていただきありがとうございます[くらっかー][ぱんぽいんと]
管理人のみ閲覧できます by -
管理人のみ閲覧できます by -
管理人のみ閲覧できます by -












ゲイ・ヨンジュン(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)