どこでもドアーズLabo do_heart_br_2cの3カラム版ソース

2008.01/28 （Mon）

do_heart_br_2cの3カラム版ソース

まずは拍手レスです。
よっしぃーさん、ユカリックさん、メッセージどうもありがとうございました（*＾▽＾*）
VDの贈り物をもらったように嬉しい気持ちです

そして、予告していたdo_heart_br_2cの3カラム版ソースを配布します。

3カラム見本
ソースは追記部分に載せていますので、ご覧になってください

IE5.5、IE6、IE7、FIREFOX、OPERA、ネットスケープ最新版で動作・表示確認済。MAC・SAFARIはネット上のサービスで、表示のみ確認しています。
ソースはカスタマイズOKですが、カスタマイズ後も再配布不可です。
画像の加工もOKですが、加工後も再配布は不可です。私のテンプレ以外では使わないでください。
使用条件は、アダルトで利益の出るBLOGと違法サイト以外ならOKです。

記事部分の幅は簡単に増減できますので、スタイルシートに入れた説明を見てください。
その際気になる方は、この記事を参照して、記事の下部分にあるデータやコメントの区切りに使っている画像の表示位置を適当に調整してください。

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

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

【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>

<div id="layout">

<div id="left_and_main">

<div id="main_block">

<div id="header">
<h1 id="pagetop"><a href="<%url>"><%blog_name></a></h1>
<p class="intro"><%introduction></p>

</div>

<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">

<p class="entry_day">
<%topentry_year>.<%topentry_month>.<%topentry_day>&nbsp;(<%topentry_youbi>)</p>


<h2 class="entry_title">
<a href="<%topentry_link>" title="この記事を開く"><%topentry_title></a></h2>


<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>【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>

<div class="entry_block">
<p class="p3_title">All Titlelist&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">▲PageTop</a></p>
</div>

</div>

<div class="navi">

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

&nbsp;|&nbsp;<a href="<%url>">HOME</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="40" /></dd>
<dt><label for="name">Title</label></dt>
<dd><input id="subject" type="text" name="comment[title]" size="40" /></dd>
<dt><label for="mail">Mail</label></dt>
<dd><input id="mail" type="text" name="comment[mail]" value="<%cookie_mail>" size="40" /></dd>
<dt><label for="url">URL</label></dt>
<dd><input id="url" type="text" name="comment[url]" value="<%cookie_url>" size="40" /></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="40" rows="10"></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;管理者だけに表示<br />
&nbsp;（非公開コメント投稿可能）

&nbsp;（現在非公開コメント投稿不可）
</dd></dl>
<p class="form-btn"><input type="submit" value="送信" /></p>
</form>

</div>

<p class="ptop"><a href="#pagetop" title="このページの上へ">▲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="40" /></dd>
<dt><label for="name">Title</label></dt>
<dd><input id="subject" type="text" name="edit[title]" value="<%edit_title>" size="40" /></dd>
<dt><label for="mail">Mail</label></dt>
<dd><input id="mail" type="text" name="edit[mail]" value="<%edit_mail>" size="40" /></dd>
<dt><label for="url">URL</label></dt>
<dd><input id="url" type="text" name="edit[url]" value="<%edit_url>" size="40" /></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="40" rows="10"><%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;（非公開コメント投稿可能）
&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 name="trackbacktop" id="trackbacktop"></a>Trackback</p>
<p class="ct_navi">この記事のトラックバックURL</p>
<div class="tra_url">
→<%trackback_url><br /><br />
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a></div>
<p class="ct_navi">この記事へのトラックバック</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="ptop"><a href="#pagetop" title="このページの上へ">▲PageTop</a></p>
</div>

<div class="pnavi">

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

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

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

</div>

</div>

<div id="left_block">

<div id="menutop">

<p class="admin">
<a href="<%url>?all" target="_self" title="全記事リストへ">*All&nbsp;archives</a>
&nbsp;&nbsp;
<a href="<%server_url>control.php" title="管理者ページへ">*Admin</a></p>

</div>

<p class="menu_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></p>
<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>

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

</div>
</div>

<div id="right_block">

</div>

</div>

</body>
</html>

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

@charset "EUC-JP";

/* ダウンロードしてくださって、ありがとうございます。
・プラグイン1は左メニュー、プラグイン2は右メニュー、プラグイン3はトップページの記事の上に来るように設定しています。
・背景画像は黒系や赤系の市松模様にもできます。bodyの設定を見てください。
・記事幅変更は簡単に出来ます。
・アダルト・宗教・違法サイトは使用不可。
・カスタマイズ可ですが、カスタマイズ後もソース・素材とも再配布やフッターの著作権削除・改変は不可です。
・IE5.5 IE6 IE7 OPERA9 FireFox2 Netscape7で動作・表示確認しています。

by どこドア
2008年1月28日配布開始、08年4月22日最終更新

何かあれば、http://dokode.blog87.fc2.com/へ */

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

body {
text-align:center; /* IEのみバグを利用して中央に配置 */
color:#000; /* 画面全体の文字色 */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; /* 画面全体のフォント指定 */
background-image:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/kabegbryouim1.gif); /* 背景画像のURL（kabegbryouim1.gifを kabegbryouim2.gifに書き換えると、黒系に、3にすると赤系になります） */
background-attachment:fixed; /* 背景画像を固定 */
font-size:12px; /* 画面全体の文字サイズ */
background-color:#ccc; /* 画面背景の色 */
line-height:130%; /* 行間 */
margin:0;
padding:0;
}

/* ---------------------------------------
▼各部の幅
---------------------------------------- */
/* 左右メニュー＋中央記事（全体レイアウト） */
#layout {
width:860px; /* 左右メニュー＋中央記事の幅 */
margin:0 auto; /* 左右マージンを自動算出してセンタリング */
padding:0;
}

/* 左メニュー＋中央記事 */
#left_and_main {
float:left;
width:635px; /*左メニュー＋中央記事の幅*/
margin:0;
padding:0;
}

/* 左メニュー囲み */
#left_block {
float:left;
text-align:left;
width:210px; /* 左メニューの幅 */
background-color:#fff; /* 背景の色 */
margin:0;
padding:0 0 10px;
overflow:hidden; /* はみ出した部分を隠す */
}

/* 右メニュー囲み */
#right_block {
float:right;
text-align:left;
width:210px; /* 右メニューの幅 */
background-color:#fff; /* 背景の色 */
margin:0;
padding:0 0 10px;
overflow:hidden; /* はみ出した部分を隠す */
}

/* 中央メイン */
#main_block {
float:right; /*右寄せ*/
width:410px; /* 中央メインの幅 */
background-color:#fff; /* 背景の色 */
padding:0;
margin:0;
}

/* ヘッダー */
#header {
text-align:left; /* 文字・左寄せ */
height :115px; /* ヘッダーの高さ */
font-family:Verdana,Chicago; /* フォント */
line-height:1.4; /* 行間 */
background-image:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/banalacebh.gif); /* 画像のURL */
background-position:left top; /* 画像位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
background-color:#fff; /* 背景の色 */
margin:0;
padding:0;
}

/* ---------------------------------------
▼ヘッダー
---------------------------------------- */
/* ブログタイトル */
#header h1 {
text-align:center; /* 中央寄せ */
font-family:Verdana,Chicago; /* 文字種類 */
font-size:17px; /* 文字サイズ */
font-weight:bolder; /* 字の太さ */
color:#c00; /* 文字色 */
margin:0;
padding:12px 15px 5px 0px; /* ブログタイトルの位置・上右下左の順に記述 */
}

/* ブログ説明 */
.intro {
text-align:center;
font-size:12px; /* 文字サイズ */
color:#eee; /* 文字色 */
font-weight:normal; /* 文字の太さ */
margin:0;
padding:10px 15px 10px 15px;/* ブログ説明文の位置・上右下左の順に記述 */
}

/* ---------------------------------------
▼リンク
---------------------------------------- */
/* 画面全体のリンク */
/* 未閲覧のリンク */
a:link {
color:#000; /* 文字色 */
text-decoration:none; /* 下線をなしに */
}
/* 閲覧済リンク */
a:visited {
color:#000;
text-decoration:none;
}
/* カーソルが乗った時 */
a:hover{
color:#c00;
text-decoration:none;
}
/* クリック中 */
a:active{
color:#999;
text-decoration:none;
}

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

/* メイン（記事部）のリンク */
/* 未閲覧のリンク色 */
#main_block a:link {
color:#c00; /* リンク色 */
text-decoration:none; /* 下線をなしに */
}
/* 閲覧済リンク */
#main_block a:visited {
color:#c00;
text-decoration:none;
}
/* カーソルが乗った時 */
#main_block a:hover {
color:#999;
text-decoration:none;
}

/* フッターのリンク */
#menubottom a:link, #menubottom a:visited {
color:#c00; /* リンク色 */
text-decoration:none; /* 下線をなしに */
}
/* カーソルが乗った時 */
#menubottom a:hover {
color:#999;
text-decoration:none;
}

/* ---------------------------------------
▼プラグインカレンダー
---------------------------------------- */
/* カレンダーのテーブル設定 */
table.calender {
width:97%; /* 幅 */
font-family:Georgia,Verdana,Chicago,Arial,Helvetica,sans-serif; /* 文字の種類 */
font-size:11px; /* 文字サイズ */
border-collapse:collapse;
}

/* カレンダー見出し（月リンク部） */
.calender caption {
margin-bottom:10px;
}
caption a {
font-weight:bold; /* リンクを太字に */
}

/* 曜日表示部 */
.calender th {
text-align:center;
font-weight:normal; /* 文字の太さ */
padding:0.1em;
border-bottom:1px dotted #ccc; /* 下にライン */
}

/* カレンダーのセル部分（日付表示部分） */
.calender td {
text-align:center;
padding:0.1em;
border-bottom:1px dotted #ccc;
}

/* カレンダーリンク */
/* 未閲覧・閲覧済み */
.calender td a:link, .calender td a:visited {
color:#c00; /* 文字色 */
background:#eee; /* 背景色 */
display:block;
text-decoration:none;
}
/* カーソルを乗せた時 */
.calender td a:hover {
background:#c00;
color:#fff;
text-decoration:none;
display:block;
}

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

/* ---------------------------------------
▼エントリー（記事）
---------------------------------------- */
/* 記事囲み */
.entry_block {
text-align:left;
border-collapse:collapse; /* 余白をなしに */
margin:10px 0 30px;
padding:0;
}

/* プラグイン3タイトルとコメント・トラックバックのナビ */
.p3_title {
font-size:14px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
color:#c00; /* 文字色 */
font-family:Verdana,Chicago; /* 文字種類 */
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/iconhtrbwen1.jpg) no-repeat left; /* アイコンの設定 */
margin:0 10px 10px;
padding:6px 0 4px 31px;
}

/* 記事日付 */
.entry_day {
text-align:right;
font-family:Georgia,Verdana,Chicago,Arial,Helvetica,sans-serif;
font-size:19px; /* 文字サイズ */
color:#999; /* 文字色 */
font-weight:bold; /* 文字の太さ */
margin:0;
padding:0 15px;
}

/* 記事タイトルとコメントナビ */
.entry_title {
text-align:left; /* 左寄せ */
font-size:13px;
color:#c00;
font-weight:bold;
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/iconhtrbwen1.jpg) no-repeat left; /*アイコンの設定 */
margin:0 15px;
padding:10px 15px 10px 31px;
}

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

/* 続きを読む */
.more {
text-align:left; /* 左寄せ */
font-weight:normal; /* 文字太さ */
font-family:Verdana,Chicago; /* フォント種類 */
color:#c00; /* 文字色 */
margin:10px 0 5px;
}

/* 記事の投稿先テーマ・ジャンル */
.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; /* 文字色 */
background-image:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/linehtb1.gif); /* 背景画像のURL */
background-position:left top; /* 画像位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
margin:0 8px 5px 7px;/* 余白（画像位置）、上・右・下・左の順に記述 */
padding:15px 5px 5px;
}

/* ---------------------------------------
▼全記事リスト
---------------------------------------- */
.all_body {
text-align:left;
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:140%; /* 行間 */
margin:0;
padding:5px 10px;
}
.all_bottom {
text-align:right; /* 右寄せ */
font-size:11px;
color:#666;
font-family:Verdana,Chicago; /* 文字の種類 */
border-top:1px dotted #999;
margin:5px 10px 0;
padding:2px 8px;
}

/* ---------------------------------------
▼ナビゲーション
---------------------------------------- */
/* 記事移動 */
.navi {
text-align:center;
font-size:12px; /* 文字サイズ */
color:#999; /* 文字色 */
line-height:130%; /* 行間 */
margin:10px 0 15px;
padding:0 10px;
}

/* 頁移動 */
.pnavi {
text-align:center; /* 中央寄せ */
font-family:Verdana,Chicago;
font-size:12px; /* 文字サイズ */
color:#999; /* 文字色 */
line-height:130%; /* 行間 */
margin:30px 0;
padding:0 10px;
}

/* 頁TOPへのリンク */
.ptop {
text-align:right; /* 右寄せ */
font-size:11px; /* 文字サイズ */
font-family:Verdana,Chicago; /* 文字の種類 */
color:#666; /* 文字色 */
margin:0;
padding:5px 15px;
}

/* ---------------------------------------
▼コメント
---------------------------------------- */
/* コメント・トラックバックの共通タイトル */
.ct_title {
text-align:left; /* 左寄せ */
font-size:13px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
color:#c00;/* 文字色 */
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/iconminirhbryou.gif) no-repeat left; /*アイコンの設定 */
margin:0 12px;
padding:5px 0 5px 17px;
}

/* コメント本文 */
.comment_body {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#000; /* 文字色 */
line-height:1.6; /* 行間 */
margin:0 15px;
padding:0;
}

/* コメント日付 */
.comment_date {
text-align:right; /* 右寄せ */
font-size:12px;
color:#666;
background-image:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/linehtb1.gif); /* 背景画像のURL */
background-position:left bottom; /* 画像位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
margin:0 7px 5px 8px; /* 余白（画像位置）、上・右・下・左の順に記述 */
padding:5px 5px 15px;
}

/* ---------------------------------------
▼トラックバック
---------------------------------------- */
/* トラックバックのナビ */
.ct_navi {
text-align:left; /* 左寄せ */
font-size:13px;
color:#000;
font-weight:bold;
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/iconminirhbryou.gif) no-repeat left; /*アイコンの設定 */
margin:0 15px;
padding:7px 15px 7px 17px;
}

/* トラックバックアドレス */
.tra_url {
text-align:left;
margin:0;
padding:4px 15px 20px;
}

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

/* トラックバック日付 */
.tra_date {
text-align:right;
font-size:12px;
color:#666;
margin:0;
padding:5px 15px 15px;
}

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* テキストエリア・フォーム等全般 */
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バグ回避用フォント指定 */
color:#000; /* 文字色 */
font-size:12px; /* 文字サイズ */
background-color:#fff; /* 背景色 */
border:#000 1px solid; /* ラインで囲んでいます */
margin:3px 0;
padding:1px;
}

/* ---------------------------------------
▼サイドメニュー（プラグイン1、2）
---------------------------------------- */
/* メニュートップ画像 */
#menutop {
text-align:left;
width :210px; /* 幅 */
height:191px; /* 高さ */
background-image: url(http://blog-imgs-18.fc2.com/d/o/k/dokode/banatophtbr210.jpg); /* ヘッダーの画像URL */
background-color: #fff;
background-repeat:no-repeat;
background-position:center top;
margin:0;
padding:0;
}

/* 管理リンク */
.admin {
text-align:center; /* 中央寄せ */
color:#900; /* 文字色 */
font-size:11px; /* 文字サイズ */
font-family:Georgia,Arial,Helvetica,sans-serif; /* 文字の種類 */
padding:5px 10px 0;
margin:0;
}

/* メニュータイトル */
.menu_title {
text-align:center;
font-size:12px; /* フォントのサイズ */
font-weight:bold; /* 太さ */
color:#fff; /* 色 */
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/menuhtbr200.jpg) no-repeat left; /* アイコンの設定 */
margin:10px 5px 5px;
padding:5px 6px 5px 20px;
}

/* メニュー内枠 */
.menu_body{
padding:0;
margin:0 5px 0 10px;
}

/* メニュー字 */
.menu_text{
text-align:left;
font-size:12px; /* 文字サイズ */
color:#000; /* 文字色 */
line-height:140%; /* 行間 */
margin:0;
padding:0;
}
.menu_text p{
text-align:left;
font-size:12px;
color:#000;
margin:0;
padding:0;
}

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

/* メニューリスト子要素 */
.menu_body li {
text-align:left;
font-size:12px; /* メニュー項目の字の大きさ */
color:#666; /* メニュー項目の字の色 */
text-decoration:none;
background:url(http://blog-imgs-18.fc2.com/d/o/k/dokode/listhtbryou1.gif) no-repeat left top; /* リストマークの設定 */
line-height:140%; /* 行間 */
border-bottom: 1px dotted #999; /* 下にライン */
margin:3px 0 0;
padding:0 0 0 14px;
}

/* FC2広告・著作権表示部 */
#menubottom {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#000; /* 文字色 */
line-height:150%; /* 行間 */
border-top:1px solid #c00; /* 上にライン */
padding:5px;
margin:10px 5px 0;
}

/* ---------------------------------------
▼その他各種設定
---------------------------------------- */
/* 引用文 */
blockquote {
color:#333; /* 文字色 */
font-size:12px; /* 文字サイズ */
background-color:#f5f5f5; /* 背景色 */
border:3px double #999; /* ラインで囲んでいます */
margin:5px 10px;
padding:5px 10px;
}

/* スクロール色指定（IEのみ有効）*/
html, body {
scrollbar-arrow-color:#f00;
scrollbar-face-color:#000;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#000;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#000;
scrollbar-darkshadow-color:#fff;
}

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

ol {
text-align:left;
margin-left:25px;
padding: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;
}

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

/* コード */
/* 記事中にプログラムコードなどを書く時に使います */
div.section pre {
margin:1em auto;
padding:0.5em;
border:1px solid #633;
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;
}

スポンサーサイト

19:37 | 別カラムのソース | TB(1) | CM(9) | EDIT | Top↑

≪文法チェッカーと駄目人間 | HOME | do_heart_br_2cが登録されましたｖ≫

Comment

●

はじめましてｗ　
早速ＤＬさせて頂いて３カラム仕様にさせて頂きましたｗ

どのテンプレも素敵で密かにファンですｗｗ
こっそり質問。。というか、要望・・的なものがあるんですが・・
do_wordofloveの感じがすごく好きなんですが、このテンプレの３カラム版があればー＞＜と思っております；
こんなお願い差し出がましいですが、もしよろしければ検討してやって頂ければと思います(｀･ω･´)ｼｬｷｰﾝ

これからも素敵なテンプレを楽しみにしておりますｗ

ゆーか | 2008.01.29(火) 09:36 | URL | 【編集】

●ゆーかさんへ

テンプレ使ってくださって、嬉しいです（*＾▽＾*）

do_wordofloveは記事部分の囲みに、別になくてもよかったんですが、画像枠を使ったので、3カラム化に尻込みしてたりします＞＜；
というのは、以前、3カラムで記事枠使ったdo_qp_dot_3c
http://dokode.blog87.fc2.com/?style2=do_qp_dot_3c&index
に記事枠を広げたいという要望がかなりあったので、記事幅がどうしても狭めになる3カラムで、どのサイズで作るかふんぎりがつかないんですよねー；
あまり広くしてしまうと全体サイズが大きくなりすぎて、閲覧者の環境を選んでしまうだろうし、狭すぎると画像貼る方から、またリクもらいそうだし……（そして、どのくらい幅を広げたいかは人それぞれなので、全部に応えてはいられないという面倒臭さが；）
その代わり、各人が記事幅変更を用途に応じて容易なdo_heart_br_3cを作ってみたりしたので、申し訳ありませんが、ハートもので3カラムが使いたい方は、こちらを使っていただけると嬉しかったりします(;^_^A

どこ | 2008.01.29(火) 22:35 | URL | 【編集】

●

お返事頂き誠にありがとぅございます＞ｗ＜
なるほどー、３カラムだと記事幅の要望があったりするんですねぇ・・

確かに人それぞれ好きなサイズ・使用しやすい形とかありますし、ひとつひとつ応えて行くのは出来ないですもんね！
了解致しましたｗ　またどこドアさんが作り易い３カラムverがあれば作ってやってくださぃｗ　楽しみにしております♪

ゆーか | 2008.01.30(水) 09:31 | URL | 【編集】

●ゆーかさんへ

了解していただけて嬉しいです(^-^)

優柔不断なもんですみませんです＞＜
お言葉に甘えて、作りたい♪　と思った時に作るって感じで、これからもやっていくと思いますので、よろしくお願い致します（;´▽｀A``
ゆーかさんもブログ運営頑張ってくださいね(^０^)／

どこ | 2008.01.31(木) 20:34 | URL | 【編集】

●

こんにちわ

待ちかねた３カラム版さっそくチャレンジしてみました
でも不安です

記事幅を２カラムのままにしておきたかったんで、説明見ながら変更してみたんですけどこれでいいのだろうかと・・・
お忙しいところ恐縮ですが、もしよかったら見ていただけると嬉しいです

おかしなところがあれば直したいとおもってます。

はるおと | 2008.02.03(日) 16:51 | URL | 【編集】

●はるおとさんへ

じっくり見たわけではないんですが；　3カラムベースに記事幅を2カラムと同じ幅に増やしただけなら、問題ないはずですー。

ところで、3カラムのソースは記事下のコメント数などが表示される部分や、コメントの区切りに使っている黒と赤のハートのラインを、3カラムで初期設定している記事幅に合わせて、マージンを設定しております。
2カラムと同幅にしたのでしたら、2カラムのスタイルシートを見て、
/* 記事下データ */と/* コメント日付 */
の、marginをそれぞれ2カラムと同じに書き換えると、きりがよいところで表示されるようになりますよ

気にならなければ、そのままでも構いませんが。

ところで、そちらの記事にもありましたが、FC2最近重いですよねー；；
画像やアクセス解析、プラグインや広告等を沢山入れればその分重くなるのは仕方ないんですが、このBLOGなんてせいぜいBlog petくらいしか重くなりそうなものはないのに、以前より重いと感じますもん＞＜
でも、よそのブログサービスはもっと重いのも多いし、FC2は以前はすごく軽かったので、移転はちょっと様子見で、今後に期待しましょう（;´▽｀A``

どこ | 2008.02.03(日) 18:30 | URL | 【編集】

●

はじめまして
とても素敵です。３カラムお借りします。

kurenai | 2008.02.17(日) 16:56 | URL | 【編集】

●kurenaiさんへ

コメントどうもありがとうございますｖ
気に入ってくださって、嬉しいです(＾▽＾)

どこ | 2008.02.17(日) 23:17 | URL | 【編集】

●承認待ちコメント

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

| 2013.02.13(水) 04:24 | | 【編集】

コメントを投稿する

▲PageTop

Trackback

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

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

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

管理人の承認後に表示されます

2017/01/02(月) 14:28:18 |

▲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_heart_br_2cの3カラム版ソース

●

●ゆーかさんへ

●

●ゆーかさんへ

●

●はるおとさんへ

●

●kurenaiさんへ

●承認待ちコメント

応援

カレンダー

最新の記事

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	-	-	-	-	-	-