*All archives* |  *Admin*

2017/05
<<04  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  06>>
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
ピンクハートのテンプレ
共有テンプレにて配布中の「tl_blueheart」のピンクver「pinkheart」作りました。
全体的にぼやっとしてますが(笑)
リンク色や文字色など見にくかったら、変更してくださいね。
素材は自作ですが、ハートの文字はカワイイダケジャ様からお借りしたフォントで作っているので二次加工・再配布はしないでくださいね。お願いします。

テンプレの申請はしてるのですが、承認されるまで2週間くらいかかると思います。
素材を入れ替え文字色とかの変更しました。
特に不具合はないと思うので、とりあえずこちらでHTMLとCSSのソースを配布します。
お急ぎの方は(って変な表現ですね;)追記部分からソースをコピペしてください。


一応、テンプレソースのコピペの仕方を簡単に。
まずどのテンプレでもいいので複製してください。
そしてHTMLとCSSを全て削除して、以下のソースをコピー&ペーストしてください。
コピペしたら更新ボタンをポチっとしてもらえればOKです。
テンプレートの名前も一緒に変更すると分かりやすいと思います。

ではpinkheartソースは続きからどうぞ♪

tl_pinkheartテンプレソース

★HTML

<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!--
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
テンプレート自体はHTML 4.01 Strictにて作成してありますので、必要に応じてDTDを差し替えて下さい
-->
<html 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><!--not_index_area--> <%sub_title><!--/not_index_area--></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="all" title="デフォルト">
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS">
<link rel="top" href="<%url>" title="トップ">
<link rel="start" href="<%url>" title="最初の記事">
<!--prevpage--><link rel="prev" href="<%prevpage_url>" title="前のページ"><!--/prevpage-->
<!--nextpage--><link rel="next" href="<%nextpage_url>" title="次のページ"><!--/nextpage-->
<!--preventry--><link rel="next" href="<%preventry_url>" title="<%preventry_title>"><!--/preventry-->
<!--nextentry--><link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>"><!--/nextentry-->
</head>
<body id="pagetop">
<!--▼アクセス解析 入れる場合はここから-->

<!--▲アクセス解析ここまで-->

<!--サイト全体-->
<div id="container"><!-- container -->

<!--左メインブロックここから-->
<div id="main_block" class="main"><!-- main_block -->

<!--ヘッダーここから-->
<div id="header"><!-- header -->
<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
<p><%introduction></p>
<p class="admin">
<a href="<%url>?all" title="全記事リストへ">*All archives*</a>&nbsp;|&nbsp;
<a href="<%server_url>control.php" title="管理ページトップ">*Admin*</a>
</p>
</div><!-- /header -->
<!--ヘッダーここまで-->

<!--▼横カレンダーここから-->
<div id="yokocalendar"><!-- yokocalendar -->
<a href="<%prev_month_link>">≪</a>&nbsp;<%now_year>/<%now_month>
<!--calender2-->
<span class="day"><%days></span>
<!--/calender2-->
<a href="<%next_month_link>">≫</a>
</div><!-- /yokocalendar -->
<!--▲横カレンダーここまで-->

<!--index_area--><!--プラグイン3を全てのページで表示する場合はこの一行を削除-->

<div class="contents">
<!--プラグイン3ここから-->
<!--plugin-->
<!--plugin_third-->
<div class="p3_block">
<div class="p3_title" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="p3_text" style="text-align:<%plugin_third_ialign>"><%plugin_third_description></div>
<div class="p3_body" style="text-align:<%plugin_third_align>"><%plugin_third_content></div>
<div class="p3_text" style="text-align:<%plugin_third_ialign>"><%plugin_third_description2></div>
</div>
<!--/plugin_third-->
<!--/plugin-->
<!-- プラグイン3ここまで-->
</div>

<!--/index_area--><!--プラグイン3を全てのページで表示する場合はこの一行を削除-->

<!--記事部分ここから-->
<!--not_titlelist_area-->
<!--not_search_area-->
<!--topentry-->
<div class="contents">
<div class="main_body" id="a<%topentry_no>"><!-- main_body -->
<!--▼記事日付ここから-->
<div class="entry_date"><%topentry_year>.<%topentry_month>.<%topentry_day></div>
<!--▲記事日付ここまで-->
<!--記事タイトル部分ここから-->
<div class="entry_title"><a href="<%topentry_link>" title="「<%topentry_title>」の永続的アドレス"><%topentry_title></a></div>
<!--記事タイトル部分ここまで-->
<!--記事本文部分ここから-->
<div class="entry_body">
<%topentry_body>
<!--more_link-->
<p class="entry_more"><a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">続きを読む &raquo;</a></p>
<!--/more_link-->
<!--more-->
<div class="more">
<%topentry_more>
</div>
<!--/more-->
<!--community-->
<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>
<!--/community-->
<!--topentry_tag-->
<p class="tag_lnk">タグ : <%topentry_jointtag></p>
<!--/topentry_tag-->
</div>
<!--記事本文部分ここまで-->
<!--記事フッター部分ここから-->
<div class="entry_footer">
<a href="<%topentry_category_link>" title="カテゴリ「<%topentry_category>」の記事一覧"><%topentry_category></a>
<!--allow_comment-->
&nbsp;|&nbsp;<a href="<%topentry_link>#comment" title="「<%topentry_title>」のコメント">CM : <%topentry_comment_num></a>
<!--/allow_comment-->
<!--deny_comment--><!--/deny_comment-->
<!--allow_tb-->
&nbsp;|&nbsp;<a href="<%topentry_link>#trackback" title="「<%topentry_title>」のトラックバック">TB : <%topentry_tb_num></a>
<!--/allow_tb-->
<!--deny_tb--><!--/deny_tb-->
&nbsp;|&nbsp;<a href="#pagetop" title="このページのトップへ">page top ▲</a>
</div>
<!--記事フッター部分ここまで-->

<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_tb_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->
</div><!-- /main_body -->
</div>
<!--/topentry-->
<!--/not_titlelist_area-->
<!--/not_search_area-->
<!--記事部分ここまで-->

<!--コメント部分ここから-->
<!--comment_area-->
<!--コメント投稿ここから-->
<div class="contents">
<div class="sub_header">コメントの投稿</div>
<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]" size="30" value="<%cookie_name>"></dd>
<dt><label for="name">Subject</label></dt>
<dd><input id="subject" name="comment[title]" type="text" size="30" value="No title" onblur="if(this.value == '') this.value='No title';" onfocus="if(this.value == 'No title') this.value='';"></dd>
<dt><label for="mail">Mail</label></dt>
<dd><input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>"></dd>
<dt><label for="url">URL</label></dt>
<dd><input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>"></dd>
<dt><label for="comment">Comment</label></dt>
<dd><textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea></dd>
<dt><label>Font &amp; Icon</label></dt>
<dd><script type="text/javascript" src="http://blog61.fc2.com/load.js"></script></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]">管理者にだけ表示を許可する
<!--accept_secret_comment-->&nbsp;(非公開コメント投稿可能)<!--/accept_secret_comment-->
<!--refuse_secret_comment-->&nbsp;(現在非公開コメント投稿不可)<!--/refuse_secret_comment-->
</dd>
</dl>
<p class="form_btn"><input type="submit" value="送信"></p>
</form>
</div>
<!--コメント投稿ここまで-->
<!--コメント表示ここから-->
<div class="contents">
<div id="comment" class="sub_header">コメント</div>
<!--comment-->
<div class="main_body" id="comment<%comment_no>">
<div class="ct_header"><%comment_title></div>
<div class="comment_body">
<%comment_body>
</div>
<div class="comment_footer">
<%comment_year>.<%comment_month>.<%comment_day>&nbsp;|&nbsp;<%comment_mail+name>&nbsp;|&nbsp;<%comment_url+str>[&nbsp;<a href="<%comment_edit_link>" title="コメントの編集">編集</a>&nbsp;]
</div>
</div>
<!--/comment-->
<div class="pagetop"><a href="#pagetop" title="このページのトップへ">page top ▲</a></div>
</div>
<!--コメント表示ここまで-->
<!--/comment_area-->
<!--コメント部分ここまで-->

<!--コメント編集ここから-->
<!--edit_area-->
<div class="contents">
<div class="sub_header">コメントの編集</div>
<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]" size="30" value="<%edit_name>"></dd>
<dt><label for="name">Subject</label></dt>
<dd><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>"></dd>
<dt><label for="mail">Mail</label></dt>
<dd><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"></dd>
<dt><label for="url">URI</label></dt>
<dd><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"></dd>
<dt><label for="comment">Comment</label></dt>
<dd><textarea id="comment" cols="50" rows="5" name="edit[body]"><%edit_body></textarea></dd>
<dt><label>Font &amp; Icon</label></dt>
<dd><script type="text/javascript" src="http://blog61.fc2.com/load.js"></script></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]">管理者にだけ表示を許可する
<!--accept_secret_comment-->&nbsp;(非公開コメント投稿可能)<!--/accept_secret_comment-->
<!--refuse_secret_comment-->&nbsp;(現在非公開コメント投稿不可)<!--/refuse_secret_comment-->
</dd>
</dl>
<p class="form_btn"><input type="submit" value="送信"><input type="submit" name="edit[delete]" value="削除"></p>
</form>
</div>
<!--/edit_area-->
<!--コメント編集ここまで-->

<!-- トラックバック部分ここから-->
<!--trackback_area-->
<div class="contents">
<div id="trackback" class="sub_header">トラックバック</div>
<p class="trackback_url">
<input onfocus=this.select() value="<%trackback_url>" readOnly><br>
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a>
</p>
<!--trackback-->
<div class="main_body" id="trackback<%tb_no>">
<div class="ct_header"><a href="<%tb_url>" title="「<%tb_title>」のトラックバック発信元"><%tb_title></a></div>
<div class="trackback_excerpt">
<%tb_excerpt>
</div>
<div class="trackback_footer">
|&nbsp;<%tb_year>.<%tb_month>.<%tb_day>&nbsp;|&nbsp;<%tb_blog_name>
</div>
</div>
<!--/trackback-->
<div class="pagetop"><a href="#pagetop" title="このページのトップへ">page top ▲</a></div>
</div>
<!--/trackback_area-->
<!--トラックバック部分ここまで-->

<!--全記事表示ここから-->
<!--titlelist_area-->
<div class="contents">
<div class="sub_header"><%blog_name>の記事一覧</div>
<div class="main_body">
<!--titlelist-->
<div class="entry_title"><a href="<%titlelist_url>" title="続きを読む"><%titlelist_title></a></div>
<div class="entry_body">
<%titlelist_body>... <span class="state"><%titlelist_year>/<%titlelist_month>/<%titlelist_day> <%titlelist_hour>:<%titlelist_minute> [<a href="<%titlelist_category_url>" title="このカテゴリーを開く"><%titlelist_category></a>]</span>
</div>
<!--/titlelist-->
</div>
<div class="pagetop"><a href="#pagetop" title="このページのトップへ">page top ▲</a></div>
</div>
<!--/titlelist_area-->
<!--全記事表示ここまで-->

<!--検索結果表示ここから-->
<!--search_area-->
<div class="contents">
<div class="sub_header"><%sub_title></div>
<div class="main_body">
<!--topentry-->
<div class="entry_title"><a href="<%topentry_link>" title="続きを読む"><%topentry_title></a></div>
<div class="entry_body">
<%topentry_discription><span class="state">(<%topentry_year>/<%topentry_month>/<%topentry_day> <%topentry_hour>:<%topentry_minute>)</span>
</div>
<!--/topentry-->
</div>
<div class="pagetop"><a href="#pagetop" title="このページのトップへ">page top ▲</a></div>
</div>
<!--/search_area-->
<!--検索結果表示ここまで-->

<!--移動用ナビゲーションリンク部分ここから-->
<!--permanent_area-->
<div class="page_navi">
<!--preventry--><a href="<%preventry_url>">≪ <%preventry_title></a><!--/preventry--> l <a href="<%url>">Home</a> l <!--nextentry--><a href="<%nextentry_url>"><%nextentry_title> ≫</a><!--/nextentry-->
</div>
<!--/permanent_area-->

<!--not_permanent_area-->
<div class="page_navi">
<!--prevpage--><a href="<%prevpage_url>" title="前頁へ移動する">≪ BACK</a><!--/prevpage-->
<span>&nbsp;|&nbsp;</span><a href="<%url>" title="トップへ戻る">HOME</a><span>&nbsp;|&nbsp;</span>
<!--nextpage--><a href="<%nextpage_url>" title="次頁へ移動する">NEXT ≫</a><!--/nextpage-->
</div>
<!--/not_permanent_area-->
<!--移動用ナビゲーションリンク部分ここまで-->

</div><!-- /main_block -->
<!--左メインブロックここまで-->


<!--右サイドメニュー-->
<div id="menu_block" class="main"><!-- menu_block -->

<!--プラグイン1ここから-->
<!-- プラグインが有効の場合に表示 -->
<!--plugin-->
<!--plugin_first-->
<div class="plugin">
<div class="plugin_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></div>
<div class="puugin_text" style="text-align:<%plugin_first_ialign>"><%plugin_first_description></div>
<div class="plugin_body" style="text-align:<%plugin_first_align>"><%plugin_first_content></div>
<div class="plugin_text" style="text-align:<%plugin_first_ialign>"><%plugin_first_description2></div>
</div>
<!--/plugin_first-->
<!--/plugin-->

<!-- プラグインが無効の場合に表示 -->
<!--not_plugin-->
<p>
プラグインが無効です。<br>
プラグインを設定してください。
</p>
<!--/not_plugin-->
<!--プラグイン1ここまで-->

<!--プラグイン2ここから-->
<!--plugin-->
<!--plugin_second-->
<div class="plugin">
<div class="plugin_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></div>
<div class="plugin_text" style="text-align:<%plugin_second_ialign>"><%plugin_second_description></div>
<div class="plugin_body" style="text-align:<%plugin_second_align>"><%plugin_second_content></div>
<div class="plugin_text" style="text-align:<%plugin_second_ialign>"><%plugin_second_description2></div>
</div>
<!--/plugin_second-->
<!--/plugin-->
<!--プラグイン2ここまで-->

</div><!-- /menu_block -->
<!--右カラム(サイドメニュー)ここまで-->


<!--著作表示ブロックここから-->
<div id="footer"><!-- footer -->
<p>Copyright &copy; <%blog_name> All Rights Reserved.<br />
Powered by <a href="http://blog.fc2.com/" title="FC2 BLOG">FC2 Blog</a>&nbsp;&nbsp;&nbsp;Template by <a href="http://templabo.blog61.fc2.com/" target="_blank">temp*labo</a>&nbsp;&nbsp;&nbsp;Heart font by <a href="http://www.dakeja.net/" title="カワイイダケジャ" target="_blank">カワイイダケジャ</a><br />
<!--▼削除禁止広告-->
<%ad> <%ad2></p>
<!--▲削除禁止広告ここまで-->
</div><!-- /footer -->
<!--著作表示ブロックここまで-->
</div><!-- /container -->
<!--サイト全体ここまで-->
</body>
</html>




★CSS

@charset "EUC-JP";


/* 全体的な設定
------------------------------------------------------------ */
/* 初期化 */
* {
margin: 0px;
padding: 0px;
font-style: normal;
word-break: break-all;
}

/* body要素 */
body {
text-align: center;
font-size: 75%; /* 文字サイズ */
color: #333333; /* 文字色 */
background-image: url(http://blog-imgs-30.fc2.com/t/e/m/templabo/pinkheartb.gif);/* 背景画像 */
background-attachment: fixed;/* 画像固定 */
background-color: #ffffff; /* 背景色 */
font-family: 'Microsoft Sans Serif','MS UI Gothic','Comic Sans MS',Tahoma,sans-serif,Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック'; /* フォント指定 */
line-height: 140%; /* 行間 */
voice-family: "\"}\""; /* おまじない */
voice-family: inherit; /* おまじない */
}

textarea, input, select {
background-color: #ffffff;
font-size: 100%;
color: #333333;
border: 1px solid #ff99cc;
padding: 2px;
margin: 0px 0px 5px 5px;
}

/* リスト・要素 */
ul, ol, li, dl, dt, dd {
list-style: none;
}


/* ページトップへのリンク */
div.pagetop {
text-align: right;
font-size: 95%;
padding: 10px 5px 0px;
}

/* 強調 */
em {
font-style: normal;
border-bottom: 1px solid #e93b55; /* 下線を引く */
}

/* より強い強調 */
strong {
font-weight: bold; /* 太字 */
}

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


/* リンクの設定
------------------------------------------------------------ */
/* リンクの設定 */
a {
text-decoration: none; /* 下線をなし */
}

/* 通常リンク */
a:link {
color: #ff6699;
}

/* 閲覧済リンク */
a:visited {
color: #ff99cc;
}

/* カーソルをおいた時 */
a:hover {
color: #ff0066;
text-decoration: underline;
}

/* クリックした時 */
a:active {
color: #ff0066;
text-decoration: underline;
}

/* リンク画像の枠を表示しない */
a img {
border-style: none; /* 枠を非表示 */
border-width: 0px; /* 枠の幅を0pxに設定 */
text-decoration: none; /* 装飾なし */
}


/* レイアウト用ブロックの設定
------------------------------------------------------------ */
div#container {
width: 780px; /* wrapper+extra-columnの幅 */
text-align: left;
margin: 0px auto;
}

/* タイトル部分 */
div#header {
width: 528px;
height : 132px;
background-image: url(http://blog-imgs-30.fc2.com/t/e/m/templabo/pinkheart528.gif);
background-repeat: no-repeat;
background-color: #ffffff; /* 背景色 */
padding: 0px;
margin: 0px;
}

div.main {
margin: 25px 0px 15px; /* タイトル部分と記事、記事部分とフッター部分の間隔 */
}

/* 本文部分ブロック */
div#main_block {
float: left; /* 左側に回り込む */
width: 528px; /* コンテンツ幅 */
}

/* サイトインフォ関連ブロック */
div#menu_block {
float: right; /* 右側に回り込む */
width: 240px; /* コンテンツ幅 */
}

/* 著作表示ブロック */
div#footer {
clear: both;/* 回り込みを解除 */
}


/* タイトル・サイトの説明部分の設定
------------------------------------------------------------ */
/* タイトル */
div#header h1 {
text-align: left;
font-size : 160%; /* 文字サイズ */
font-weight:bold;
font-family: 'Microsoft Sans Serif','MS UI Gothic','Comic Sans MS',Tahoma,sans-serif,Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック'; /* フォント指定 */
padding: 20px 0px 0px 20px;
voice-family : "\"}\""; /* おまじない */
voice-family : inherit; /* おまじない */
}

/* ヘッダー内のリンク設定 */
div#header a, a:link {
color: #333333;
text-decoration: none;
}

div#header a:visited {
color: #333333;
text-decoration: none;
}

div#header a:hover, a:active {
color: #ff0066;
text-decoration: underline;
}

/* サイトの説明 */
div#header p {
text-align: center;
font-size: 100%; /* 文字サイズ */
font-weight: bold;
color: #333333;
padding: 20px 10px;
voice-family: "\"}\""; /* おまじない */
voice-family: inherit; /* おまじない */
}

/* 管理リンク */
div#header p.admin {
text-align: right;
font-size: 95%;
font-weight: normal;
color:#333333;
padding: 0px 15px 5px 0px;
margin: 0px;
}


/* 横カレンダー
------------------------------------------------------------ */
#yokocalendar {
text-align: center;
font-size: 90%; /* 文字サイズ */
color: #000000; /* 文字色 */
padding: 5px 0px 10px;
margin: 0px auto; /* 左右マージンを自動算出 */
}

.day {
margin: 0px 2px; /* 日付表示部分の余白 */
}

.day a:link {
color: #ff6699; /* リンク文字色 */
}


/* 記事上プラグイン3の設定
------------------------------------------------------------ */
/* プラグインの設定 */
div.p3_block {
text-align: left;
}

/* プラグインタイトル */
div.p3_title {
background-image: url(http://blog-imgs-30.fc2.com/t/e/m/templabo/pinkicon_s.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 120%;
font-weight: bold;
color: #ff6699;
letter-spacing: 0.2em; /* 文字幅 */
line-height: 120%;
border-bottom: 1px dotted #ff6699;
padding: 8px 0px 5px 40px;
margin: 10px 0px 10px;
voice-family : "\"}\""; /* おまじない */
voice-family : inherit; /* おまじない */
}

/* プラグイン表示部分 */
div.p3_body {
font-size: 100%;
color: #333333;
padding: 3px 0px;
}

/* プラグイン上部説明部分 */
div.p3_text {
font-size: 95%;
color: #333333;
padding: 3px 0px;
margin: 0px 7px;
}

/* プラグイン3リストマーク */
#main_block ul {
color: #ff6699;
margin-left: 15px;
}

#main_block li {
list-style-type: disc;
list-style-position: outside;
}

#main_block p {
text-align: left;
color: #555555;
margin: 0px 0px 20px 0px;
}

/* プラグイン3内のリンク設定 */
div.p3 a:link,
div.p3 a:visited {
color: #ff6699;
}

div.p3 a:visited {
color: #ff99cc;
}

div.p3 a:hover, div.plugin a:active {
color: #ff0066;
text-decoration: underline;
}


/* 記事表示部分の設定
------------------------------------------------------------ */
/* 各ブロック(記事・コメント・トラバ)設定 */
div.contents {
width: 488px;
text-align: left;
background-color: #ffffff; /* 背景色 */
border: 1px solid #ff99cc;
padding: 0px 10px;
margin: 0px auto 55px;
}

div.main_body {
line-height: 140%; /* 行間 */
}

/* 段落の設定 */
div.main_body p {
margin: 1em 0em; /* 上下1行分空ける */
}

/* 記事日付 */
div.entry_date {
text-align: right;
font-family: Georgia,Verdana,sans-serif;
font-size: 100%; /* 文字サイズ */
color: #ff99cc; /* 文字色 */
font-weight: bold; /* 文字を太く */
padding: 10px 20px 0px 0px;
margin: 0px;
}

/* 記事タイトル */
div.entry_title {
text-align: left;
background-image: url(http://blog-imgs-30.fc2.com/t/e/m/templabo/pinkicon.gif);
background-repeat: no-repeat;
background-position: left;
background-color: #ffffff; /* 背景色 */
font-size: 120%; /* 文字サイズ */
font-weight: bold; /* 文字を太く */
color: #ff99cc; /* 文字色 */
letter-spacing: 0.2em; /* 文字幅 */
border-bottom: 1px dotted #ff99cc;
padding: 8px 0px 5px 40px;
voice-family : "\"}\""; /* おまじない */
voice-family : inherit; /* おまじない */
}

/* 記事タイトルのリンク設定 */
div.entry_title a:link, div.entry_title a:visited {
color: #ff99cc;
}

div.entry_title a:hover, div.entry_title a:active {
color: #ff0066;
text-decoration: underline;
}


/* 記事本文 */
div.entry_body {
text-align: left;
font-size: 100%; /* 文字サイズ */
color: #333333; /* 文字色 */
line-height: 140%; /* 行間 */
letter-spacing: 0.2em;
padding: 10px;
margin-bottom: 20px;
}

/* 追記へのリンク */
p.entry_more {
font-weight: bold;
}

/* 追記部分 */
div.more {
padding: 15px 0px 10px;
margin: 15px 0px 10px;
}

/* 引用の設定 */
blockquote {
width: auto; /* 幅 */
background-color: #ffcccc; /* 背景色 */
border: 1px dotted #ff3399; /* 枠の色と線種 */
padding: 0.5em 1em;
margin: 10px;
}

/* 記事中に使われたタグのリンクリスト */
div.entry_body p.tag_lnk {
font-size: 95%;
color: #333333;
margin-top: 15px;
}

/* 記事の投稿先テーマ・ジャンル */
div.entry_body p.theme {
font-size: 95%;
color: #333333;
margin-top: 15px;
}

/* 拍手・ブックマークへの登録ボタン */
div.fc2_footer{
margin-top: 1em;
}


/* フッター部分(コメントやトラックバックなど) */
div.entry_footer {
text-align: right;
background-image: url(http://blog-imgs-30.fc2.com/t/e/m/templabo/pink_line.gif);
background-position: center top;
background-repeat: no-repeat;
font-size: 95%;
color: #333333;
padding: 20px 0px 10px 0px;
margin: 5px 0px 5px;
}


/* コメント・トラバ共通設定
------------------------------------------------------------ */
/* コメント・トラバ・記事一覧の見出し */
div.sub_header {
background-image: url(http://blog-imgs-30.fc2.com/t/e/m/templabo/pink_line_m.gif);
background-position: left bottom;
background-repeat: no-repeat;
font-size: 120%;
font-weight: bold;
color: #ff6699;
letter-spacing: 0.1em;
line-height: 140%;
padding: 0px 0px 20px 0px;
margin-bottom: 15px;
}

/* コメント・トラバのタイトル */
div.ct_header {
background-image: url(http://blog-imgs-30.fc2.com/t/e/m/templabo/pinkicon_s1.gif);
background-position: left;
background-repeat: no-repeat;
font-size: 100%;
color: #ff6699; /* 文字色 */
border-bottom:1px dotted #ff6699;
padding:5px 0px 3px 28px;
margin: 5px 10px 0px;
voice-family : "\"}\""; /* おまじない */
voice-family : inherit; /* おまじない */
}

html>body div.ct_header {
color: #ff6699; /* 文字色 */
}

/* リンク */
div.ct_header a:link, div.ct_header a:visited {
color: #ff6699;
}
div.ct_header a:hover, div.ct_header a:active {
color: #ff6699;
}


/* 投稿フォーム部分の設定
------------------------------------------------------------ */
/* コメントフォーム */
div#main_block form {
text-align: left;
padding: 10px 0px 25px;
margin: 0px 0px 0px 25px;
}

/* 管理者だけにコメント */
input#himitu {
margin-right: 0.5em;
}

/* コメントフォームのボタン */
p.form_btn {
margin-top: 20px;
}


/* コメント部分の設定
------------------------------------------------------------ */
/* コメント本文 */
div.comment_body {
text-align: left;
font-size: 100%; /* 文字サイズ */
color: #333333; /* 文字色 */
line-height: 140%; /* 行間 */
letter-spacing: 0.1em;
padding: 5px 0px 10px;
margin: 0px 0px 0px 20px;
}

/* コメントフッター */
div.comment_footer {
text-align: right;
font-size: 95%;
color: #333333;
padding: 2px 5px;
margin: 0px 0px 10px 0px;
}


/* トラックバック部分の設定
------------------------------------------------------------ */
/* トラックバックURL */
p.trackback_url {
padding: 10px 0px;
margin: 0px 0px 10px 20px;
}

p.trackback_url a {
font-size: 95%;
}

/* トラックバックURLワンクリックフォーム */
p.trackback_url input {
width: 90%;
background-color: #cccccc;
font-size: 100%;
line-height: 120%;
border: 1px solid #ff66ff;
padding: 1px;
margin: 10px 0px 5px 0px;
}

/* トラックバック先の概要 */
div.trackback_excerpt {
padding: 5px 0px 10px;
margin: 0px 0px 0px 20px;
}

/* トラックバックフッター */
div.trackback_footer {
text-align: right;
font-size: 95%;
color: #333333;
border-bottom: 1px solid #ff66ff;
padding: 2px 5px;
margin: 0px 0px 10px 0px;
}


/* 全記事表示・検索結果表示の日付部分
------------------------------------------------------------ */
div.entry_body span.state {
display: block;
text-align: right;
font-size: 95%;
color: #666666;
border-bottom: 1px solid #ff66ff;
padding: 2px 5px;
}


/* 移動ナビ
------------------------------------------------------------ */
div.page_navi {
text-align: center;
font-size: 100%;
color: #000000;
margin-bottom : 15px;
}


/* サイドメニュー(プラグイン)の設定
------------------------------------------------------------ */
/* プラグインの設定 */
div.plugin {
width: 215px;
text-align: left;
margin: 0px auto 20px;
}

/* プラグインタイトル */
div.plugin_title {
background-image: url(http://blog-imgs-30.fc2.com/t/e/m/templabo/pinkicon_s.gif);
background-repeat: no-repeat;
background-position: left;
font-size : 100%;
font-weight: bold;
color: #ff6699;
line-height: 120%;
border-bottom:2px dotted #ff6699;
padding: 6px 3px 5px 17px;
margin: 0px 0px 10px;
voice-family : "\"}\""; /* おまじない */
voice-family : inherit; /* おまじない */
}

/* プラグイン表示部分 */
div.plugin_body {
font-size: 100%;
color: #333333;
padding: 3px 0px;
}

/* プラグイン説明部分 */
div.plugin_text {
font-size: 95%;
color: #333333;
padding: 3px 0px;
margin: 0px 7px;
}

/* サイドメニューリストマーク */
#menu_block ul {
color:#ff6699;
margin-left: 15px;
}

#menu_block li {
list-style-type: disc;
list-style-position: outside;
}

#menu_block p{
text-align:left;
color: #555555;
margin: 0px 0px 20px 0px;
}

/* メニュー内のリンク設定 */
div.plugin a:linkdiv.plugin a:visited {
color: #ff6699;
}

div.plugin a:visited {
color: #ff99cc;
}

div.plugin a:hover, div.plugin a:active {
color: #ff0066;
text-decoration: underline;
}


/* プラグインカレンダー
------------------------------------------------------------ */
/* カレンダー表示用のテーブル設定 */
.plugin-calender {
width: 90%; /* 幅 */
color: #ff6699;
border-collapse: separate; /* 値の入っていないセルも表示する */
margin: 0px auto;
}

/* カレンダー見出(前月・当月・次月などのリンク部分) */
.plugin-calender caption {
text-align: center;
margin: 0px auto;
}

/* カレンダーのセル見出(曜日表示部分) */
table.calender {
width: 90%; /* 幅 */
text-align:center;
color: #ff6699;
border-collapse: separate; /* 値の入っていないセルも表示する */
margin: 0px auto;
}

table.calendar th {
padding: 3px;
text-align: center;
font-weight: nomal;
border-bottom: 1px dotted #ffcccc;
}

/* 土曜日を青色表示 */
table.calender th#sat {
color: #0033ff;
}

/* 日曜日を赤色表示 */
table.calender th#sun {
color:#ff6666;
}

/* カレンダーのセル部分(日付表示部分) */
table.calendar td {
padding: 3px;
text-align: center;
border-bottom: 1px dotted #ffcccc;
}

/* カレンダーリンク部分 */
table.calender td a {
display: block;
color: #ff0066;
}

table.calender td a:link,
table.calender td a:visited {
color: #ff0066;
display: block;
background-color: #ffcccc;
}

table.calender td a:hover {
color: #ff3333;
display: block;
background-color: #ffcccc;
}


/* Piyo(Plugin)
------------------------------------------------- */
div.tab {
text-align: left;
margin-bottom: 10px;
}

div.tab input{
padding: 5px 5px;
}

div.tab input.b1{
margin-right: 5px;
}

/*表示設定*/
div.mylog {
padding: 5px;
border: 1px solid #ffcccc;
font-size: 11px;
text-align: left;
color: #333333;
background-color: #ffffff;
margin: 0px;
}

/*タイトル部分*/
div.mylog p.title {
font-weight: bold;
color: #ff6699;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #ffcccc;
margin: 0px 0px 15px;
padding: 0px 0px 5px;
}

div.mylog dl {
margin: 0px;
padding: 0px;
}

/*日付部分*/
div.mylog dt.day {
color: #333333;
font-size: 11px;
margin: 0px;
padding: 0px 0px 5px;
background-color: #ffffff;
background-image: none;
text-align: left;
}

/*日記部分*/
div.mylog dd.piyolog {
margin: 0px 0px 5px;
color: #333333;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #ffcccc;
padding: 0px 0px 10px;
}

div.license {
font-size: 11px;
text-align: right;
}


/* フッター部分の設定
------------------------------------------------------------ */
div#footer p {
text-align: center;
font-size: 95%;
color: #666666;
padding: 20px 0px;
}

/* リンク設定 */
div#footer p a:link, div#footer p a:visited {
color: #ff6699;
}

div#footer p a:hover, div#footer p a:active {
color: #ff0066;
text-decoration: none;
border-bottom: 1px solid #36abce;
}

br{
letter-spacing: normal;
}


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

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

div.main_body > pre {
width: auto; /* MacIE用バグ対応 */
}

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


/* Mac版IEの文字化け対策
------------------------------------------------------------ */
/* マック版IEでは表示できるフォントを指定しないと文字化けを起こしますので通常は削除しないで下さい */
textarea,input,select {
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka", "Helvetica", "Arial", "Verdana", "MS Pゴシック", sans-serif;
}


Secret
(非公開コメント受付不可)

Temp*laboへようこそ!
temp*laboにお越しいただき、ありがとうございます。
FC2ブログ用のPCと携帯のテンプレートを製作しています。

利用規約&テンプレート記事を必ずご確認いただくようお願い致します。
質問・不具合などありましたら、該当記事のコメントでお願いします。
現在非公開コメントは受付ておりません。コメントは公開になりますのでご了承ください。

使いやすいものを目指して試行錯誤真っ只中・・・。気に入っていただけるものがあると嬉しいです♪

PCテンプレート利用規約
携帯テンプレート利用規約
共有登録テンプレート
【PCテンプレート】
◆左メニュー2カラム
  ・tl_autumncafe
  ・tl_flower
  ・tl_sakurasaku
  ・tl_cocotte_2col
  ・tl_spring_smile
  ・tl_valentine2col
  ・tl_icigo_cake
  ・tl_cute_cosmos
  ・tl_cosmos
  ・tl_pureheart
  ・tl_crownEX

◆右メニュー2カラム
  ・tl_hanabi
  ・tl_summer
  ・tl_cuteclover
  ・tl_clover
  ・tl_green2col
  ・tl_sakura
  ・tl_neko
  ・tl_gerbera
  ・tl_ichigo2
  ・tl_ichigo
  ・tl_valentine_heart
  ・tl_yukidaruma
  ・tl_blueheart

◆左右メニュー3カラム
  ・tl_bluexmas
  ・tl_Halloween
  ・tl_cherry
  ・tl_sunflower
  ・tl_checkheart_3col
  ・tl_clover_3col
  ・tl_green_3col
  ・tl_checkheart
  ・tl_cocotte_3col
  ・tl_valentine
  ・tl_blueheart_3col

  ・共有登録テンプレート一覧

【携帯テンプレート】
  ・tl_autumncafe_mo
  ・tl_cosmos_mo
FC2投票
アンケートにご協力お願いします!
Special Thanks!
配布テンプレートに素材をお借りしています。

管理人 舞様 カワイイダケジャ様
ハートフォントをお借りして素材を作りました。

管理人 Tom様 +cherish+様

管理人 星村様 Spica*port様

管理人 Anezaki様 Egg*Station様

管理人 氷室夕霧様 Atelier Black/White様

管理人 橘 樹様 空色地図様

管理人 こもすけ様 MiniaureType様

管理人 あさひ様 ポカポカ色様

管理人 裕様 Abundant Shine様

管理人 なつる様 空に咲く花様

管理人 Honey様 Sweety様

管理人 芽生様 FOG.様

管理人 花散里様 はながら屋様

管理人 ハマ様 Kun様

管理人 あおい様 ミントBlue様

お役立ちサイト
月別アーカイブ
リンク
リンクバナー&アドレスです。
必要な方はお持ち帰りください。

  

temp*labo
http://templabo.blog61.fc2.com/

☆バナー台はMAPPY様からお借りしました
カレンダー
04 | 2017/05 | 06
- 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 - - -
メールフォーム
ご訪問ありがとうございます
全記事表示リンク

全ての記事を表示する

プロフィール

*響*

Author:*響*
テンプレ作成格闘中。
シンプルで可愛いく、使いやすいテンプレ目指して試行錯誤な日々。
巷で国民的アイドルと呼ばれるグループと某長男を応援中だったりします。

カテゴリ
最近の記事+コメント
ブログ内検索
RSSフィード
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
PIYO
StyleKeeper
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。