どこでもドアーズLabo do_winter

2007.12/09 （Sun）

do_winter_2cの最新ソース

お待たせしました！
リクエストのあったdo_winter_2cのHTMLとスタイルシートです。
2カラムと3カラムがあるのですが、まず2カラムから……。

これは昨年12月31日に登録された、処女作だったのですが、季節ものにつき、冬が過ぎてから一時更新停止にしていたら、ソースが古くなってしまい（他のものは一個書き換えたら全部書き換える……というように足並みそろえて更新していたので）、書き換えるのが面倒臭くなり；　つい配信停止にしてしまったのですが、リクをいただきましたので、新しいソースをBLOGのみで公開することにしました。

IE5.5、IE6、IE7、FIREFOX、OPERA、ネットスケープ最新版で動作・表示確認済。MAC・SAFARIはネット上のサービスで、表示のみ確認しています。
ソースは再配布不可です。
使用条件はアダルトで利益の出るBLOGと違法サイト以外ならOKです。
なお、このテンプレで使用している素材のほとんどは、Starstream様のものをお借りしておりますので、素材の加工等をしたい方は、そちら様の規約をご覧になってください。
私の方の画像に関する詳しい規約はここをご覧になってください）。

使いたい方は、適当なテンプレをDLするか複製して、テンプレートのHTMLとスタイルシートをまずすべて消して、空白にしてください。
それから、続き読むに載せたテキストエリア内のソースを、それぞれコピーして入れてください。
テキストエリアは、最後までスクロールして、ちゃんと全部コピペするようにしてくださいね。
08年4月14日最終更新しました。

テンプレート部門に参加中。クリックしてくださると励みになります♪

【More・・・】

HTML（以下をコピペしてください）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>

<title><%blog_name> <%sub_title></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss" />
<link rel="top" href="<%url>" title="トップ" />
<link rel="start" href="<%url>" title="最初の記事" />
<link rel="prev" href="<%preventry_url>" title="<%preventry_title>" />
<link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" />

</head>
<body>

<div id="layout">

<div id="header">
<p class="admin">
<a href="<%url>?all" target="_self" title="全記事リストへ">★All&nbsp;archives</a>&nbsp;
<a href="<%server_url>control.php" title="管理ページへ">★Admin</a></p>
<h1 id="pagetop"><a href="<%url>"><%blog_name></a></h1>
<p class="intro"><%introduction></p>
</div>

<div class="yoko_calender">
<%now_year>年<%now_month>月 / <a href="<%prev_month_link>"><%prev_month>月≪</a>

<span class="day"><%days></span>

<a href="<%next_month_link>">≫<%next_month>月</a>
</div>

<div id="main">

<div id="main_block">

<div class="entry_block">
<p class="p3_title" style="text-align:<%plugin_third_talign>"><%plugin_third_title></p>
<div class="entry_body">
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description></p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2></p>
</div>
</div>

<div class="entry_block">

<h2 class="entry_title">
<a href="<%topentry_link>" name="entry<%topentry_no>" id="<%topentry_no>" title="「<%topentry_title>」を開く"><%topentry_title>&nbsp;</a></h2>

<div class="entry_day">
<%topentry_year>.<%topentry_month>.<%topentry_day>（<%topentry_youbi>）
</div>

<div class="entry_body"><%topentry_body>

<div class="more">

<p><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">【Read More・・・】</a></p>

</div>

<a name="more" id="more"></a>
<br /><p class="more">【More・・・】</p>
<%topentry_more>

<p class="theme">テーマ : <a href="<%topentry_thread_link>" title="<%topentry_thread_title>へのリンク"><%topentry_thread_title></a> - ジャンル : <a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>へのリンク"><%topentry_community_janrename></a>
</p>

<p class="tag_lnk">タグ : <%topentry_jointtag></p>

</div>

<div class="entry_state">
<a href="<%topentry_link>" target="_blank" title="この記事を別窓で開く"><%topentry_hour>:<%topentry_minute></a>
&nbsp;|&nbsp; 
<a href="<%topentry_category_link>" title="このカテゴリの記事一覧"><%topentry_category></a>

&nbsp;|&nbsp;
<a href="<%topentry_link>#trackbacktop" title="この記事のトラックバック">TB(<%topentry_tb_num>)</a>



&nbsp;|&nbsp;
<a href="<%topentry_link>#commenttop" title="この記事のコメント">CM(<%topentry_comment_num>)</a>


&nbsp;|&nbsp;
<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" title="この記事の編集">EDIT</a>
&nbsp;|&nbsp;
<a href="#pagetop" title="このページの上へ">Top↑</a>
</div>

<div class="entry_bottombg"></div>

</div>

<div class="entry_block">
<p class="p3_title">All Archives&nbsp;【全記事一覧】</p>

<div class="all_body">
<ul>
<li><a href="<%titlelist_url>" target="_blank" title="この記事を別窓で開く"><%titlelist_year>年<%titlelist_month>月<%titlelist_day>日/<%titlelist_title></a>&nbsp;
<a href="<%titlelist_category_url>" title="このカテゴリの記事一覧">（<%titlelist_category>）</a></li>
</ul>
&nbsp;&nbsp;&nbsp;<%titlelist_body>…<a href="<%titlelist_url>" title="この記事を全文表示">続きを読む</a><br />
<p class="all_bottom"><a href="#pagetop" title="このページの上へ">▲PageTop</a></p>
</div>

</div>

<div class="navi">

≪<a href="<%preventry_url>"><%preventry_title></a>

&nbsp;|&nbsp;<a href="<%url>">TOP</a>&nbsp;|&nbsp;
<a href="<%nextentry_url>"><%nextentry_title></a>≫

</div>

<div class="entry_block">
<p class="p3_title"><a name="commenttop" id="commenttop"></a>Comment</p>

<p class="ct_title"><a id="comment<%comment_no>" name="comment<%comment_no>"></a>●<%comment_title></p>
<div class="entry_body"><%comment_body></div>
<div class="comment_date">
<%comment_mail+name>&nbsp;|&nbsp;<%comment_year>年<%comment_month>月<%comment_day>日(<%comment_wayoubi>) <%comment_hour>:<%comment_minute>&nbsp;|&nbsp;<%comment_url+str>&nbsp;|&nbsp;<a href="<%comment_edit_link>">コメント編集</a>
</div>

<p class="entry_title">コメントを投稿する</p>

<div class="comment_body">

<form method="post" action="./" name="comment_form">
<dl>
<dt>
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<label for="name">Name</label></dt>
<dd><input id="name" type="text" name="comment[name]" value="<%cookie_name>" size="50" /></dd>
<dt><label for="name">Title</label></dt>
<dd><input id="subject" type="text" name="comment[title]" size="50" /></dd>
<dt><label for="mail">Mail</label></dt>
<dd><input id="mail" type="text" name="comment[mail]" value="<%cookie_mail>" size="50" /></dd>
<dt><label for="url">URL</label></dt>
<dd><input id="url" type="text" name="comment[url]" value="<%cookie_url>" size="50" /></dd>
<dt><label for="comment">Comment</label></dt>
<dd><script type="text/javascript" src="http://blog87.fc2.com/load.js"></script><br />
<textarea id="comment" name="comment[body]" cols="70" rows="9"></textarea></dd>
<dt><label for="pass">Pass（編集・削除するのに必要）</label></dt>
<dd><input id="pass" type="password" name="comment[pass]" size="20" /></dd>
<dt><label for="himitu">Secret</label></dt>
<dd><input id="himitu" type="checkbox" name="comment[himitu]" />管理者だけに表示
&nbsp;（非公開コメント投稿可能）
&nbsp;（現在非公開コメント投稿不可）
</dd>
</dl>
<p class="form-btn"><input type="submit" value="送信" /></p>
</form>

</div>

<p class="entry_state"><a href="#pagetop">▲PageTop</a></p>
</div>

<div class="entry_block">

<p class="p3_title">コメントを編集する</p>


<div compact="compact" class="comment_body">

<form method="post" action="./" name="comment_form">
<dl>
<dt>
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<label for="name">Name</label>
</dt>
<dd><input id="name" type="text" name="edit[name]" value="<%edit_name>" size="50" /></dd>
<dt><label for="name">Title</label></dt>
<dd><input id="subject" type="text" name="edit[title]" value="<%edit_title>" size="50" /></dd>
<dt><label for="mail">Mail</label></dt>
<dd><input id="mail" type="text" name="edit[mail]" value="<%edit_mail>" size="50" /></dd>
<dt><label for="url">URL</label></dt>
<dd><input id="url" type="text" name="edit[url]" value="<%edit_url>" size="50" /></dd>
<dt><label for="comment">Comment</label></dt>
<dd><script type="text/javascript" src="http://blog87.fc2.com/load.js"></script><br />
<textarea id="comment" name="edit[body]" cols="70" rows="9"><%edit_body></textarea></dd>
<dt><label for="pass">Pass</label></dt>
<dd><input id="pass" type="password" name="edit[pass]" size="20" /></dd>
<dt><label for="himitu">Secret</label></dt>
<dd><input id="himitu" type="checkbox" name="edit[himitu]" />管理者だけに表示
&nbsp;（非公開コメント投稿可能）
&nbsp;（現在非公開コメント投稿不可）
</dd></dl>
<p class="form-btn"><input type="submit" value="送信" />
&nbsp;&nbsp;
<input type="submit" name="edit[delete]" value="削除" /></p>
</form>

</div>

</div>

<div class="entry_block">
<p class="p3_title"><a id="<%topentry_no>" name="<%topentry_no>"></a><a name="trackbacktop" id="trackbacktop"></a>Trackback</p>
<p class="entry_title">この記事のトラックバックURL</p>
<div class="tra_body">
→<a href=""><%trackback_url></a>
<br />
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a>
</div>
<p class="entry_title">この記事へのトラックバック</p>

<p class="ct_title"><a href="<%tb_url>" name="trackback<%tb_no>" id="trackback<%tb_no>"><%tb_title></a></p>
<div class="tra_body"><%tb_excerpt></div>
<div class="tra_date"><%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second>&nbsp;|&nbsp;<%tb_blog_name></div>

<p class="entry_state"><a href="#pagetop">▲PageTop</a></p>
</div>

<div class="pnavi">

≪<a href="<%prevpage_url>" title="前のページへ戻る">PREV</a>

&nbsp;|&nbsp;<a href="<%url>">BLOGTOP</a>&nbsp;|&nbsp;

<a href="<%nextpage_url>" title="次のページへ進む">NEXT</a>≫

</div>

</div>

</div>

<div id="menu">
<div class="menu_block">

<h3 class="menu_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></h3>
<div class="menu_body">
<div class="menu_text">
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description></p>
<%plugin_first_content>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description2></p>
</div>
</div>

<h3 class="menu_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></h3>
<div class="menu_body">
<div class="menu_text">
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description></p>
<%plugin_second_content>
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description2></p>
</div>
</div>

</div>
</div>

<div id="footer">
<p>copyright &copy;&nbsp;<%blog_name> all rights reserved.</p>
<p><%ad>&nbsp;<%ad2>&nbsp;&nbsp;Template&nbsp;by&nbsp;<a href="http://dokode.blog87.fc2.com/" target="_blank">どこドア</a></p>
</div>

</div>

</body>
</html>

スタイルシート（以下をコピペしてください）

@charset "EUC-JP";

/* 
・プラグインのみ対応で、プラグイン1と2はサイドメニュー、プラグイン3はトップページのみ記事先頭にきます。
・右メニューにも、2箇所変更するだけで簡単になりますので、やり方は各部の幅のところを見てください。
・記事幅やメニュー幅は簡単に増減できます。増やしたり減らした分だけ、全体のレイアウト幅とヘッダーも増やすか減らしてください。
・アダルトで利益の出るブログと・宗教・違法サイトは使用不可。
・ソース・素材ともカスタマイズOKですが、カスタマイズ後も再配布やフッターの著作権を削除・改変したりはしないでください。
・IE5.5 IE6 IE7 OPERA9 FireFox2 Netscape7で表示・動作確認済。

何かありましたら下記へどうぞ。
http://dokode.blog87.fc2.com/
どこドア
06年12月31日配布開始、08年4月14日最終更新 */

/* ---------------------------------------
▼画面全体
---------------------------------------- */
/* 初期化 */
* {
margin:0;
padding:0;
word-break:break-all;
}

body {
text-align:center; /* IEのバグを利用して画面全体を中央に */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; /* 画面全体のフォント指定 */
font-size:12px; /* 画面全体のフォントサイズ */
color:#666; /* 画面全体の文字色 */
background-image: url(http://blog-imgs-14.fc2.com/d/o/k/dokode/byukidaruma.gif); /* 背景画像URL */
background-repeat:repeat-x; /* 画像を横に繰り返す */
background-color:#fff; /* 画面背景の色 */
line-height:130%; /* 行間 */
margin:0;
padding:0;
}

/* ---------------------------------------
▼各部の幅
---------------------------------------- */
/* 全体のレイアウト（＝メニュー＋中央記事＋余白＝ヘッダー） */
#layout {
width:780px; /* 左右メニュー＋中央記事の幅 */
background:transparent; /* 背景透明 */
margin:0 auto; /* 左右マージンを自動算出してセンタリング */
padding:0;
}

/* ヘッダー */
#header {
width:780px; /*ヘッダーの幅*/
height:175px; /*ヘッダーの高さ*/
font-family:Verdana,Chicago; /* 文字の種類 */
line-height:1.4; /* 行間 */
margin:0 0 5px;
padding:0;
}

/* メイン（記事部） */
#main {
float:right; /* 右メニューにしたい時はleftに */
width:550px; /* メインの幅 */
margin:0;
padding:0;
}

/* メニュー */
#menu {
float:left; /* 右メニューにしたい時はrightに */
text-align:left;
width:210px; /* メニューの幅 */
margin:0;
padding:0;
overflow:hidden; /* はみ出した部分を見えなくする */
}

/* ---------------------------------------
▼ヘッダー
---------------------------------------- */
/* 管理リンク */
.admin {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#fff; /* 文字色 */
font-weight:bold; /* 太字 */
padding:0;
margin:8px 0 0;
}

/* ブログタイトル */
#header h1 {
text-align:left; /* 左寄せ */
font-size:19px; /* 文字サイズ */
color:#666; /* 文字色 */
font-weight:bolder; /* 字の太さ・極太 */
margin:0;
padding:85px 0px 8px 0px; /* タイトルの位置 上・右・下・左の順に記述*/
}

/* ブログ説明 */
.intro {
text-align:left; /* 左寄せ */
font-size:13px; /* 文字サイズ */
color:#666; /* 文字色*/
font-weight:normal; /* 字の太さ・普通 */
padding:0;
margin:0;
}

/* ---------------------------------------
▼LINK
---------------------------------------- */
/* 画面全体のリンク色 */
/* 未閲覧 */
a:link {
color:#69c;
text-decoration:none;
}
/* 閲覧済 */
a:visited {
color:#69c;
text-decoration:none;
}
/* カーソルが乗った時 */
a:hover {
color:#c99;
text-decoration:none;
}
/* クリック中 */
a:active {
color:#69f;
text-decoration:none;
}

/* 管理リンクのカーソルが乗った時 */
.admin a:hover {
background:#c99; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration:none;
}

/* ブログタイトルのリンク設定 */
#header h1 a:link, #header h1 a:visited {
color:#69c;
text-decoration:none;
}
/* カーソルが乗った時 */
#header h1 a:hover {
color:#c99;
border-bottom:dotted 3px #c99; /* 下にライン */
text-decoration:none;
}

/* 記事下データのリンク設定 */
/* 未閲覧 */
.entry_state a:link {
color:#c99; /* リンク色 */
text-decoration:none; /* 下線をなしに */
}
/* 閲覧済 */
.entry_state a:visited {
color:#c99;
text-decoration:none;
}
/* カーソルが乗った時 */
.entry_state a:hover {
color:#69c; /* 文字色 */
text-decoration:none;
}

/* ---------------------------------------
▼横カレンダー
---------------------------------------- */
.yoko_calender {
text-align:center; /*中央寄せ*/
color: #333; /*横カレンダーの文字色*/
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/kabe01.gif); /*横カレンダーの背景壁紙*/
background-color:#dcdcdc; /*横カレンダーの背景色*/
margin:10px auto 0;
padding:2px 0;
}

.day {
margin:0 2px; /* 日付けの間隔 */
}

/* 横カレンダーリンク設定 */
.yoko_calender a:link, .yoko_calender a:visited {
text-decoration:none; /* 下線なし */
font-weight:bold; /* 記事を書いた日を太字に */
color:#000; /* 文字色 */
}
/* カーソルが乗った時 */
.yoko_calender a:hover {
background:#c99; /* 背景色 */
color:#fff; /* 文字色 */
text-decoration: none;
}

/* 横カレンダーがいらない場合は、HTMLソースの横カレンダーここから、横カレンダーここまでの部分を削除してください */

/* ---------------------------------------
▼プラグインカレンダー
---------------------------------------- */
/* プラグインカレンダー */
table.calender {
text-align:center; /* 中央寄せ */
font-size:12px; /* 文字サイズ */
width:98%; /* カレンダーの幅 */
color:#666; /* 文字色 */
font-family:Helvetica,Arial; /* 文字種類 */
border-collapse:separate;
}

/* 月表示部 */
.calender caption {
text-align:center; /* 中央寄せ */
border-bottom:1px dotted #999; /* 下にライン */
}
.calender caption a {
font-weight:bold; /* リンクしてある月を太字に */
}

/* 曜日・日付け表示部 */
.calender td, .calender th {
text-align:center;
width:14%;
line-height:130%; /* 行間 */
padding:0;
}

/* 曜日表示部 */
.calender th {
padding-top:2px;
}

/* カレンダーリンク設定 */
.calender td a:link, .calender td a:visited {
font-weight:bold; /* 記事を書いた日を太字に */
text-decoration:none; /* 下線なし */
color:#9cf; /* 文字色 */
border:1px solid #9cf; /* ライン */
display:block;
}
/* カーソルが乗った時 */
.calender td a:hover {
font-weight:bold;
color:#fff;
background:#9cf;
text-decoration:none;
}

/* 土曜日 */
th#sat {
color:#00f;
}
/* 日曜日 */
th#sun {
color:#c00;
}

/* ---------------------------------------
▼メイン
---------------------------------------- */
/* メイン内枠 */
#main_block {
margin:20px 0 0;
padding:0;
}

/* 記事部分囲み */
.entry_block {
text-align:left;
border-collapse:collapse; /* 余白をなしに */
border:3px double #999; /* ラインで囲っています */
background-color:#fff; /* 背景色 */
padding:0;
margin:25px 0 35px;
}

/* プラグイン3タイトル・コメント・トラバナビ */
.p3_title {
text-align:left; /* 左寄せ */
font-size:14px; /* 字のサイズ */
color:#c99; /* 文字色 */
font-family:Verdana,Chicago; /* 文字の種類 */
font-weight:bold;
border-bottom:1px dotted #c99; /* 下に点線 */
margin:5px 10px;
padding:6px 0px 2px 20px; /* アイコンを置いているので左に幅を取っています */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/hoshii1.gif) no-repeat left; /* アイコン設定 */
}

/* 記事タイトル */
.entry_title {
text-align:left; /* 左寄せ */
font-size:14px; /* 文字サイズ */
color:#69c; /* 文字色 */
font-weight:bold; /* 字の太さ*/
border-bottom: 1px dotted #69c; /* 下にライン */
margin:0 10px;
padding:10px 0 5px 23px; /* アイコンを置いているので左に幅を取っています */
background:#fff; /* 背景色 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/yukii2.gif) no-repeat left; /* アイコン設定 */
}

/* 記事日付 */
.entry_day {
text-align:right; /* 左寄せ */
font-size:13px; /* 日付のサイズ */
font-family:Verdana,Chicago,Arial,Helvetica; /* 文字種類 */
color:#666; /* 文字色 */
font-weight: bold; /* 文字太さ */
padding:3px 15px 10px;
margin:0;
}

/* 記事本文 */
.entry_body {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#000; /* 文字色 */
line-height:1.7; /* 行間 */
padding:0;
margin:5px 17px 15px;
}

/* 続きを読む */
.more {
text-align:left;
color:#369; /* 文字色 */
font-family:Verdana,Chicago,Arial,Helvetica; /* 文字種類 */
margin:5px 0;
}

/* 記事の投稿先テーマ・ジャンル */
.entry_body p.theme {
margin-top:10px;
}

/* 記事中に使われたタグのリンクリスト */
.entry_body p.tag_lnk {
margin-top:10px;
}

/* 記事本文下データ */
.entry_state {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:120%; /* 行間 */
margin:0;
padding:0 7px 5px;
}

/* 記事下画像置き場 */
.entry_bottombg {
text-align: center;
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/yukil.gif); /* 画像URL */
background-repeat:repeat-x; /* 横にリピート */
background-position:left;
margin:3px 0;
padding-top:30px;
}

/* 記事中のテーブル設定 */
.entry_body table {
width:auto;
}
/* 余白 */
.entry_body td, .entry_body th {
padding:3px;
}

/* ---------------------------------------
▼全記事リスト
---------------------------------------- */
.all_body {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#333; /* 文字色 */
line-height:150%; /* 行間 */
margin:10px 0;
padding:0 15px;
}

.all_bottom {
text-align:right; /* 右寄せ */
font-size:12px;
color:#666;
border-top:1px dotted #666; /* 上にライン */
margin:3px;
padding:2px 5px;
}

/* ---------------------------------------
▼ページナビ
---------------------------------------- */
/* 記事移動 */
.navi {
text-align:center; /* 中央寄せ */
color:#666; /* 文字色 */
font-size:12px; /* 文字の大きさ */
line-height:130%; /* 行間 */
padding:0;
margin:20px 0 30px;
}

/* 頁移動 */
.pnavi {
text-align:center;
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
font-family:Verdana,Chicago,Arial,Helvetica; /* 文字種類 */
line-height:130%; /* 行間 */
margin:25px 0 30px;
padding:0 10px;
}

/* ---------------------------------------
▼コメント・トラックバック
---------------------------------------- */
/* コメント・トラバのタイトル */
.ct_title {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#69c; /* 文字色 */
font-weight:bold; /* 文字太さ */
padding:5px 10px;
}

/* コメント中味 */
.comment_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#333; /*文字色*/
line-height:1.5; /* 行間 */
padding:0 20px 5px;
margin:0 5px;
}

/* コメント下データ */
.comment_date {
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
border-bottom:1px dotted #999; /* 下にライン */
margin:0 10px;
padding:10px 5px 5px;
}

/* トラックバック本文 */
.tra_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color: #666; /*文字色*/
line-height:1.5; /* 行間 */
margin:5px 20px;
}

/* トラックバック日付 */
.tra_date {
text-align:right; /* 右寄せ */
font-size:11px; /* 文字サイズ */
line-height:130%; /* 行間 */
margin:0 10px;
padding:2px 0;
}

/* ---------------------------------------
▼サイドメニュー（プラグイン1、2）
---------------------------------------- */
/* サイドメニュー内枠 */
.menu_block {
margin:25px 0 15px;
padding:0;
}

/* メニュータイトル */
.menu_title {
text-align:left; /* 左寄せ */
color:#c99; /* 文字色 */
font-size:12px; /* 文字サイズ */
font-weight:bold; /* 太字 */
border-bottom:1px dotted #c99; /* 下にライン */
margin:0;
padding:6px 0 2px 20px; /* アイコンを置いているので左に幅を取っています */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/hoshii1.gif) no-repeat left; /* アイコン設定 */
}

/* サイドメニュー中味 */
.menu_body {
margin:0;
padding:0;
}

/* メニュー文字 */
.menu_text {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#666;
line-height:130%; /* 行間 */
padding:5px 2px;
}
.menu_text p {
text-align:left; /* 左寄せ */
font-size:12px;
color:#666; /* 文字色 */
margin:4px;
}

/* メニューリスト */
/*メニューリスト親要素*/
.menu_body ul {
text-align:left;
list-style-type:none;
text-decoration:none;
margin:0;
padding-left:2px;
}

/* メニューリスト子要素 */
.menu_body li {
text-align:left; /*左寄せ*/
font-size:12px; /*字の大きさ*/
color:#69c; /*字の色*/
padding:0 0 5px 15px; /*アイコンを置いているので、左に幅を取っています*/
text-decoration: none;
background: url(http://blog-imgs-14.fc2.com/d/o/k/dokode/blueia2.gif) no-repeat; /* アイコンURL */
line-height:130%; /*行間*/
}

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* 投稿フォーム */
form {
padding:0;
margin:0;
}

/*  検索・フォーム・ボタン等 */
textarea,input,select {
text-align:left;
font-family: "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif; /* MAC・IE版バグ回避用フォント指定 */
font-size:12px; /* 文字サイズ */
color:#333; /* 文字色 */
background-color:#fff; /*背景色*/
padding:1px;
margin:3px 0;
}

/* ---------------------------------------
▼フッター
---------------------------------------- */
#footer {
text-align:right;
clear:both; /* 回り込み解除 */
font-size:12px;
color:#666;
line-height:140%;
margin:0;
padding:5px 0 10px;
}

/* ---------------------------------------
▼その他
---------------------------------------- */
/* 引用文 */
blockquote {
text-align:left;
font-size:12px; /*文字サイズ*/
color:#666; /*文字色*/
background-color: #f5f5f5; /*背景色*/
line-height:160%;
border:1px dotted #999;
/*引用部分をラインで囲んでいます*/
margin:10px 5px;
padding:5px 10px;
}

/* スクロールバーの装飾設定（IEのみ）*/
html,body {
scrollbar-arrow-color:#999;
scrollbar-face-color:#fff;
scrollbar-3dlight-color:#999;
scrollbar-darkshadow-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#999;
}

/* リスト全般 */
ul {
text-align:left;
margin-left:15px;
padding:0;
}
ol {
text-align:left;
margin-left:25px;
padding:0;
}

/* プロフィール */
.pay {
text-align:center;
margin:10px 0;
}

/* 文字装飾 */
/* 強調 */
strong, b {
font-weight:bold;
}
/* 斜体 */
em, i {
font-style:italic;
}
/* 打ち消し線 */
s {
text-decoration:line-through;
}
/* 下線 */
u {
text-decoration:underline;
}

/* 画像全般 */
img {
border:none;
border-width:0;
padding:0;
margin:0;
text-decoration:none;
}

/* 絵文字 */
.emoji {
float:none;
vertical-align:middle;
border:none;
padding:0;
margin:0;
}

/* コード */
/* 記事中にプログラムコードなどを書く時に使います */
div.section pre {
margin:1em auto;
padding:0.5em;
border:1px solid #999;
font-family:sans-serif;
overflow:auto;
width:90%; /* pre element clearing bug in WinIE  */
}

/* for without MacIE5 \*/
div.section pre {
overflow:scroll;	 /* MacIE用バグ対応 */
}/* */
div.section > pre {
width:auto; /* MacIE用バグ対応 */
}

div.section code {
font-family:monospace; /* 等幅フォントを指定 */
}

/* IE改行バグ対策 */
br {
letter-spacing:normal;
}

スポンサーサイト

13:22 | 別カラムのソース | TB(0) | CM(5) | EDIT | Top↑

≪do_winｔｅｒ_3ｃの最新ソース | HOME | リクエストのメモ≫

Comment

●お借りしました＾＾

クリスマスが終わるのでテンプレを雪だるまのにしようと思っていたのですが
最近お知り合いになった方が先に使われてました。
残念だったです＞＜

こちらのもう一つの雪だるまのテンプレもステキでしたので
使わせてもらいます

ありがとうございました♪

たぁこ | 2007.12.25(火) 17:43 | URL | 【編集】

●たぁこさんへ

お友達同士でかぶってしまうと、ちょっと嫌かもですねー（;´▽｀A``

でも、お役に立てたようで、よかったです(＾▽＾)

どこ | 2007.12.25(火) 22:51 | URL | 【編集】

●

このテンプレート、使用させていただいてました｡ﾟ+.(･∀･)ﾟ+.ﾟ
手違いで削除してしまって（申し訳ないですorz）、すごいショックだったんです。
でも、こちらでもう一度ソースを公開してくださって…
感激しました。

お借りさせていただきます。

ようこどん U｡･x･)ﾉ | 2008.01.20(日) 14:24 | URL | 【編集】

●ようこどんさんへ

テンプレ使ってくださって、嬉しいです(＾▽＾)

昨年冬しか公開しなかったので、そんなこともありますよねー；

他の公開しているものも、数ヶ月に一度はソースを見直して、見た目が変わらなくても、改良していることがありますので、たまにDLし直していただけると、嬉しいです♪

お役に立ててよかったです＾＾

どこ | 2008.01.20(日) 18:12 | URL | 【編集】

●承認待ちコメント

このコメントは管理者の承認待ちです

| 2010.10.11(月) 16:35 | | 【編集】

コメントを投稿する

▲PageTop

Trackback

この記事のトラックバックURL

→http://dokode.blog87.fc2.com/tb.php/150-1e9ebdaa
この記事にトラックバックする(FC2ブログユーザー)

この記事へのトラックバック

▲PageTop

| HOME |

応援

ブログランキング・テンプレート部門に参加しています。押してくださると嬉しくて、励みになります（*＾＾*）
（このブログはリンクフリーです、貼るのも切るのもご自由にどうぞ）

カレンダー

11 | 2023/12 | 01
日	月	火	水	木	金	土
-	-	-	-	-	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	-	-	-	-	-	-

Tree-Comment

ブログ検索

テンプレ作成用便利LINK

※（FC2公式）最新障害情報・メンテナンス情報ブログ

管理者ページ

折り畳み式アーカイブ

ページ移動

訪問者数

無料カウンター
BLOG開設日 2006/12/28～

プロフィール

どこドア

Author:どこドア
夫と2人暮らしの兼業主婦。いつまで続くかは未知数ですが、今のマイブームはテンプレ作成♪
サイト歴は約6年ありますが、テーブルレイアウトに頼ってきたため、CSSによるレイアウト歴は1年ちょいです。XHTMLや素材作成にもテンプレ作成を期に初挑戦しました。
基本的に軽くて、見た目でちょっと楽しげな気分になれて、初心者でも使いやすく、閲覧者にも親切なテンプレを作りたいと思っています。
他にサイトやBLOGもやっているので、ここではテンプレ関連に絞ってます。

NAME
TITLE
MAIL
URL
COMMENT
PASS	編集・削除するのに必要
SECRET	管理者だけにコメントを表示（現在非公開コメント投稿不可）

どこでもドアーズLabo

do_winter_2cの最新ソース

●お借りしました＾＾

●たぁこさんへ

●

●ようこどんさんへ

●承認待ちコメント

応援

カレンダー

最新の記事

Tree-Comment

カテゴリ

ブログ検索

テンプレ作成用便利LINK

折り畳み式アーカイブ

ページ移動

訪問者数

プロフィール

文字の拡大・縮小

Blog pet

最近のトラックバック

NewMark

日	月	火	水	木	金	土
-	-	-	-	-	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	-	-	-	-	-	-

日	月	火	水	木	金	土
-	-	-	-	-	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	-	-	-	-	-	-

日	月	火	水	木	金	土
-	-	-	-	-	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	-	-	-	-	-	-