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

2008年07月 06月≪ 12345678910111213141516171819202122232425262728293031≫08月

2007.08.28 (Tue)

do_wing_blueの3カラム版ソース

リクエストのあったdo_wing_blue_2cの3カラム版のHTMLとスタイルシートです。
3カラム版はこんな感じになります。

・WIN・XPにて、IE5.5、IE6、IE7、FIREFOX、ネスケ、OPERAの最新版で動作・表示確認済。MAC用ブラウザは、スクリーンショットの表示のみ確認。
・アダルトで利益の出るブログと違法ブログは使用不可。
・ソース・素材ともカスタマイズ可ですが、再配布は不可です。
・著作権部分やFC2の広告の削除・改変不可

ご希望の方は、適当なテンプレを複製して、テンプレートの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>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="author" content="<%author_name>" />
<meta name="description" content="<%introduction>" />

<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="header">
<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>
<h1 id="pagetop"><a href="<%url>"><%blog_name></a></h1>
<p class="intro"><%introduction></p>

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

<div id="left_and_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">


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



<h2 class="entry_title">
<a href="<%topentry_link>" name="entry<%topentry_no>" id="<%topentry_no>" title="この記事を開く"><%topentry_title>&nbsp;</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>

</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">
<div class="p3_title">All Titlelist&nbsp;【全記事一覧】</div>

<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 />
<div class="entry_state"><a href="#pagetop">▲PageTop</a></div>
</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>


<h3 class="ct_title">
<a id="comment<%comment_no>" name="comment<%comment_no>"></a>●<%comment_title></h3>
<div class="comment_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>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<div class="comment_body">
<table class="c_table" border="0" align="center" cellpadding="8" cellspacing="0">

<tr><td width="65"><label for="name">NAME</label></td>
<td width="300"><input id="name" type="text" name="comment[name]" size="30" class="form_text" value="<%cookie_name>" />
</td></tr>
<tr><td><label for="subject">TITLE</label></td>
<td><input id="subject" type="text" name="comment[title]" size="30" class="form_text" /></td></tr>
<tr><td><label for="mail">MAIL</label></td>
<td><input id="mail" type="text" name="comment[mail]" size="30" class="form_text" value="<%cookie_mail>" />
</td></tr>
<tr><td>URL</td>
<td><input id="url" type="text" name="comment[url]" size="30" class="form_text" value="<%cookie_url>" />
</td></tr>
<tr><td>COMMENT</td>
<td><script type="text/javascript" src="http://blog85.fc2.com/load.js"></script><br />
<textarea id="comment" cols="40" rows="11" name="comment[body]" class="form_textarea" ></textarea>
</td></tr>
<tr><td>PASS</td>
<td><input id="pass" type="password" name="comment[pass]" size="17" class="form_pass" />
&nbsp;編集・削除するのに必要
</td></tr>
<tr><td>SECRET</td>
<td><input id="himitu" type="checkbox" name="comment[himitu]" class="form_cheack" />
&nbsp;管理者だけにコメントを表示<br />
&nbsp;（非公開コメント投稿可能）
&nbsp;（現在非公開コメント投稿不可）
</td></tr>
<tr><td>&nbsp;</td>
<td><input type="submit" value="送信" class="form_button" /></td>
</tr></table>
</div>
</form>
<p class="ptop"><a href="#pagetop" title="このページの上へ">▲PageTop</a></p>
</div>

<div class="entry_block">
<p class="p3_title">コメントを編集する</p>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />

<div compact="compact" class="comment_body">
<table class="c_table" border="0" align="center" cellpadding="8" cellspacing="0">
<tr><td width="65">NAME</td>
<td width="300"><input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>" class="form_text" /></td></tr>
<tr><td>TITLE</td>
<td><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>" class="form_text" /></td></tr>
<tr><td>MAIL</td>
<td><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>" class="form_text" /></td></tr>
<tr><td><label for="url">URL</label></td>
<td><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>" class="form_text" /></td></tr>
<tr><td>COMMENT</td>
<td><script type="text/javascript" src="http://blog85.fc2.com/load.js"></script><br />
<textarea id="comment" cols="40" rows="11" name="edit[body]" class="form_textarea"><%edit_body></textarea>
</td></tr>
<tr><td>PASS</td>
<td><input id="pass" type="password" name="edit[pass]" size="20" class="form_pass" />
</td></tr>
<tr><td>SECRET</td>
<td><input id="himitu" type="checkbox" name="edit[himitu]" class="mainform_cheack" />
&nbsp;管理者だけにコメントを表示<br />
&nbsp;（非公開コメント投稿可能）
&nbsp;（現在非公開コメント投稿不可）
</td></tr>
<tr><td>&nbsp;</td>
<td><input type="submit" value="送信" class="mainform_button" />
<input type="submit" name="edit[delete]" value="削除" class="mainform_button" /></td></tr>
</table>

</div>
</form>
</div>

<div class="entry_block">

<p class="p3_title"><a name="trackbacktop" id="trackbacktop"></a>Trackback</p>

<p class="entry_title">この記事のトラックバックURL</p>
<div class="tra_body">
→<%trackback_url>
<br />
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a><br />
</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="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 class="menu_block">
<div class="mtop"><img src="http://blog-imgs-14.fc2.com/d/o/k/dokode/menuhanetop.gif" width="190" height="28" border="0" /></div>


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

</div>

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

<h4 class="menu_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></h4>
<div class="right_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&nbsp;&copy;&nbsp;<%blog_name>&nbsp;all&nbsp;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はトップページの記事の上に来るように設定しています。
・アダルト・宗教・違法サイトは使用不可。
・カスタマイズ可ですが、カスタマイズ後も再配布や著作権の削除と改変は不可です。
・IE5.01 IE5.5 IE6 IE7とOPERAとFireFoxとNetscapeの最新版で動作・表示確認しています。

何かあれば下記へどうぞ　
http://dokode.blog87.fc2.com/
by どこドア
2007年8月28日配布開始　最新版08年4月22日 */

/* ---------------------------------------
▼画面全体
---------------------------------------- */
/* 初期化 */
* {
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; /* 画面全体のフォント指定 */
color:#003; /* 画面全体の文字色 */
font-size:12px; /* 文字サイズ */
line-height:140%; /* 行間 */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/haneyokokabe840.gif); /* 背景画像のURL */
background-position:center top; /* 背景画像の位置 */
background-repeat:repeat-y; /* 画像を縦にリピート */
background-color:#003; /* 画面背景の色 */
margin:0;
padding:0;
}

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

/* ヘッダー */
#header {
width:840px; /* ヘッダーの幅 */
height:230px; /* ヘッダーの高さ */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/banawingb840.jpg); /* ヘッダーの背景URL */
background-repeat:no-repeat; /* 背景を繰り返さない */
background-position:center bottom; /* 中央下に配置 */
line-height:1.4; /* 行間 */
margin:0;
padding:0;
}

/* 左メニュー＋中央記事 */
#left_and_main {
float:left; /* 左に回り込む */
width:635px; /* 左メニュー＋中央記事(＋余白)の幅 */
margin:0;
padding:0;
}

/* 左メニュー囲み */
#left_block {
float:left; /* 左に回り込む */
text-align:left; /* 文字・左寄せ */
width:190px; /* 左メニューの幅 */
margin:0;
padding:0;
overflow:hidden; /* はみ出した部分を隠す */
}

/* 右メニュー囲み */
#right_block {
float:right; /* 右に回りこむ */
text-align:left; /* 文字・左寄せ */
width:190px; /* 右メニューの幅 */
margin:0;
padding:0;
overflow:hidden; /* はみ出した部分を隠す */
}

/* 中央メイン */
#main_block {
float:right; /*右寄せ*/
width:425px; /* 中央メインの幅 */
padding:0;
margin:0;
}

/* ---------------------------------------
▼リンク
---------------------------------------- */
/* 全体のリンク */
/* 未閲覧 */
a:link {
color:#669;
text-decoration:none; /* アンダーラインなし */
}
/* 閲覧済み */
a:visited {
color:#66c;
text-decoration:none;
}
/* カーソルを乗せた時・クリックした時 */
a:hover, a:active {
color:#996;
text-decoration:none;
}

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

/* 記事下データのリンク設定 */
.entry_state a:link, .entry_state a:visited {
color:#993;
text-decoration:none;
}
/* カーソルを乗せた時 */
.entry_state a:hover {
color:#99f;
text-decoration:none;
}

/* 記事タイトル・フッター・記事移動・ページ移動のカーソルを乗せた時 */
.entry_title a:hover, #footer a:hover, .navi a:hover, .pnavi a:hover {
background:#99f; /* 背景色 */
color:#fff; /* リンク色 */
text-decoration:none;
}

/* ---------------------------------------
▼ヘッダー
---------------------------------------- */
/* 管理リンク */
.admin {
text-align:right; /* 右寄せ */
font-size:12px;
font-family:Arial,Helvetica; /* 文字種類 */
color:#009; /* 文字色 */
padding:4px 15px 0;
margin:0;
}

/*ブログタイトル*/
#header h1 {
text-align:center; /* 左寄せ */
font-family:Verdana,Chicago,Arial,Helvetica; /* 文字種類 */
font-size:17px; /* 文字サイズ */
font-weight: bolder; /* 文字太さ */
color:#ccc; /* 文字色 */
padding:45px 90px 0px 90px; /* タイトルの位置・上右下左の順に記述 */
margin:0;
}

/* ブログ説明 */
.intro {
text-align:center; /* 左寄せ */
font-size:13px; /* ブログ説明文の字の大きさ */
color:#ccf; /* ブログ説明文の色 */
font-weight:normal; /* ブログ説明文の字の太さ */
padding:10px 80px 0px 80px; /* 説明文の位置・上右下左の順に記述 */
margin:0 0 5px;
}

/* 横カレンダー */
.yoko_calender {
text-align:center; /* 中央寄せ */
font-family:Georgia,Helvetica,Arial; /* フォント指定 */
font-size:12px; /* 文字サイズ */
color:#ccc; /* 文字色 */
padding:2px 0;
margin:75px auto 5px; /* 位置、上・左右（中央にする）・下の順に記述 */
}

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

/* 横カレンダーのリンク */
.yoko_calender a:link,.yoko_calender a:visited {
text-decoration:none;
font-weight:bold; /* 太字 */
color:#99f; /* 文字色 */
}
/* クリックした時 */
.yoko_calender a:hover {
background:#cc9; /* 背景色 */
color:#003; /* 文字色 */
text-decoration:none;
}

/* ---------------------------------------
▼カレンダー
---------------------------------------- */
table.calender {
width:98%; /* プラグインカレンダーの幅、最大100%まで */
font-family:Georgia,Arial,Helvetica; /* 文字種類 */
font-size:12px; /* 文字サイズ */
color:#333; /* 文字色 */
}

.calender caption {
text-align:center;
}

.calender caption a {
font-weight:bold; /* リンクしてある月を太字に */
}

/* 日付け部分 */
.calender th, .calender td {
text-align:center;
font-weight:normal;
padding:0;
line-height:140%; /* 行間 */
}

/* 記事を書いた日のリンク設定 */
.calender td a:link, .calender td a:visited {
text-decoration:none;
font-weight:bold; /* 太字 */
color:#006; /* 文字色 */
background:#E6E6FA; /* 背景色 */
display:block;
}
/* カーソルを乗せた時の色 */
.calender td a:hover {
background:#cc9; /* 背景色 */
color:#003; /* 文字色 */
text-decoration: none;
}

/* 曜日表示部 */
.calender th {
padding-top:2px;
border-bottom:2px solid #ccc; /* 下にライン */
}

/* 土曜日 */
th#sat {
color:#00f;
border-bottom:2px solid #00f; /* 下にライン */
}
/* 日曜日 */
th#sun {
color:#c00;
border-bottom:2px solid #c00; /* 下にライン */
}

/* ---------------------------------------
▼中央メイン
---------------------------------------- */
/* 記事部分囲み */
.entry_block {
text-align:right;
border-collapse:collapse; /*余白をなしに*/
margin:30px 0 20px;
}

/* プラグイン3タイトル・コメント・トラバナビなど */
.p3_title {
text-align:left; /* 左寄せ */
font-size:13px; /* 文字サイズ */
color:#fff; /* 文字色 */
font-weight:bold; /* 文字の太さ */
font-family:Verdana,Chicago; /* フォント */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/enhanekon1.jpg); /* 背景画像URL */
background-repeat:no-repeat;
background-position:right; /* 画像の位置 */
background-color:#003; /* 背景色 */
border-bottom:3px double #fff; /* 下にライン */
padding:3px 5px;
margin:0;
}

/* 記事日付 */
.entry_day {
text-align:right; /* 右寄せ */
font-family:Verdana,Chicago; /* フォント指定 */
font-size:13px; /* 日付のサイズ */
color:#fff; /* 文字色 */
font-weight:bold; /* 文字の太さ */
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/enhanekon1.jpg); /* 画像URL */
background-repeat:no-repeat;
background-position:left; /* 画像の位置 */
background-color:#003; /* 背景色 */
border-bottom:3px double #fff; /* 下にライン */
padding:3px 5px;
margin:0;
}

/* 記事タイトル */
.entry_title {
text-align:left; /* 左寄せ */
font-size:13px; /* 文字サイズ */
font-weight:bold; /* 文字太さ */
color:#66c; /* 文字色 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/iconhaneao1.jpg) no-repeat left;
margin:0;
padding:5px 5px 5px 28px;
}

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

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

/* 記事本文下データ */
.entry_state {
text-align:right;
font-size:12px; /* 文字サイズ */
color:#666; /* 文字色 */
line-height:120%; /* 行間 */
margin:0;
padding:15px 10px 0;
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/enbottomwing1.gif); /* 背景画像のURL */
background-position:left top; /* 画像の位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
}

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

/* ---------------------------------------
▼ナビゲーション
---------------------------------------- */
/* 記事移動 */
.navi {
text-align:center;
color:#999; /* 文字色 */
font-size:12px; /* 文字の大きさ */
line-height:130%; /* 行間 */
padding:0;
margin:20px 0 30px;
}

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

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

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

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

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

/* コメントテーブル */
.c_table {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
}

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

/* トラックバック日付 */
.tra_date {
text-align:right; /* 右寄せ */
font-size:12px;
color:#999;
line-height:130%; /* 行間 */
margin:0 10px;
padding:2px 0;
}

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

/* メニュー上部 */
.mtop {
text-align:center;
margin:20px 0 5px;
padding:0;
}

/* メニュータイトル */
.menu_title {
text-align:center; /* 左寄せ */
font-size:12px; /* 文字サイズ */
font-weight:bold; /* 太字 */
color:#fff; /* 文字色 */
background:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/menukh190.jpg); /* 画像URL */
background-repeat:no-repeat;
background-position:right; /* 画像の位置 */
margin:0;
padding:4px 6px;
}

/* 左メニュー内枠 */
.left_body {
margin:0;
padding:0;
}
/* 右メニュー内枠 */
.right_body {
margin:0;
padding:0;
}

/* メニュー文字 */
.menu_text {
text-align:left; /* 左寄せ */
font-size:12px; /* リスト等の文字サイズ */
color:#003;
line-height:140%; /* 行間 */
padding:5px 0;
}

.menu_text p {
text-align:left; /* 左寄せ */
font-size:12px; /* リスト以外の文字サイズ */
color:#003; /* メニューの文字色 */
margin:4px;
}

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

/* メニューリスト子要素 */
.left_body li, .right_body li{
text-align:left;
font-size:12px; /*リストの字の大きさ*/
color:#999; 
padding:0 0 5px 15px;
text-decoration:none;
background: url(http://blog-imgs-14.fc2.com/d/o/k/dokode/iconkirabg3.gif) no-repeat;
}

/* ---------------------------------------
▼フッター
---------------------------------------- */
#footer {
clear:both; /* 回り込み解除 */
text-align:center;
font-size:12px;
color:#666;
line-height:150%;
background-image:url(http://blog-imgs-14.fc2.com/d/o/k/dokode/enbottomwing1.gif); /* 背景画像のURL */
background-position:left top; /* 画像の位置 */
background-repeat:repeat-x; /* 画像を横にリピート */
margin:0;
padding:15px 5px 0;
}

/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* 投稿フォーム */
form {
padding:0;
margin:0;
}
/* 名前・メール・URL・タイトル等記入欄 */
.form_text {
width:250px !important; /* 幅 */
}
/* コメント記入欄 */
.form_textarea {
width:300px !important;
}
/* 送信・削除ボタン */
.form_button {
width:40px !important;
}

/*  検索・フォーム・ボタン等全般 */
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:#000; /* 文字色 */
background:#E6E6FA; /* 背景色 */
border:1px solid #003; /* ラインで囲んでいます */
padding:1px;
margin:3px 0;
}

/* ---------------------------------------
▼その他
---------------------------------------- */
/* 引用 */
blockquote {
text-align:left; /* 左寄せ */
font-size:12px; /* 文字サイズ */
color:#003; /* 文字色 */
background:#E6E6FA; /* 背景色 */
border:1px dotted #ccf; /* ラインで囲んでいます */
margin:5px 10px;
padding:10px;
}

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

/* リスト全般 */
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 #666;
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;
}

23:36 | 別カラムのソース | TB(0) | CM(17) | EDIT | Top↑

≪コメントレスと作成中テンプレ | HOME | do_re_sky2の3カラム版のソース≫

Comment

使わせていただきます。

まだ、初心者なのですが、感謝の気持ちを伝えたくて…ありがとうございます。

名もなき人 | 2007年08月31日(金) 03:09 | URL 【コメント編集】

>名もなき人さん

お役に立ったようで、嬉しいです(^-^)
こちらこそ、わざわざありがとうございましたｖ

どこドア | 2007年09月01日(土) 23:14 | URL 【コメント編集】

あの、マウスポインターの変え方教えていただけませんか？テンプレートは、どこドア様のをお借りしています。
初心者で、すみません。

菜々りん | 2007年09月03日(月) 13:56 | URL 【コメント編集】

初めまして♪

こんにちは(*^^*)
この度、どこドア様のテンプレートを使用させてもらっているmyupo(香り美人)と言いますm(_ _"m)
とても可愛くて素敵でお借りしています♪
そこでなのですが・・
記事上にフリースペースを作る事はできますか？
初心者同然なので、ｲﾛｲﾛ見ているのですが
わかりません(●￣▽￣●;)ゞぽりぽり

使用しているテンプレートは
do_rose_butterfly3cです。
お忙しいとは思いますが、お返事の方
よろしくお願いしますm(_ _"m)

香り美人 | 2007年09月03日(月) 16:32 | URL 【コメント編集】

カーソルは個人的には基本の形が一番ですが……

＞菜々りんさん
マウスポインターの形を、基本のものから矢印やハテナなどに変えたいのでしょうか？

ページ全体を変えたい、マウスオーバーの時だけ変えたい等々、様々なケースがありますので、どのようにしたいかがはっきりしないと、一口には答えられません～。
詳しいことは「ポインタ　タグ」「カーソル　タグ」あたりで検索して、ご自分に必要なタグを探して、スタイルシートに追加してくださいね。
（そこまで絞り込めても、なおどこに挿入していいかわからないとなったら、またお聞きください）。

またカーソルを画像にしたいのでしたら、ご自分でcurファイルやaniファイルを用意してくださいませ。
……申し訳ありませんが、実は個人的にマウスの形状を変えるのも、マウスストーカーの類も苦手でして（使っているサイトには行きたくなくなるくらい苦手なんです；；　お使いになる場合は、そういう人間も結構いるということを考慮してくださいませ；）、こちらで、それ用の画像を用意する等は行っておりませんので……。

テンプレは今お使いになっているdo_lovepinkでしたら、イチゴヒメ様以外の素材屋様の画像を使った場合は、お手数ですが、その旨、フッターに追加してください。

他のテンプレの私の素材でしたら、画像を加工したり流用して、ポインタにするのは構いません（その際も、使うのは私のテンプレだけにしてくださいね）。

（一番簡単な方法……共有プラグインにもマウスストーカーがいくつかありますので、それをプラグインに追加するだけでも出来ますよ）。

どこドア | 2007年09月03日(月) 23:28 | URL 【コメント編集】

記事上のフリースペース

＞香り美人さん

テンプレ気に入ってくださって、ありがとうございます＾＾

今回のご質問は、どのテンプレでも共通のことなので、ここで答えてしまいますが、各テンプレにはそれぞれ個別記事がありますので、これからはそちらの方にお願いしますね～。
ご質問いただいた、記事の上にあるフリースペースにあるメニューの「テンプレ一覧」からいけますので。

で、ご質問のフリースペースは、私のテンプレの場合は、プラグイン3を記事上に設定していますので、管理者ページでプラグインのフリースペースを追加し、場所を3に設定すればOKですよ♪

どこドア | 2007年09月03日(月) 23:36 | URL 【コメント編集】

おはようございます

すいませんm(_ _"m)
これから気をつけます。

お返事ありがとうございました。
やってみます!!!

香り美人 | 2007年09月04日(火) 09:14 | URL 【コメント編集】

頑張ってください！

＞香り美人さん

テンプレ製作者によって、HTMLにフリーエリアを設定してあったり、もちろん何もなかったりと色々なので、知らない方には、わかりづらいかもですねー。
（もちろん、なくても、必要であれば、カスタマイズできるテンプレなら、自分で設定してしまえばいいんですが）。

一応、私のテンプレのソースには、目立つようにと思って、スタイルシートの冒頭に、テンプレの特徴として、注釈はつけてあるのですが、わかりづらいかなあ……。

そして、プラグインについて何かわからないことがあったら、公式マニュアル
http://fc2blogmanual.blog60.fc2.com/
の「プラグインを設定してみよう」のコーナーを読むといいかもです。

どこドア | 2007年09月04日(火) 22:31 | URL 【コメント編集】

初めまして

まだまだ初心者なのですが・・・・
今まで使っていた（お借りしていた）テンプレが消えてしまい、
ＦＣ２様に問い合わせたら「新しくした方が・・」との事で、
ただいまテンプレ探しにバタバタしてますｗ
で♪
do_wing_blue２←の３が見つからなかったので、
↑
をソースをまんま貼り付けて編集しましたが、
そういう形で、使わせて頂いてもよろしいでしょうか？

長々と駄文で申し訳ございません｡:ﾟ(｡ﾉω＼｡)ﾟ･｡

ぽん | 2007年09月04日(火) 22:59 | URL 【コメント編集】

ぽんさんへ

do_wing_blue2cが必要なら、共有に登録してありますので、その名前で検索すれば出てきますよ。
（doだけで検索して、何か私のテンプレが出てきたら、そこから他の登録テンプレを探すという手もあります）。

3カラム版は、部分的なカスタマイズ用のソースではなく、ソースすべてを配布しているので、元になるテンプレは、何でも構いませんよー。
適当なテンプレをダウンロードしてもいいし、手持ちのものを複製で増やしてもいいです。
いったんそのソースは全部真っ白に消してもらい、すべてを置き換えるわけですから。
（テンプレを1から作成する場合でも、このようにします）。
ファイル名が元のままで気になるということでしたら、その入れ替えたテンプレの名をdo_wing_blue3cと変更しておいてください。
でも共有に登録するわけでもないので、名前変更は、わかりにくくなければ、しなくてもいいですよ。
ソースを見れば誰のものかわかるので、何かご質問等あれば、そこからここに来れると思いますし……。

……ところで、ご質問の意味とあってますか？　この回答；
何か私が勘違いしていたら、もう一度ご質問お願いしますね(;^_^A

どこドア | 2007年09月05日(水) 00:31 | URL 【コメント編集】

(TдT)ｱﾘｶﾞﾄｳございます～

(ﾟДﾟ)ﾉｧｨ

do_wing_blue2cを、共有からＤＬさせて頂いて、
全部　編集で消してから、今回のソース？　をすべて貼り付けました♪

ありがとうございましたヽ(〃▽〃 )ﾉ

(人-)謝謝(-人)謝謝

どこドアさんの1/100でも知識が欲しい。。。。無理( ﾟ∀ﾟ)･∵. ｸﾞﾊｯ!!

失礼致します。

|彡ｻｯ

ぽん | 2007年09月05日(水) 11:39 | URL 【コメント編集】

どうもありがとうございました。
マウスストーカーやってみます！！
（お礼文、短くてすみません；；

菜々りん | 2007年09月07日(金) 17:16 | URL 【コメント編集】

レスです

＞ぽんさん
ソースを部分的にカスタマイズするので、ベースになるものが必要な時とは違い、すべて置き換えるのであれば、元のテンプレは何でも構わないんですよー。
すべてを置き換えるのなら、特にdo_wing_blue2cである必要はなかったんですが、それだと、テンプレ名を変えるのが楽になるからいいのかな……？　変えなくてもわかりやすいですしね(;^_^A

知識……ぐはっ、私も尊敬するテンプレ作家さんたちの爪の垢を煎じて呑みたいと常々思ってますよー＞＜；

＞奈々りんさん
あんまりお役に立てずすみません（;´▽｀A``

どこドア | 2007年09月08日(土) 00:06 | URL 【コメント編集】

ステキ！

初めまして☆
どこドアさんのテンプレートはどれもステキですね！
do_wing_blueは2カラムも気に入ってますが、3カラムもイイですね～。さっそくソースを拝借しました。
これからもステキなテンプレートを作って、私たちを楽しませてくださいね！

はるね | 2008年04月27日(日) 00:57 | URL 【コメント編集】

はるねさんへ

テンプレート気に入ってくださって、嬉しいです(^-^)

お役に立てたようでよかったです。
また何かお気に召したものがあれば、よろしくお願いしますｖ

どこ | 2008年04月27日(日) 10:24 | URL 【コメント編集】

初めまして

初めまして、百合原澪です
テンプレートカスタム(2カラムから3カラム)をしてみました！！
うまくいきました！！
私がお借りしているテンプレートの25%はどこドアさんが作られたものです。
これからもがんばってください！！

百合原澪 | 2008年06月11日(水) 22:29 | URL 【コメント編集】

百合原澪さんへ

このテンプレをカスタマイズで2カラム→3カラムにするには、何箇所も素材を作り変えないとならず、元データを持っている私以外は無理そうなので、カスタマイズじゃなくて、おそらくコピペしたと思うのですが、うまくいったようでよかったです(^-^)

テンプレ使っていただけて嬉しいですｖ
また使っていただけるようなテンプレ作れるよう、頑張りますねー。
百合原澪さんもブログ運営頑張ってくださいね♪

どこ | 2008年06月12日(木) 00:18 | URL 【コメント編集】

コメントを投稿する

▲PageTop

Trackback

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

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

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

▲PageTop

| HOME |

応援

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

カレンダー

06 | 2008/07 | 08
日	月	火	水	木	金	土
-	-	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

プロフィール

どこドア

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

Blog pet

折り畳み式アーカイブ

ブログ検索

テンプレ作成用便利LINK

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

どこでもドアーズLabo

do_wing_blueの3カラム版ソース

応援

カレンダー

最新の記事

Tree-Comment

プロフィール

Blog pet

カテゴリ

折り畳み式アーカイブ

ブログ検索

テンプレ作成用便利LINK

最近のトラックバック

ページ移動

訪問者数

文字の拡大・縮小

NewMark