(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 Stilly（シリー）

じんわりと蒸し暑さを感じる日が多くなってきたこのごろですが、いよいよ衣替えの季節。衣替えといえば、２年目に突入した「クール・ビズ」もまだまだ好調だそうです。そこで今回のテンプレートは「クール・ビズ 2006 Stilly（シリー）」。

「Stilly（シリー）」とは「静謐（せいひつ）」という意味で、おごそかな静けさを指すことばです。これは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:#369; font-size:small !important; font-size:x-small; font-family:Georgia,sans-serif; margin:0px; padding:0px; text-align:center; background-color:#a5b6d1; } /* ブログ本体 */ #container{ font-size:100%; margin:20px 0px 0px 20px; padding:0px; text-align:left; } /* リンク設定 */ a{color:#6A5ACD;} a:link{color:#6A5ACD;text-decoration:none;} a:visited{color:#6A5ACD;text-decoration:none;} a:hover{color:#FFF;background-color:#369;text-decoration:none;} a:active{color:#FFF;background-color:#369;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:#a7b1dc; border:10px ridge #a7b1dc; } /* ブログタイトル */ #banner h1{ font-size:16px; margin:20px 0px 10px 30px; padding:0px; } #banner h1 a{ color:#369; background:none; text-decoration:none; border:none; } /* ブログ説明文 */ .description{ color:#FFF; 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:#a7b1dc; border:6px ridge #a7b1dc; } /* 個別記事 */ .blogbody{ margin:0px; padding:0px; background-color:#d9dbdb; border:1px solid #369; } /* 記事タイトル */ .title{ font-size:100%; font-weight:bold; margin:0px 20px; padding:10px 0px 0px; border-bottom:2px dotted #abb5b6; } .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:#FFF; font-weight:bold; margin:0px; padding:3px 10px; text-align:left; background-color:#a7b1dc; border:6px ridge #a7b1dc; } /* サイドバー本文 */ .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 #369; background:#FFF; } #calendar table{ width:100% !important; width:90%; height:150px; background:#d9dbdb; } #calendar th{ color:#FFF; font-weight:bold; border-right:1px solid #FFF; background:#a7b1dc; } .calendarhead{ font-size:12px; font-weight:bold; padding:5px 0px; background:#d9dbdb; } .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:#333; margin:0px 5px 0px 0px; background:#a7b1dc; 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:#d9dbdb; border:1px dotted #369; } #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; border:1px dotted #369; text-align:left; background-color:#d9dbdb; } #trackback hr{ color:#369; } /* フッター */ #footer{ clear:both; width:96% !important; width:98%; height:60px !important; height:70px; background-color:#a7b1dc; border-top:10px ridge #a7b1dc; border-right:10px ridge #a7b1dc; border-left:10px ridge #a7b1dc; } .copyright{ text-align:center; } /* ダイエットなど */ #diet-container{ margin:0px 0px 5px 0px; padding:5px; border:1px solid #369; } .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:#369; font-size:small !important; font-size:x-small; font-family:Georgia,sans-serif; margin:0px; padding:0px; text-align:center; background-color:#a5b6d1; } /* ブログ本体 */ #container{ width:95%; font-size:100%; margin:20px auto 0px; padding:0px; text-align:left; } /* リンク設定 */ a{color:#6A5ACD;} a:link{color:#6A5ACD;text-decoration:none;} a:visited{color:#6A5ACD;text-decoration:none;} a:hover{color:#FFF;background-color:#369;text-decoration:none;} a:active{color:#FFF;background-color:#369;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:#a7b1dc; border:10px ridge #a7b1dc; } /* ブログタイトル */ #banner h1{ font-size:16px; margin:20px 0px 10px 30px; padding:0px; } #banner h1 a{ color:#369; background:none; text-decoration:none; border:none; } /* ブログ説明文 */ .description{ color:#FFF; 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:#a7b1dc; border:6px ridge #a7b1dc; } /* 個別記事 */ .blogbody{ margin:0px; padding:0px; background-color:#d9dbdb; border:1px solid #369; } /* 記事タイトル */ .title{ font-size:100%; font-weight:bold; margin:0px 20px; padding:10px 0px 0px; border-bottom:2px dotted #abb5b6; } .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:#FFF; font-weight:bold; margin:0px; padding:3px 10px; text-align:left; background-color:#a7b1dc; border:6px ridge #a7b1dc; } /* サイドバー本文 */ .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 #369; background:#FFF; } #calendar table{ width:100% !important; width:90%; height:150px; background:#d9dbdb; } #calendar th{ color:#FFF; font-weight:bold; border-right:1px solid #FFF; background:#a7b1dc; } .calendarhead{ font-size:12px; font-weight:bold; padding:5px 0px; background:#d9dbdb; } .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:#333; margin:0px 5px 0px 0px; background:#a7b1dc; 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:#d9dbdb; border:1px dotted #369; } #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; border:1px dotted #369; text-align:left; background-color:#d9dbdb; } #trackback hr{ color:#369; } /* フッター */ #footer{ clear:both; height:60px !important; height:70px; background-color:#a7b1dc; border-top:10px ridge #a7b1dc; border-right:10px ridge #a7b1dc; border-left:10px ridge #a7b1dc; } .copyright{ text-align:center; } /* ダイエットなど */ #diet-container{ margin:0px 0px 5px 0px; padding:5px; border:1px solid #369; } .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:#369; font-size:small !important; font-size:x-small; font-family:Georgia,sans-serif; margin:0px; padding:0px; text-align:center; background-color:#a5b6d1; } /* ブログ本体 */ #container{ width:95%; font-size:100%; margin:20px auto 0px; padding:0px; text-align:left; } /* リンク設定 */ a{color:#6A5ACD;} a:link{color:#6A5ACD;text-decoration:none;} a:visited{color:#6A5ACD;text-decoration:none;} a:hover{color:#FFF;background-color:#369;text-decoration:none;} a:active{color:#FFF;background-color:#369;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:#a7b1dc; border:10px ridge #a7b1dc; } /* ブログタイトル */ #banner h1{ font-size:16px; margin:20px 0px 10px 30px; padding:0px; } #banner h1 a{ color:#369; background:none; text-decoration:none; border:none; } /* ブログ説明文 */ .description{ color:#FFF; 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:#a7b1dc; border:6px ridge #a7b1dc; } /* 個別記事 */ .blogbody{ margin:0px; padding:0px; background-color:#d9dbdb; border:1px solid #369; } /* 記事タイトル */ .title{ font-size:100%; font-weight:bold; margin:0px 20px; padding:10px 0px 0px; border-bottom:2px dotted #abb5b6; } .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:#FFF; font-weight:bold; margin:0px; padding:3px 10px; text-align:left; background-color:#a7b1dc; border:6px ridge #a7b1dc; } /* サイドバー本文 */ .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 #369; background:#FFF; } #calendar table{ width:100% !important; width:90%; height:150px; background:#d9dbdb; } #calendar th{ color:#FFF; font-weight:bold; border-right:1px solid #FFF; background:#a7b1dc; } .calendarhead{ font-size:12px; font-weight:bold; padding:5px 0px; background:#d9dbdb; } .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:#333; margin:0px 5px 0px 0px; background:#a7b1dc; 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:#d9dbdb; border:1px dotted #369; } #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; border:1px dotted #369; text-align:left; background-color:#d9dbdb; } #trackback hr{ color:#369; } /* フッター */ #footer{ clear:both; height:60px !important; height:70px; background-color:#a7b1dc; border-top:10px ridge #a7b1dc; border-right:10px ridge #a7b1dc; border-left:10px ridge #a7b1dc; } .copyright{ text-align:center; } /* ダイエットなど */ #diet-container{ margin:0px 0px 5px 0px; padding:5px; border:1px solid #369; } .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 Stilly（シリー）

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