(06/26)「自由形式」プラグインにタイトルを表示
(06/23)更新履歴
(06/20)なぜねこ（ピンク）
(06/06)速習Webテクニック スタイルシート 上級レイアウト
(06/04)2006 Bronzy（ブロンズィー）
(06/04)スタイルシート・ステップアップ・アレンジブック
(06/02)更新履歴
(06/02)クール・ビズ 2006 Stilly（シリー）
(05/24)ブラス（真ちゅう）
(05/22)更新履歴

2006 Bronzy（ブロンズィー）

寒い地域では青や緑の寒色系、熱帯地方では赤やオレンジの暖色系が好まれるのに対し、温帯にある日本ではその中間である茶系が人気です。そこで今回のテンプレートは「2006 Bronzy（ブロンズィー）」。ベージュからブロンズ（褐色・赤銅色）までのアースカラーをアレンジしたテンプレートとしました。

例によってJAFCA（社団法人 日本流行色協会）が今年の春夏レディスウェアカラーとして選定したカラーグループを参考にしたテンプレートで、アースカラーというと自然の中にある空の青や草木の緑なども指しますが、中でも木々の色である茶系は日本人好みの色といわれますから、馴染みやすく使いやすい配色のテンプレートだと思います。

ちなみに、今年は田舎くさくない洗練されたアースカラーがポイントだということですが、はてさて、その繊細な色彩感覚がフリテン部長の手にかかるとこんなふうになってしまうというような、え〜、困ったもんでありますが（苦笑）、まぁご笑覧くださいまして、お気に召したらこのテンプレート、お使いいただければと思いますですよ、ハイ。

■主な特長

• カレンダー表示でもSVGA（800×600ピクセル）画面でサイドバーが落ちない
• Internet Explorerでも文字サイズ可変
• リキッドレイアウト（横幅可変タイプ）
• Georgiaフォント
• 使用画像なし
• 動作確認：Internet Explorer6、Firefox1.5、Opera8.5

■テンプレートの使い方（このテンプレートは画像未使用ですのでダウンロードなし、スタイルシートのみの書き換えです）
■ご利用規約

■３カラム	下記のスタイルシートをコピー＆ペーストしてください
	@charset "Shift_JIS"; /*--- Copyright 2006 freetemplate all rights reserved. ---*/ /*--- http://freetemplate.seesaa.net/ ---*/ /* 画面全体 */ body{ width:100%; height:100%; line-height:1.5em; color:#2e2725; font-size:small !important; font-size:x-small; font-family:Georgia,sans-serif; margin:0px; padding:0px; text-align:center; background-color:#d7bda8; } /* ブログ本体 */ #container{ font-size:100%; margin:20px 0px 0px 20px; padding:0px; text-align:left; } /* リンク設定 */ a{color:#7a371d;} a:link{color:#7a371d;text-decoration:none;} a:visited{color:#7a371d;text-decoration:none;} a:hover{color:#FFF;background-color:#7a371d;text-decoration:none;} a:active{color:#FFF;background-color:#7a371d;text-decoration:none;} /* 見出し設定 */ h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-weight:bold;} /* ヘッダー */ #banner{ float:left; width:96%; height:80px !important; height:100px; margin:0px; padding:0px; text-align:left; background-color:#ecddc6; border:10px ridge #ecddc6; } /* ブログタイトル */ #banner h1{ font-size:16px; margin:20px 0px 10px 30px; padding:0px; } #banner h1 a{ color:#7a371d; background:none; text-decoration:none; border:none; } /* ブログ説明文 */ .description{ color:#2e2725; font-size:12px; font-weight:bold; margin:0px 0px 0px 40px; padding:0px; } /* 記事全体 */ #content{ float:left; width:51% !important; width:56%; margin:0px; padding:10px; text-align:left; } /* 記事ナビゲーション */ .navi{ text-align:center; } /* １日分の記事 */ .blog{ margin:0px; padding:10px 0px; text-align:left; } /* 日付 */ .date{ clear:both; color:#FFF; font-size:120%; font-weight:bold; margin:0px; padding:5px 10px; text-align:right; background:#7a371d; border:6px ridge #ecddc6; } /* 個別記事 */ .blogbody{ margin:0px; padding:0px; background-color:#ecddc6; } /* 記事タイトル */ .title{ font-size:100%; font-weight:bold; margin:0px 20px; padding:10px 0px 0px; border-bottom:2px dotted #2e2725; } .title a{ background-color:none; text-decoration:none; border:none; } /* 記事本文 */ .text{ padding:20px; } /* 署名 */ .posted{ font-size:10px; margin:0px; padding:20px; text-align:right; } .posted a{ font-weight:bold; } /* サイドバー全体 */ #links-left,#links{ float:left; width:20%; margin:0px; padding:20px 10px; text-align:left; } /* サイドバータイトル */ .sidetitle{ color:#2e2725; font-weight:bold; margin:0px; padding:3px 10px; text-align:left; background-color:#ecddc6; border:6px ridge #ecddc6; } /* サイドバー本文 */ .side{ margin:0px 0px 10px; padding:10px; text-align:left; } .side a{} /* カレンダー */ #calendar{ font-size:12px; text-align:center; margin:0px 0px 10px; padding:5px; border:1px solid #2e2725; background:#FFF; } #calendar table{ width:100% !important; width:90%; height:150px; background:#ecddc6; } #calendar th{ color:#FFF; font-weight:bold; border-right:1px solid #FFF; background:#d7bda8; } .calendarhead{ font-size:12px; font-weight:bold; padding:5px 0px; background:#ecddc6; } .calendarday{ font-size:10px; margin:0px; padding:0px; } .calendarday a{ font-weight:bold; text-decoration:underline; } /* 入力フォーム */ input{ max-width:200px; background:#FFF; } .input-submit{ color:#2e2725; margin:0px 5px 0px 0px; background:#ecddc6; letter-spacing:6px; } /* Seesaa */ .powered{ padding:10px 0px; text-align:center; } .syndicate{ font-size:10px; margin:0px 10px 0px 0px; text-align:center; } /* コメント */ #comments{ margin:30px 10px; padding:10px 0px; text-align:left; background-color:#ecddc6; border:1px dotted #2e2725; } #comments form{ margin:0px; padding:0px 30px; } textarea{ width:300px; margin:0px 0px 5px 0px; background:#FFF; } .comments-head{ font-weight:bold; margin:0px; padding: 0px 0px 0px 20px; } .comments-body{ margin:0px; padding:0px; } .comments-post{ font-size:10px; padding:10px; text-align:right; } /* トラックバック */ #trackback{ margin:30px 10px; padding:15px 10px; text-align:left; background-color:#ecddc6; border:1px dotted #2e2725; } #trackback hr{ color:#2e2725; } /* フッター */ #footer{ clear:both; width:96% !important; width:98%; height:60px !important; height:70px; background-color:#ecddc6; border-top:10px ridge #ecddc6; border-right:10px ridge #ecddc6; border-left:10px ridge #ecddc6; } .copyright{ text-align:center; } /* ダイエットなど */ #diet-container{ margin:0px 0px 5px 0px; padding:5px; border:1px solid #2e2725; } .diet-title{ margin:5px 0px 0px 0px; padding:2px 10px 2px 5px; } .diet-content{ padding:0px 0px 0px 10px; } #diet-foods{ padding:0px 0px 0px 10px; } .food-title{ float:left; clear:left; width:20%; } .food-content{ width:75%; padding:10px 0px 0px 0px; }
■左サイドバー	下記のスタイルシートをコピー＆ペーストしてください
	@charset "Shift_JIS"; /*--- Copyright 2006 freetemplate all rights reserved. ---*/ /*--- http://freetemplate.seesaa.net/ ---*/ /* 画面全体 */ body{ width:100%; height:100%; line-height:1.5em; color:#2e2725; font-size:small !important; font-size:x-small; font-family:Georgia,sans-serif; margin:0px; padding:0px; text-align:center; background-color:#d7bda8; } /* ブログ本体 */ #container{ width:95%; font-size:100%; margin:20px auto 0px; padding:0px; text-align:left; } /* リンク設定 */ a{color:#7a371d;} a:link{color:#7a371d;text-decoration:none;} a:visited{color:#7a371d;text-decoration:none;} a:hover{color:#FFF;background-color:#7a371d;text-decoration:none;} a:active{color:#FFF;background-color:#7a371d;text-decoration:none;} /* 見出し設定 */ h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-weight:bold;} /* ヘッダー */ #banner{ float:left; width:98% !important; width:100%; height:80px !important; height:100px; margin:0px; padding:0px; text-align:left; background-color:#ecddc6; border:10px ridge #ecddc6; } /* ブログタイトル */ #banner h1{ font-size:16px; margin:20px 0px 10px 30px; padding:0px; } #banner h1 a{ color:#7a371d; background:none; text-decoration:none; border:none; } /* ブログ説明文 */ .description{ color:#2e2725; font-size:12px; font-weight:bold; margin:0px 0px 0px 40px; padding:0px; } /* 記事全体 */ #content{ float:right; width:69% !important; width:74%; margin:0px; padding:10px; text-align:left; } /* 記事ナビゲーション */ .navi{ text-align:center; } /* １日分の記事 */ .blog{ margin:0px; padding:10px 0px; text-align:left; } /* 日付 */ .date{ clear:both; color:#FFF; font-size:120%; font-weight:bold; margin:0px; padding:5px 10px; text-align:right; background:#7a371d; border:6px ridge #ecddc6; } /* 個別記事 */ .blogbody{ margin:0px; padding:0px; background-color:#ecddc6; } /* 記事タイトル */ .title{ font-size:100%; font-weight:bold; margin:0px 20px; padding:10px 0px 0px; border-bottom:2px dotted #2e2725; } .title a{ background-color:none; text-decoration:none; border:none; } /* 記事本文 */ .text{ padding:20px 30px; } /* 署名 */ .posted{ font-size:10px; margin:0px; padding:20px; text-align:right; } .posted a{ font-weight:bold; } /* 左サイドバー全体 */ #links-left{ float:left; width:25%; margin:0px; padding:20px 10px; text-align:left; } /* 右サイドバー全体 */ #links{} /* サイドバータイトル */ .sidetitle{ color:#2e2725; font-weight:bold; margin:0px; padding:3px 10px; text-align:left; background-color:#ecddc6; border:6px ridge #ecddc6; } /* サイドバー本文 */ .side{ margin:0px 0px 10px; padding:10px; text-align:left; } .side a{} /* カレンダー */ #calendar{ font-size:12px; text-align:center; margin:0px 0px 10px; padding:5px; border:1px solid #2e2725; background:#FFF; } #calendar table{ width:100% !important; width:90%; height:150px; background:#ecddc6; } #calendar th{ color:#FFF; font-weight:bold; border-right:1px solid #FFF; background:#d7bda8; } .calendarhead{ font-size:12px; font-weight:bold; padding:5px 0px; background:#ecddc6; } .calendarday{ font-size:10px; margin:0px; padding:0px; } .calendarday a{ font-weight:bold; text-decoration:underline; } /* 入力フォーム */ input{ max-width:200px; background:#FFF; } .input-submit{ color:#2e2725; margin:0px 5px 0px 0px; background:#ecddc6; letter-spacing:6px; } /* Seesaa */ .powered{ padding:10px 0px; text-align:center; } .syndicate{ font-size:10px; margin:0px 10px 0px 0px; text-align:center; } /* コメント */ #comments{ margin:30px 10px; padding:10px 0px; text-align:left; background-color:#ecddc6; border:1px dotted #2e2725; } #comments form{ margin:0px; padding:0px 30px; } textarea{ width:300px; margin:0px 0px 5px 0px; background:#FFF; } .comments-head{ font-weight:bold; margin:0px; padding: 0px 0px 0px 20px; } .comments-body{ margin:0px; padding:0px; } .comments-post{ font-size:10px; padding:10px; text-align:right; } /* トラックバック */ #trackback{ margin:30px 10px; padding:15px 10px; text-align:left; background-color:#ecddc6; border:1px dotted #2e2725; } #trackback hr{ color:#2e2725; } /* フッター */ #footer{ clear:both; height:60px !important; height:70px; background-color:#ecddc6; border-top:10px ridge #ecddc6; border-right:10px ridge #ecddc6; border-left:10px ridge #ecddc6; } .copyright{ text-align:center; } /* ダイエットなど */ #diet-container{ margin:0px 0px 5px 0px; padding:5px; border:1px solid #2e2725; } .diet-title{ margin:5px 0px 0px 0px; padding:2px 10px 2px 5px; } .diet-content{ padding:0px 0px 0px 10px; } #diet-foods{ padding:0px 0px 0px 10px; } .food-title{ float:left; clear:left; width:20%; } .food-content{ width:75%; padding:10px 0px 0px 0px; }
■右サイドバー	下記のスタイルシートをコピー＆ペーストしてください
	@charset "Shift_JIS"; /*--- Copyright 2006 freetemplate all rights reserved. ---*/ /*--- http://freetemplate.seesaa.net/ ---*/ /* 画面全体 */ body{ width:100%; height:100%; line-height:1.5em; color:#2e2725; font-size:small !important; font-size:x-small; font-family:Georgia,sans-serif; margin:0px; padding:0px; text-align:center; background-color:#d7bda8; } /* ブログ本体 */ #container{ width:95%; font-size:100%; margin:20px auto 0px; padding:0px; text-align:left; } /* リンク設定 */ a{color:#7a371d;} a:link{color:#7a371d;text-decoration:none;} a:visited{color:#7a371d;text-decoration:none;} a:hover{color:#FFF;background-color:#7a371d;text-decoration:none;} a:active{color:#FFF;background-color:#7a371d;text-decoration:none;} /* 見出し設定 */ h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-weight:bold;} /* ヘッダー */ #banner{ float:left; width:98% !important; width:100%; height:80px !important; height:100px; margin:0px; padding:0px; text-align:left; background-color:#ecddc6; border:10px ridge #ecddc6; } /* ブログタイトル */ #banner h1{ font-size:16px; margin:20px 0px 10px 30px; padding:0px; } #banner h1 a{ color:#7a371d; background:none; text-decoration:none; border:none; } /* ブログ説明文 */ .description{ color:#2e2725; font-size:12px; font-weight:bold; margin:0px 0px 0px 40px; padding:0px; } /* 記事全体 */ #content{ float:left; width:69% !important; width:74%; margin:0px; padding:10px; text-align:left; } /* 記事ナビゲーション */ .navi{ text-align:center; } /* １日分の記事 */ .blog{ margin:0px; padding:10px 0px; text-align:left; } /* 日付 */ .date{ clear:both; color:#FFF; font-size:120%; font-weight:bold; margin:0px; padding:5px 10px; text-align:right; background:#7a371d; border:6px ridge #ecddc6; } /* 個別記事 */ .blogbody{ margin:0px; padding:0px; background-color:#ecddc6; } /* 記事タイトル */ .title{ font-size:100%; font-weight:bold; margin:0px 20px; padding:10px 0px 0px; border-bottom:2px dotted #2e2725; } .title a{ background-color:none; text-decoration:none; border:none; } /* 記事本文 */ .text{ padding:20px 30px; } /* 署名 */ .posted{ font-size:10px; margin:0px; padding:20px; text-align:right; } .posted a{ font-weight:bold; } /* 左サイドバー全体 */ #links-left{} /* 右サイドバー全体 */ #links{ float:right; width:25%; margin:0px; padding:20px 10px; text-align:left; } /* サイドバータイトル */ .sidetitle{ color:#2e2725; font-weight:bold; margin:0px; padding:3px 10px; text-align:left; background-color:#ecddc6; border:6px ridge #ecddc6; } /* サイドバー本文 */ .side{ margin:0px 0px 10px; padding:10px; text-align:left; } .side a{} /* カレンダー */ #calendar{ font-size:12px; text-align:center; margin:0px 0px 10px; padding:5px; border:1px solid #2e2725; background:#FFF; } #calendar table{ width:100% !important; width:90%; height:150px; background:#ecddc6; } #calendar th{ color:#FFF; font-weight:bold; border-right:1px solid #FFF; background:#d7bda8; } .calendarhead{ font-size:12px; font-weight:bold; padding:5px 0px; background:#ecddc6; } .calendarday{ font-size:10px; margin:0px; padding:0px; } .calendarday a{ font-weight:bold; text-decoration:underline; } /* 入力フォーム */ input{ max-width:200px; background:#FFF; } .input-submit{ color:#2e2725; margin:0px 5px 0px 0px; background:#ecddc6; letter-spacing:6px; } /* Seesaa */ .powered{ padding:10px 0px; text-align:center; } .syndicate{ font-size:10px; margin:0px 10px 0px 0px; text-align:center; } /* コメント */ #comments{ margin:30px 10px; padding:10px 0px; text-align:left; background-color:#ecddc6; border:1px dotted #2e2725; } #comments form{ margin:0px; padding:0px 30px; } textarea{ width:300px; margin:0px 0px 5px 0px; background:#FFF; } .comments-head{ font-weight:bold; margin:0px; padding: 0px 0px 0px 20px; } .comments-body{ margin:0px; padding:0px; } .comments-post{ font-size:10px; padding:10px; text-align:right; } /* トラックバック */ #trackback{ margin:30px 10px; padding:15px 10px; text-align:left; background-color:#ecddc6; border:1px dotted #2e2725; } #trackback hr{ color:#2e2725; } /* フッター */ #footer{ clear:both; height:60px !important; height:70px; background-color:#ecddc6; border-top:10px ridge #ecddc6; border-right:10px ridge #ecddc6; border-left:10px ridge #ecddc6; } .copyright{ text-align:center; } /* ダイエットなど */ #diet-container{ margin:0px 0px 5px 0px; padding:5px; border:1px solid #2e2725; } .diet-title{ margin:5px 0px 0px 0px; padding:2px 10px 2px 5px; } .diet-content{ padding:0px 0px 0px 10px; } #diet-foods{ padding:0px 0px 0px 10px; } .food-title{ float:left; clear:left; width:20%; } .food-content{ width:75%; padding:10px 0px 0px 0px; }

2006 Bronzy（ブロンズィー）

　お気に召したら人気blogランキング