ブログデザイン勉強中

メイン部分 500px  サイド部分 190px

星降る夜 （2カラム） サンプルページ タグ画面サンプル 利用規約

テンプレート仕様

• 2カラム 右サイドバー
• スタイルシート変更
• スタイルシート：ダイエット機能部分削除

ヘッダー画像に使用している素材は青の朝陽と黄の柘榴さんからお借りしたものですので、ヘッダー画像に関しては青の朝陽と黄の柘榴さんの利用規約にしたがってください。

スタイルシート
/***************************************************** テンプレート：星降る夜（2カラム） カスタマイズは利用規約の範囲内でお願いします 著作権削除・改変禁止 （画像を差し替えた場合、素材リンクは変更して下さい） 再配布禁止・アダルトサイト使用禁止。 詳しい規約はサイトで確認してください http://template-design.seesaa.net/ *****************************************************/ body{ margin:0; color:#777; font-size:82%; text-align:center; background:#F6F3D0; font-family:"メイリオ",Meiryo,Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;} table{ font-size:100%; line-height:1.7;} form,ul,ol,h1,h2,h3{ padding:0; margin:0;} /* =================================== */ /* レイアウトの設定 */ /* =================================== */ /* ブログ全体 */ #container{ width:790px; margin:0px auto; text-align:left; background:#FFF;} /* メインカラム */ #content{ float:left; width:530px; display:inline; margin:0 20px 0 15px;} /* 右カラム */ #links{ float:left; width:210px;} /* フッター */ #footer{ clear:both; padding:10px 15px; text-align:center;} /* =================================== */ /* リンクの設定 */ /* =================================== */ a:link,a:visited,a:active{ color:#66BBAA; text-decoration:none;} a:hover{ color:#BB9977; text-decoration:none;} /* ブログタイトル */ h1 a:link,h1 a:visited,h1 a:active{ color:#EEE;} h1 a:hover{ color:#66DDCC; text-decoration:none;} /* 記事タイトル */ h3 a:link,h3 a:visited,h3 a:active, .navi a:link,.navi a:visited,.navi a:active{ color:#BDAC88; text-decoration:none;} h3 a:hover,.navi a:hover{ color:#99CCAA; text-decoration:none;} /* カレンダー日 */ td.calendarday a{ display:block; background:#EEE; font-weight:bold;} td.calendarday a:link,td.calendarday a:visited,td.calendarday a:active{ color:#AADDCC;} td.calendarday a:hover{ color:#FFF; background:#99DDCC; text-decoration:none;} /* =================================== */ /* ヘッダー */ /* =================================== */ #banner{ padding:0 15px; height:250px; line-height:1.7; background:#FFF url("https://template-design.up.seesaa.net/hosifuru/header-w.gif") repeat-x top left;} /* ブログタイトル */ h1{ font-size:131%;/*17px*/ padding-top:40px; margin-bottom:108px;} /* ブログ説明文 */ .description{ font-size:77%;/*10px*/ display:block; padding-left:400px; text-align:right;} /* =================================== */ /* メインカラム */ /* =================================== */ /* ページ移動 */ .navi{ color:#AAA; font-size:77%;/*10px*/ text-align:center; margin:0 0 20px 0; padding:6px 15px; background:#EEE;} .blog{ width:100%; padding:10px 0; margin-bottom:30px; border:1px solid #DFDFDF;} /* 日付 */ h2.date{ color:#999; padding:2px 8px; font-size:77%;/*10px*/ font-weight:normal; margin:0 15px; border-left:5px solid #666;} .blogbody{ padding:0 15px;} /* 記事タイトル */ h3.title{ font-size:108%;/*14px*/ line-height:1.3; margin-bottom:30px; padding:3px 8px; border-left:5px solid #66CCDD;} /* 記事部分 */ .text{ font-size:100%;/*13px*/ line-height:1.7;} ul{ margin:0 0 0 20px;} ol{ margin:0 0 0 30px;} /* 引用文 */ blockquote{ color:#888; border-width:1px 1px 1px 5px; border-style:solid; border-color:#CCC; padding:10px; margin:15px 10px; background:#EEE;} /* タグ */ .tag-word{ font-size:77%;/*10px*/ margin:20px 0 0 0; line-height:1.4;} /* ブックマーク */ .bookmark{ margin-top:20px;} /* 投稿者等 */ .posted{ color:#999; font-size:77%;/*10px*/ margin-top:40px;} /* コメント */ #comments{ width:100%; padding:15px 0; margin-bottom:30px; border:1px solid #DFDFDF;} .comments-head{ font-weight:bold; margin:0 15px 25px 15px; padding:3px 8px; border-left:5px solid #666;} .comments-body{ line-height:1.5; padding:0 15px; margin-bottom:60px;} form .comments-body{ margin:0;} /* コメント投稿者 */ .comments-post{ color:#999; font-size:77%;/*10px*/ padding:30px 3px 2px 3px; border-bottom:1px dotted #CCC;} #comments input,#comments textarea{ color:#666; width:250px; font-size:100%; background:#FAFAFA; border:1px solid #CCC; border-color:#CCC #EEE #EEE #CCC;} #comments textarea{ width:90%; margin-bottom:15px;} #comments .input-submit{ width:auto; color:#EEE; background:#666; border:1px solid #666; margin:10px 10px 0 0;} /* トラックバック */ #trackback{ line-height:1.8; padding:15px; border:1px solid #DFDFDF;} /* 水平線 */ #trackback hr{ color:#EEE; background:#EEE; height:2px; border-width:0; margin:8px 0; _margin:0;} /* =================================== */ /* 右カラム */ /* =================================== */ /* サイドタイトル */ .sidetitle{ color:#EEE; padding:2px 3px; margin-bottom:10px; text-align:center; background:#BFBFBF; border:2px solid #CFCFCF;} /* サイドコンテンツ */ .side{ color:#888; padding:0 10px; margin-bottom:60px; font-size:93%;/*12px*/ line-height:1.8;} .side table{ color:#888;} .side ul{ margin:0 0 0 15px;} .side ol{ margin:0 0 0 20px;} /* カレンダー */ #calendar{ padding:0 5px; margin:0 0 60px 0;} .calendarhead{ color:#CCC; padding-bottom:5px; font-weight:bold; text-align:center;} #calendar table{ color:#999; line-height:1.9; width:200px;} #calendar th{ font-size:10px; font-weight:normal; border:2px solid #FFF;} td.calendarday{ text-align:center; font-size:10px; border:2px solid #FFF;} /* サイドタグクラウド */ .side-tag{ padding:0 10px; margin-bottom:60px;} /* RSS */ .syndicate{ font-size:77%;/*10px*/ text-align:center; margin-bottom:30px;} /* Seesaaリンク */ .powered{ padding-top:10px; text-align:center;} .powered table{ margin:0px auto;} /* =================================== */ /* タグクラウドページの設定 */ /* =================================== */ .tag{ padding:15px; margin-bottom:30px; border:1px solid #DFDFDF; position:relative;} .tag-title{ color:#999; font-size:108%; font-weight:bold;} .tag-body{ padding:15px 0;} .tag-body iframe{ width:90%;} .tag-service{ color:#AAA; font-weight:bold; border-bottom:1px solid #AAA; padding:0 3px 5px 3px;} /* タグ検索 */ .tag-search{ text-align:right; margin:5px 0 15px 0;} .tag-article,.tag-audios{ font-size:77%;/*10px*/ line-height:2.2;} .tag-article-title a,.tag-audios-title a,.tag-photos-title a,.tag-videos-title a{ font-weight:bold; font-size:120%;} .tag-article-posted,.tag-audios-posted{ padding-left:5px;} .tag-article-summary{ padding:0 10px; line-height:1.4;} .tag-more{ clear:both; text-align:right; margin:10px 0;} .tag-photos,.tag-videos{ float:left; margin-right:20px; height:210px; font-size:77%;/*10px*/ line-height:1.8; position:relative;} .tag-photos table,.tag-videos table{ border-collapse:collapse;} .tag-photos td,.tag-videos td{ vertical-align:top; height:0;} .tag-photos-title,.tag-videos-title{ display:inline;} .tag-navi{ clear:both; text-align:center; margin:10px 0;} /* タグクラウドリンク */ #tag_cloud{ padding:10px; margin-top:15px; border:1px dashed #CCC; _height:100%;} #tag_cloud a{ padding:2px;} .listCategoryArticle{ color:#999; margin-top:20px; padding:6px 10px; border:dotted 2px #DDD;} .text .listCategoryArticle ul{ margin:5px 0 0 15px;} .text .listCategoryArticle ul li{ color:#CCC; font-size:10px;} /* twitter quote */ .tweetBlockQuote{ margin-bottom:10px; overflow:hidden; width:98%;} .tweetBlockQuote img{ border:0;} .tweetBlockQuote .tweetImg{ padding:0px; width:53px; text-align:left; overflow:hidden; vertical-align:top; float:left; margin-right:7px;} .tweetBlockQuote .tweetMain{ padding:5px; border:solid 1px #ddd; background:#fff; color:#000; overflow:hidden; vertical-align:top; float:left; width:70%;} .tweetBlockQuote .tweetMain a.tweetOwner{ color:#E86390; font-weight:bold; text-decoration:none;} .tweetBlockQuote .tweetMain a.tweetFriends{ font-weight:bold; color:#26A6DC; text-decoration:none;} .tweetBlockQuote .tweetMain .tweetText{ color:#000;} .tweetBlockQuote .tweetMain .tweetText a{ color:#000; text-decoration:underline;} .tweetBlockQuote .tweetMain .tweetDate{ color:#9C9C9C;} .tweetBlockQuote .tweetBoth{ clear:both;}

サイドバーに入れる場合

メニューの 【デザイン】 から 【コンテンツ】 へ。コンテンツの追加で 【自由形式】 を選び、右サイドバーへ入れます。自由形式のHTML編集で下記のHTMLをコピー・ペーストして保存。設定の反映ボタンを押してください。

画像を差し替えた場合は、素材リンクを削除・又は変更して下さい。

修正

• スタイルシートにTwitter 投稿部分を追加 （2010.05.03）