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_3_plg_boxy テンプレート
 ← Style Changer(改) | TOP | 提供テンプレートについて

tw_2col_3_plg_boxy テンプレート 

2006年04月17日 ()
「tw_2col_3_plg_boxy」テンプレート
tw_2col_3_plg_boxy SS

公開申請中。
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にて容易に可能です。
赤字部分を入れ替えてください。

div#primary {
float : left; /* 記事部分を右にする場合は、”right”を指定してください。 */
width : 520px; /* 幅を520pxに設定 */
}

div#sidemenu {
float : right; /* メニュー部分を左にする場合は、”left”を指定してください。 */
width : 200px; /* 幅を200pxに設定 */
}


【コメント折りたたみ表示について】
INDEXページでのコメント折りたたみ表示を行うには、環境設定の変更が必要です。
管理者ページ>環境設定の変更>ブログの設定ページを開き、
一番下「アドバンス設定(上級者用)」の「<%topentry_comment_list>を有効にする」を”無効にする”から”有効にする”に変更します。

一応W3C XHTML1.0に準拠してます。記事記述が準拠していることが前提ですが^^;
カラーリングなどはCSSにてお好みに合わせて変更して下さいませ。
Time10:48 Category[BLOGいじり]テンプレート Trackback(0) コメント欄へ(10) コメントする  Topへ


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
を参照していただくと、よいでしょう。

感謝! by takemax
お手数をおかけしました。丁寧な解説ありがとうございます。チャレンジしてみます!!

>takemaxさん by Tigerうっす
うまくいきましたか?
お役にたてて、光栄です。
楽しいブログライフを!

管理人のみ閲覧できます by -

管理人のみ閲覧できます by -

ブログ始めました by パロパロ♪
うっすさんのブログを参考にクラブページ奏せ創設してみました[わらあにめ]

いろいろ参考にさせていただきありがとうございます[くらっかー][ぱんぽいんと]

管理人のみ閲覧できます by -

管理人のみ閲覧できます by -

管理人のみ閲覧できます by -

コメントを閉じる▲

 ← Style Changer(改) | TOP | 提供テンプレートについて

COMMENT

このコメントは管理人のみ閲覧できます
Time2006.04.21(Fri) 15:12 Home お名前-(#) メールする コメントを編集する Topへ

件名についてのご質問をいただいたのですが、
メールがエラーで帰ってきてしまうので、コメントにて回答させていただきます。

画像に枠を付ける方法についてですが、スタイルシートで指定します。
本文記事内の画像に枠を付ける場合は、

.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
を参照していただくと、よいでしょう。
Time2006.04.21(Fri) 22:32 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

お手数をおかけしました。丁寧な解説ありがとうございます。チャレンジしてみます!!
Time2006.04.21(Fri) 23:44 Home お名前takemax(#-) メールする コメントを編集する Topへ

うまくいきましたか?
お役にたてて、光栄です。
楽しいブログライフを!
Time2006.04.22(Sat) 03:32 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

このコメントは管理人のみ閲覧できます
Time2006.04.26(Wed) 01:47 Home お名前-(#) メールする コメントを編集する Topへ

このコメントは管理人のみ閲覧できます
Time2006.05.07(Sun) 16:49 Home お名前-(#) メールする コメントを編集する Topへ

うっすさんのブログを参考にクラブページ奏せ創設してみました[わらあにめ]

いろいろ参考にさせていただきありがとうございます[くらっかー][ぱんぽいんと]
Time2006.12.08(Fri) 01:24 Home お名前パロパロ♪(#-) メールする コメントを編集する Topへ

このコメントは管理人のみ閲覧できます
Time2007.01.22(Mon) 16:17 Home お名前-(#) メールする コメントを編集する Topへ

このコメントは管理人のみ閲覧できます
Time2007.02.19(Mon) 22:44 Home お名前-(#) メールする コメントを編集する Topへ

このコメントは管理人のみ閲覧できます
Time2008.03.25(Tue) 08:14 Home お名前-(#) メールする コメントを編集する Topへ

COMMENT POST











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

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

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




管理者にだけ表示

Trackback

 ← Style Changer(改) | TOP | 提供テンプレートについて
アクセスランキング アクセス解析 レンタルCGI