忍者ブログ

Customize in Ninja Blog

NINJAブログを使いこなそうと始めたブログ。

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

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

China-BlueVer-

共有テンプレート「China」の青バージョンです。


HTMLはお気に入りアイコンの画像が違うだけで他は全て同じです。
スタイルシートを置き換えればアイコン以外は色変更完了です。

一応ファイルにはHTMLファイルとCSSファイルを両方入れてあります。
管理画面の「テンプレート設定/編集」からテンプレートを編集してください

ダウンロード(lzh)

ファイルの解凍には解凍用のソフトを使用してください。
もしわからないよ~と言う方は、以下の部分にソースをおいておきます。
少々やりづらいとは思いますが、そこからコピペしてください。

7/31日追記:画像と絵文字の指定を変更しました。詳しくはこちらの記事をご覧ください。
さらに追記:画像のURLを変更したのでもう一度スタイルシートをコピペしなおしていただけるとありがたいです。
HTMLファイルのソース▼
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="author" content="<!--$g_nickname-->" />
<meta name="keywords" content="<!--$g_keyword1-->,<!--$g_keyword2-->,<!--$g_keyword3-->" />
<meta name="description" content="<!--$g_explanation-->" />
<!-- △meta情報:HTML・CSS・JavaScriptの種類・管理者・ブログキーワード・ブログ説明-->

<title><!--$g_title-->
<!--if_entry-->―<!--$g_page_title--><!--/if_entry-->
<!--if_category-->―<!--$g_page_title--><!--/if_category-->
<!--if_date-->―<!--$g_page_title--><!--/if_date-->
<!--if_search-->―<!--$g_search_comment-->の検索結果<!--/if_search-->
<!--if_edit-->―コメント編集中<!--/if_edit-->
</title>

<link rel="stylesheet" href="<!--$g_url-->css/" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<!--$g_url-->RSS/" />
<link rel="alternate" type="application/atom+xml" title="ATOM" href="<!--$g_url-->ATOM/" />
<link rel="top" href="<!--$g_url-->" title="トップ" />
<link rel="shortcut icon" href="http://file.start.blog.shinobi.jp/china-b-favicon.ico" />
<!-- リンク情報:スタイルシート・RSS・ATOM・トップ・アイコン -->

<!--if_prev_page--><link rel="prev" href="<!--$pagelink_prev_link-->" /><!--/if_prev_page-->
<!--if_next_page--><link rel="next" href="<!--$pagelink_next_link-->" /><!--/if_next_page-->
<!-- 前頁・後頁 -->

<!-- テンプレート「China -Blue Ver-」 -->
<!-- Template Design By Alpha. URL::http://start.blog.shinobi.jp/ -->
<!-- テンプレの再配布、共有化禁止 -->
<!-- 画像の再配布禁止 JavaScriptは作者不詳-->

</head>
<body>
<script type="text/javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else {
document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else {
location.href = varB1;
return true;
}
} else {
location.href = varB1;
return true;
}
}
//-->
</script>


<div id="container">

<div id="top">

<div class="top_admin">
<a href="<!--$g_url-->hoge/" title="管理部屋に入る">ADMIN</a>
│<a href="<!--$g_url-->hoge/NewEntry/" title="新しく記事を書く">ENTRY</a>
</div><!--△top_admin-->

<h1><a href="<!--$g_url-->"><!--$g_title--></a></h1>
<h2 class="description"><!--$g_explanation--></h2>

</div><!--△top-->

<div class="top_calendar">
<a href="<!--$plugin_calendar_prev_link-->" title="<!--$plugin_calendar_prev_mon-->月の記事へ">≪</a>
<a href="./" title="TOPページへ"><!--$plugin_calendar_now_year-->.<!--$plugin_calendar_now_mon--></a>│
<!--plugin_calendar_date-->
<!--$calendar_date_day-->
<!--/plugin_calendar_date-->
<a href="<!--$plugin_calendar_next_link-->" title="<!--$plugin_calendar_next_mon-->月の記事へ">≫</a>
</div><!--△top_calendar-->

<div id="wrapper">

<div id="contents">

<!--plugin3-->
<div class="top_plugin">
<div class="top_plugin_title" style="text-align:<!--$plugin_title_align-->;">
<!--$plugin_title-->
</div><!--△top_plugin_title-->

<div class="top_plugin_description" style="text-align:<!--$plugin_explanation_align-->;">
<!--$plugin_header_explanation-->
</div><!--△top_plugin_description-->

<div class="top_plugin_text" style="text-align:<!--$plugin_contents_align-->;">
<!--$plugin_data-->
</div><!--△top_plugin_text-->

<div class="top_plugin_description" style="text-align:<!--$plugin_explanation_align-->;">
<!--$plugin_footer_explanation-->
</div><!--△top_plugin_description-->
</div><!--△top_plugin-->
<!--/plugin3-->

<!--entry-->

<div class="entry" id="entry<!--$entry_no-->">

<div class="entry_title">
<!--if_not_entry--><h2 class="entry_titlefont"><a href="<!--$entry_link-->"><!--$entry_title--></a></h2><!--/if_not_entry-->
<!--if_entry--><h2 class="entry_titlefont"><!--$entry_title--></h2><!--/if_entry-->

</div><!--△entry_title-->


<div class="entry_date">
<a href="<!--$entry_date_link-->"><!--$entry_year-->.<!--$entry_mon-->.<!--$entry_day--></a>
</div><!--△entry_date-->

<div class="entry_contents">

<div class="entry_text">
<!--$entry_text-->
</div><!--△entry_text-->

<!--if_not_entry-->
<!--if_ps_text-->
<div id="varP<!--$entry_no-->">
<div class="entry_more">
<a href="<!--$entry_link-->#entry<!--$entry_no-->" onclick="showMore(<!--$entry_no-->,'<!--$entry_link-->#entry<!--$entry_no-->');return false;"><!--$entry_ps_title-->▼</a>
</div><!--△entry_more-->
</div><!--△varP-->

<div id="varXYZ<!--$entry_no-->" style="display: none">
<div class="entry_ps">
<!--$entry_ps_text-->
</div><!--△entry_ps-->

<div class="entry_more">
<a href="#entry<!--$entry_no-->" onclick="showMore(<!--$entry_no-->,0);return true;">閉じる▲</a>
</div><!--△entry_more-->
</div><!--△varXYZ-->
<!--/if_ps_text-->
<!--/if_not_entry-->

<!--if_entry-->
<!--if_ps_text-->
<div class="entry_ps">
<!--$entry_ps_text-->
</div><!--△entry_ps-->
<!--/if_ps_text-->
<!--/if_entry-->

</div><!--△entry_contents-->

<div class="entry_footer">
author:<!--$g_nickname--> [at <!--$entry_hour-->:<!--$entry_min-->:<!--$entry_sec-->]
<a href="<!--$g_url-->hoge/EditEntry/<!--$entry_no-->/" title="この記事の編集">EDIT</a><br />
<h3 class="entry_category"><a href="<!--$entry_category_link-->" title="<!--$entry_category-->の一覧へ"><!--$entry_category--></a></h3>
│<!--if_cm_receipt--><a href="<!--$entry_link-->#comment" title="コメント投稿欄へ">コメント:<!--$entry_comment_num--></a><!--/if_cm_receipt-->
<!--if_not_cm_receipt--><!--/if_not_cm_receipt-->
│<!--if_tb_receipt--><a href="<!--$entry_link-->#trackback">トラックバック:<!--$entry_trackback_num--></a><!--/if_tb_receipt-->
<!--if_not_tb_receipt--><!--/if_not_tb_receipt-->

</div><!--△entry_footer-->

</div><!--△entry-->

<!--/entry-->

<!--if_entry-->

<div class="contents_navi">
<!--if_prev_page-->
<a href="<!--$pagelink_prev_link-->"><!--$pagelink_prev_title--></a>←
<!--/if_prev_page-->
<a href="<!--$g_url-->">HOME</a>
<!--if_next_page-->
→<a href="<!--$pagelink_next_link-->"><!--$pagelink_next_title--></a>
<!--/if_next_page-->
</div><!--△contents_navi-->

<!--if_cm_receipt-->
<div class="cmtb">
<div class="cmtb_title" id="comment">
*COMMENT-コメント-
</div><!--△cmtb_title-->

<!--comment-->
<div class="cm_contents">
<div class="cm_main_contents">
<div class="cm_title" id="comment<!--$comment_no-->">
▽<!--$comment_title-->
</div><!--△cm_title-->

<div class="cm_text">
<!--$comment_text-->
</div><!--△cm_text-->

<div class="cm_footer">
posted by <!--$comment_mail_link--> <!--$comment_homepage_link-->
::<!--$comment_year-->-<!--$comment_mon-->-<!--$comment_day-->-<!--$plugin_comment_wday--> <!--$comment_hour-->:<!--$comment_min-->:<!--$comment_sec-->
::<a href="<!--$comment_edit_link-->#edit">EDIT</a>
</div><!--△cm_footer-->
</div><!--△cm_main_contents-->

<!--if_comment_res-->
<div class="cm_res_contents">
<div class="cm_res_title" id="comment<!--$comment_no-->res">
△<!--$comment_res_title-->
</div><!--△cm_res_title-->

<div class="cm_res_text">
<!--$comment_res_text-->
</div><!--△cm_res_text-->

<div class="cm_res_footer">
<!--$plugin_profile_nickname-->│<!--$comment_res_year-->-<!--$comment_res_mon-->-<!--$comment_res_day-->-<!--$plugin_comment_res_wday--> <!--$comment_res_hour-->:<!--$comment_res_min-->
</div><!--△cm_res_footer-->
</div><!--△cm_res_contents-->
<!--/if_comment_res-->
</div><!--△cm_contents-->
<!--/comment-->
</div><!--△cmtb-->
<div class="cmtb">

<div class="cmtb_title" id="commentform">
*COMMENT FORM-コメント投稿-
</div><!--△cmtb_title-->

<ul class="cmtb_notes">
<li>この記事へのコメント投稿フォームです。</li>
</ul><!--△cmtb_notes-->

<form action="<!--$comment_form_link-->" method="POST">
<table id="CommentFormTable" cellpadding="0" cellspacing="0">
<tr>
<th>Name:</th>
<td><input class="cm_input" type="text" name="name" value="<!--$g_cookie_name-->" /></td>
</tr>
<tr>
<th>Title:</th>
<td><input class="cm_input" type="text" name="title" value="" /></td>
</tr>
<tr>
<th>Mail:</th>
<td><input class="cm_input" type="text" name="mail" value="<!--$g_cookie_mail-->" /></td>
</tr>
<tr>
<th>Url:</th>
<td><input class="cm_input" type="text" name="url" value="<!--$g_cookie_url-->" /></td>
</tr>
<tr>
<th>Color:</th>
<td>
<div id="color">
<input type="radio" name="color" value="#595857" class="cm_input_iro" /><span style="color:#595857">◆</span>
<input type="radio" name="color" value="#949495" class="cm_input_iro" /><span style="color:#949495">◆</span>
<input type="radio" name="color" value="#5a79ba" class="cm_input_iro" /><span style="color:#5a79ba">◆</span>
<input type="radio" name="color" value="#00a3af" class="cm_input_iro" /><span style="color:#00a3af">◆</span>
<input type="radio" name="color" value="#84b9cb" class="cm_input_iro" /><span style="color:#84b9cb">◆</span>
<input type="radio" name="color" value="#aacf53" class="cm_input_iro" /><span style="color:#aacf53">◆</span>
<input type="radio" name="color" value="#fbca4d" class="cm_input_iro" /><span style="color:#fbca4d">◆</span>
<input type="radio" name="color" value="#f0908d" class="cm_input_iro" /><span style="color:#f0908d">◆</span>
</div><!--△color-->
</td>
</tr>
<tr>
<th>Decoration:</th>
<td><!--$g_emoji_window--></td>
</tr>
<tr>
<th valign="top">Message:</th>
<td><textarea class="cm_textarea" name="comment" cols="40" rows="4"></textarea></td>
</tr>
<tr>
<th>Pass:</th>
<td><input class="cm_pass" type="password" name="pass" />※編集時に必要です。 <input type="submit" value="送信" class="cm_submit" /></td>
</tr>
</table>
</form>
</div><!--△cmtb-->
<!--/if_cm_receipt-->

<!--if_tb_receipt-->
<div class="cmtb">
<div class="cmtb_title" id="trackback">
*TRACKBACK-トラックバック-
</div><!--△cmtb_title-->

<ul class="cmtb_notes">
<li>この記事のURLとトラックバックURLです。</li>
<li>必要に応じてご使用くださいませ。</li>
</ul><!--△cmtb_notes-->

<div class="tb_form">
この記事のURL▼<br />
<input class="tb_url" type="text" name="tbURL" value="<!--$g_page_url-->" onclick="this.select(0,this.value.length)" />
</div><!--△tb_form-->
<div class="tb_form">
この記事のトラックバックURL▼<br />
<input class="tb_url" type="text" name="tbURL" value="<!--$g_trackback_url-->" onclick="this.select(0,this.value.length)" />
</div><!--△tb_form-->

<!--trackback-->
<div class="tb_contents">
<div class="tb_title" id="trackback<!--$trackback_no-->">
<!--$trackback_title-->
</div><!--△tb_title-->

<div class="tb_text">
<!--$trackback_excerpt-->
</div><!--△tb_text-->

<div class="tb_footer">
<a href="<!--$plugin_trackback_url-->" target="_blank" title="このトラックバック元のブログへ"><!--$trackback_blog_title--></a>
::<!--$trackback_year-->-<!--$trackback_mon-->-<!--$trackback_day-->-<!--$trackback_wday--> <!--$trackback_hour-->:<!--$trackback_min-->:<!--$trackback_sec-->
</div><!--△tb_footer-->
</div><!--△tb_contents-->
<!--/trackback-->
</div><!--△cmtb-->
<!--/if_tb_receipt-->
<!--/if_entry-->


<!--if_edit-->
<div class="cmtb">
<div class="cmtb_title" id="edit">
*COMMENT EDIT-コメント編集-
</div><!--△cmtb_title-->

<ul class="cmtb_notes">
<li>いったん投稿したコメントの編集フォームになります。</li>
<li>編集には最初に投稿した際に設定した<strong>鍵(パスワード)</strong>が必要です。</li>
</ul><!--△cmtb_notes-->

<form action="<!--$edit_form_link-->" method="POST">
<table id="CommentFormTable" cellpadding="0" cellspacing="0">
<tr>
<th>Name:</th>
<td><input class="cm_input" type="text" name="name" value="<!--$edit_name-->" /></td>
</tr>
<tr>
<th>Title:</th>
<td><input class="cm_input" type="text" name="title" value="<!--$edit_title-->" /></td>
</tr>
<tr>
<th>Mail:</th>
<td><input class="cm_input" type="text" name="mail" value="<!--$edit_mail-->" /></td>
</tr>
<tr>
<th>Url:</th>
<td><input class="cm_input" type="text" name="url" value="<!--$edit_url-->" /></td>
</tr>
<tr>
<th>Color:</th>
<td>
<div id="color">
<input type="radio" name="color" value="#595857" class="cm_input_iro" /><span style="color:#595857">◆</span>
<input type="radio" name="color" value="#949495" class="cm_input_iro" /><span style="color:#949495">◆</span>
<input type="radio" name="color" value="#5a79ba" class="cm_input_iro" /><span style="color:#5a79ba">◆</span>
<input type="radio" name="color" value="#00a3af" class="cm_input_iro" /><span style="color:#00a3af">◆</span>
<input type="radio" name="color" value="#84b9cb" class="cm_input_iro" /><span style="color:#84b9cb">◆</span>
<input type="radio" name="color" value="#aacf53" class="cm_input_iro" /><span style="color:#aacf53">◆</span>
<input type="radio" name="color" value="#fbca4d" class="cm_input_iro" /><span style="color:#fbca4d">◆</span>
<input type="radio" name="color" value="#f0908d" class="cm_input_iro" /><span style="color:#f0908d">◆</span> </div><!--△color-->
</td>
</tr>
<tr>
<th>Decoration:</th>
<td><!--$g_emoji_window--></td>
</tr>
<tr>
<th valign="top">Message:</th>
<td><textarea class="cm_textarea" name="comment" cols="40" rows="4"><!--$edit_text--></textarea></td>
</tr>
<tr>
<th>Pass:</th>
<td><input class="cm_pass" type="password" name="pass" />※編集時に必要です。 <input type="submit" value="送信" class="cm_submit" /></td>
</tr>
</table>
</form>
</div><!--△cmtb-->
<!--/if_edit-->

<div class="contents_10link">
<!--if_entry-->
<!--pagelink_10-->*<!--$pagelink_10_link--><!--/pagelink_10-->*
<!--/if_entry-->
<!--if_not_entry-->
<!--if_prev_page-->
<a href="<!--$pagelink_prev_link-->" title="最近のページへ">Prev</a>←
<!--/if_prev_page-->
<!--pagelink_10--><!--$pagelink_10_link-->P<!--/pagelink_10-->
<!--if_next_page-->
→<a href="<!--$pagelink_next_link-->" title="過去のページへ">Next</a>
<!--/if_next_page-->
<!--/if_not_entry-->
</div><!--△contents_10link-->

</div><!--△contents-->

<div id="leftside">

<!--plugin1-->
<div class="plugin">
<div class="plugin_title" style="text-align:<!--$plugin_title_align-->;">
<!--$plugin_title-->
</div><!--△plugin_title-->

<div class="plugin_description" style="text-align:<!--$plugin_explanation_align-->;">
<!--$plugin_header_explanation-->
</div><!--△plugin_description-->

<div class="plugin_text" style="text-align:<!--$plugin_contents_align-->;">
<!--$plugin_data-->
</div><!--△plugin_text-->

<div class="plugin_description" style="text-align:<!--$plugin_explanation_align-->;">
<!--$plugin_footer_explanation-->
</div><!--△plugin_description-->
</div><!--△plugin-->
<!--/plugin1-->


<!--plugin2-->
<div class="plugin">
<div class="plugin_title" style="text-align:<!--$plugin_title_align-->;">
<!--$plugin_title-->
</div><!--△plugin_title-->

<div class="plugin_description" style="text-align:<!--$plugin_explanation_align-->;">
<!--$plugin_header_explanation-->
</div><!--△plugin_description-->

<div class="plugin_text" style="text-align:<!--$plugin_contents_align-->;">
<!--$plugin_data-->
</div><!--△plugin_text-->

<div class="plugin_description" style="text-align:<!--$plugin_explanation_align-->;">
<!--$plugin_footer_explanation-->
</div><!--△plugin_description-->
</div><!--△plugin-->
<!--/plugin2-->

</div><!--△leftside-->

</div><!--△wrapper-->

<div id="rightside">



<!--plugin4-->
<div class="plugin">
<div class="plugin_title" style="text-align:<!--$plugin_title_align-->;">
<!--$plugin_title-->
</div><!--△plugin_title-->

<div class="plugin_description" style="text-align:<!--$plugin_explanation_align-->;">
<!--$plugin_header_explanation-->
</div><!--△plugin_description-->

<div class="plugin_text" style="text-align:<!--$plugin_contents_align-->;">
<!--$plugin_data-->
</div><!--△plugin_text-->

<div class="plugin_description" style="text-align:<!--$plugin_explanation_align-->;">
<!--$plugin_footer_explanation-->
</div><!--△plugin_description-->
</div><!--△plugin-->
<!--/plugin4-->

<!--plugin5-->
<div class="plugin">
<div class="plugin_title" style="text-align:<!--$plugin_title_align-->;">
<!--$plugin_title-->
</div><!--△plugin_title-->

<div class="plugin_description" style="text-align:<!--$plugin_explanation_align-->;">
<!--$plugin_header_explanation-->
</div><!--△plugin_description-->

<div class="plugin_text" style="text-align:<!--$plugin_contents_align-->;">
<!--$plugin_data-->
</div><!--△plugin_text-->

<div class="plugin_description" style="text-align:<!--$plugin_explanation_align-->;">
<!--$plugin_footer_explanation-->
</div><!--△plugin_description-->
</div><!--△plugin-->
<!--/plugin5-->

</div><!--△rightside-->


<div id="footer">
<a href="#top" title="このページの一番上へ">▲PageTop</a>
<div class="copyright">
Copyright (c) <a href="<!--$g_url-->"><!--$g_title--></a> All Rights Reserved. Powered by <a href="http://blog.shinobi.jp/" target="_blank">NinjaBlog</a>.<br />
Template by <a href="http://start.blog.shinobi.jp/" target="_blank">Alpha</a>.<!--CM1--><!--CM2--><br />
</div><!--△copyright-->
</div><!--△footer-->

</div><!--△container-->

</body>
</html>


スタイルシートのソース▼

@charset "UTF-8";

/*
----------------------------------------------------------------------------------------
テンプレート「China -Blue Ver-」
Template Design By Alpha. URL::http://start.blog.shinobi.jp/

このスタイルシートは忍者ブログのテンプレートメーカーには対応していません。
カスタマイズの際は直接スタイルシートを編集してください。
----------------------------------------------------------------------------------------
*/

* {
margin : 0px 0px 0px 0px ;
padding : 0px 0px 0px 0px ;
}

html * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html {
scrollbar-track-color : #ffffff;
scrollbar-3dlight-color :#00a3af;/*浅葱色*/
scrollbar-arrow-color :#00a3af;/*浅葱色*/
scrollbar-darkshadow-color #00a3af;/*浅葱色*/
scrollbar-face-color:#ffffff;
scrollbar-highlight-color :#a2d7dd ;/*瓶覗*/
scrollbar-shadow-color : #a2d7dd ;/*瓶覗*/
}

div, p, hr, blockquote, address, noscript {
position: static;
margin : 0px 0px 0px 0px ;
padding : 0px 0px 0px 0px ;
text-align:left;
border: none;
}

em, strong,q, dfn {
position: static;
margin : 0px 0px 0px 0px ;
padding : 0px 0px 0px 0px ;
border: none;
}

em {
font-style: normal;
font-weight:bold;
color: #000000;
background-color:inherit;
}

br { letter-spacing: 0; }

ul, ol, dl, dt, dd {
margin : 0px 0px 0px 0px ;
padding : 0px 0px 0px 0px ;
list-style: disc inside url("http://file.start.blog.shinobi.jp/china-b-point.gif") ;
}

blockquote {
margin:12px 10px 13px 10px ;
padding: 0px 10px;
color:#00a3af;/*浅葱色*/
font-size:11px;
line-height:25px;
overflow:auto;
background-color:#f9fdf9 ;
border-left:2px solid #00a3af;/*浅葱色*/
}

table{border-collapse: collapse;font-size:12px}

form {
margin : 0px 0px 0px 0px ;
padding : 0px 0px 0px 0px ;
}

input,select,textarea {
margin:0px 1px 0px 1px;
padding:1px 1px 1px 2px;
border : 1px solid #a2d7dd ;/*瓶覗*/
color:#656565;
font-size:12px;
background :url("http://file.start.blog.shinobi.jp/china_back.gif") top center #f9fdf9;
}

.center {text-align:center}
.right {text-align:right}
.left {text-align:left}

/* 全体 */
body { margin : 0px 0px 0px 0px ;
padding : 0px 0px 0px 0px ;
text-align:center;
font-size:11px;
font-style: normal;
font-weight: normal;
font-family: Verdana,'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', Tahoma, 'century gothic', 'MS Pゴシック','MS PGothic', sans-serif, Osaka;
color:#656565;
line-height:25px;
letter-spacing:normal;
word-spacing:normal;
}

/* レイアウト */
div#container {
width:770px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align:center;
}


div#top {
margin: 0px auto;
background :url("http://file.start.blog.shinobi.jp/china_back.gif") top center #a2d7dd; /*瓶覗*/
}

div#wrapper {
margin:0px;
width:590px;
float:left;
overflow:hidden;
}

div#contents {
width:410px;
float:right;
text-align:center;
overflow:hidden;
position:static;
}

div#leftside {
width:170px;
float:left;
overflow:hidden;
}

div#rightside {
width:170px;
float:right;
overflow:hidden;
}

div#footer {
margin: 10px 0px 0px 0px ;
padding: 0px 10px 0px 0px ;
clear: both ;
text-align:right;
font-size:13px;
font-weight:bold;
}


/* リンク */
a{text-decoration:none;}
a:link { color: #895b8a; background-color: transparent;text-decoration:none;}/*古代紫*/
a:visited { color: #895b8a; background-color: inherit;text-decoration:none;}/*古代紫*/
a:hover { color: #5a79ba; background-color: transparent;text-decoration:none;position:relative;top:3px;left:3px;}/*薄花桜*/
a:active { color: #5a79ba; background-color: inherit;text-decoration:none;}/*薄花桜*/

h1 a:link { color: #00a3af; background-color:#a2d7dd;text-decoration:none;}/*浅葱色・瓶覗*/
h1 a:visited { color: #00a3af; background-color:#a2d7dd;text-decoration:none;}/*浅葱色・瓶覗*/
h1 a:hover { color: #ffffff; background-color:#a2d7dd;}/*瓶覗*/
h1 a:active { color: #ffffff; background-color:#a2d7dd;}/*瓶覗*/

/*画像*/
img {
border:0px;
margin:5px;
padding:0px;
}
img.emoji {
vertical-align:middle;
border:0px;
margin:0px;
padding:0px;
}


/* トップ */
div.top_admin {
padding: 5px 15px 5px 0px ;
text-align:right;
font-size:11px;
}

h1 {
padding:0px 0px 0px 10px;
text-align:left;
font-size:20px;
}

h2.description {
padding:0px 0px 10px 10px;
text-align:left;
font-size:11px;
font-weight:normal;
color:#808080;
}
/*カレンダー*/
div.top_calendar {
margin: 10px 0px 10px 0px;
color:#000000;
font-size:11px;
text-align:center;
letter-spacing:1px;
word-spacing:0px;
background-color:#f9fdf9 ;
}



/* 記事 */
div.entry {
width:410px;
margin: 10px 0px 10px 0px ;
text-align:center;
background:url("http://file.start.blog.shinobi.jp/china-b-entrycontent-base.gif") repeat-y bottom center #ffffff;
}
div.entry_title {
margin: 0px 0px 0px 0px ;
padding:20px 0px 0px 30px ;
background:url("http://file.start.blog.shinobi.jp/china-b-entrytitle-base.gif") no-repeat top center #ffffff;
}

h2.entry_titlefont {
margin: 0px 0px 0px 0px ;
padding:0px 0px 0px 5px;
color: #5a79ba; /*薄花桜*/
font-size:14px;
line-height:20px;
}
div.entry_date {
width:400px;
margin: 0px 5px 0px 5px ;
padding: 0px 10px 10px 0px;
font-size:11px;
line-height:15px;
text-align:right;
background:url("http://file.start.blog.shinobi.jp/china-b-entrydate.gif") no-repeat bottom center;
}

div.entry_contents {
padding:0px 15px 0px 15px;
}

div.entry_text {
font-size:11px;
line-height:25px;
}

div.entry_more {
padding:0px 10px 10px 10px;
font-size:12px;
text-align:right;
position: relative;
}

div.entry_ps {
font-size:11px;
line-height:25px;
}

div.entry_footer {
padding:0px 35px 8px 30px;
font-size:11px;
line-height:16px;
text-align: right ;
background:url("http://file.start.blog.shinobi.jp/china-b-entryfooter-base.gif") no-repeat bottom center;
}

h3.entry_category {
font-size:11px;
display:inline;
}

/* コンテンツ */
div.contents_navi {
margin:5px 0px 5px 0px ;
text-align:center;
font-size:11px;
}

div.contents_10link {
margin:5px 0px 5px 0px ;
text-align:center;
font-size:11px;
}

/* コメント&トラバ*/
div.cmtb {
width:410px;
margin: 5px 0px 5px 0px ;
text-align:center;
}

div.cmtb_title {
padding:0px 80px 5px 10px ;
text-align:left;
font-family:Georgia ,'MS P明朝','MS PMincho' ;
font-weight:bold;
color: #5a79ba; /*薄花桜*/
font-size:12px;
line-height:20px;
background:url("http://file.start.blog.shinobi.jp/china-b-cmtbtitle.gif") no-repeat bottom left #ffffff;
}

ul.cmtb_notes {
color: #5a79ba; /*薄花桜*/
background-color:#ffffff;
margin:5px 30px 15px 30px;
padding:5px 5px 5px 5px;
border:1px dotted #a2d7dd;/*瓶覗*/
line-height : 18px ;
list-style : square inside;
font-size : 11px ;
text-align:left;
}

/*コメント*/
div.cm_contents {
margin: 10px 0px 10px 0px;
}

div.cm_main_contents {
margin: 0px 0px 0px 0px;
padding:5px 0px 0px 0px ;
}

div.cm_title {
padding:0px 0px 0px 10px ;
color:#ffffff;
background-color:#5a79ba; /*薄花桜*/
font-size:12px;
font-weight:bold;
line-height:20px;
}

div.cm_text {
padding:5px 10px 5px 20px ;
color:#895b8a;/*古代紫*/
font-size:11px;
line-height:150%;
}

div.cm_footer {
margin:0px 1em 0px 0px;
font-size:10px;
color:#895b8a;/*古代紫*/
text-align:right;
}

div.cm_res_contents {
margin:5px 0px 0px 0px;
}

div.cm_res_title {
padding:0px 0px 0px 10px ;
width: 100%;
color:#895b8a;/*古代紫*/
font-size:12px;
line-height:20px;
background-color: #eaf4fc;/*月白*/
}
div.cm_res_text {
padding:5px 10px 5px 20px ;
color:#895b8a;/*古代紫*/
font-size:11px;
line-height:150%;
}

div.cm_res_footer {
padding:0px 1em 0px 0px;
font-size:10px;
color:#808080;
text-align:right;
}


/* コメント投稿フォーム */
#contents form {
margin:5px 5px 10px 5px;
padding:5px;
background-color:#ffffff;
border:1px dashed #a2d7dd;/*瓶覗*/
}

table#CommentFormTable {
margin:0px 30px 0px 30px;
text-align:left;
}
table#CommentFormTable th {font-weight:normal;width:50px;}
table#CommentFormTable td {font-weight:normal;width:100%;}

input.cm_input {width:200px;}
input.cm_input_iro {background-color:#ffffff;}
textarea.cm_textarea {width:95%;height:150px;}
input.cm_pass{}
input.cm_submit{}

/*トラックバック*/
div.tb_form {
margin:5px 30px 5px 30px;
padding:5px 10px 5px 10px;
font-size:12px;
background-color:#ffffff;
border:1px dashed #a2d7dd;/*瓶覗*/
}
input.tb_url {
width:300px;
font-size:13px;
}

div.tb_contents {
margin: 10px 0px 10px 0px;
padding: 4px 4px 4px 4px;
background-color:#ffffff;
}

div.tb_title {
padding:0px 0px 0px 10px ;
color: #00a3af;/*浅葱色*/
background-color: #eaf4fc;/*月白*/
font-size:12px;
font-weight:bold;
line-height:20px;
}

div.tb_text {
padding:5px 10px 5px 10px ;
font-size:11px;
line-height:150%;
}

div.tb_footer {
margin:0px 1em 0px 0px;
font-size:10px;
color:#808080;
text-align:right;
}

/*記事上(ブラグイン3)*/
div.top_plugin {
margin:0px auto 0px auto ;
padding:0px 0px 7px 0px;
width:380px;
background :url("http://file.start.blog.shinobi.jp/china-b-topplugin-bottom.gif") bottom left no-repeat;
}

div.top_plugin_title {
margin:0px 0px 0px 0px ;
padding:10px 0px 0px 15px;
height:30px;
text-align:left;
color:#999999;
font-size:13px;
line-height:20px;
font-weight:bold;
background:url("http://file.start.blog.shinobi.jp/china-b-topplugin-top.gif") no-repeat top left #c0c0c0 ;
}
div.top_plugin_text {
margin:0px 0px 0px 0px ;
padding:0px 10px 0px 10px;
font-size:11px;
line-height:150%;
color:#a69abd;/*半色*/
background:url("http://file.start.blog.shinobi.jp/china-b-topplugin-base.gif") repeat-y top left ;
}

div.top_plugin_description {
margin:0px 0px 0px 0px ;
padding:0px 10px 0px 10px;
font-size:10px;
line-height:18px;
background:url("http://file.start.blog.shinobi.jp/china-topplugin-base.gif") repeat-y top left ;
}

/* サイドプラグイン */
div.plugin {
margin:0px 0px 10px 0px ;
width:100%;
background :url("http://file.start.blog.shinobi.jp/china_back.gif") top center #eaf4fc; /*月白*/
}

.plugin_title {
margin:0px 0px 0px 0px ;
padding:5px 0px 5px 35px;
height:31px;
text-align:left;
color: #ffffff;
font-size:12px;
line-height:20px;
font-weight:bold;
background:url("http://file.start.blog.shinobi.jp/china-b-plugintitle.gif") no-repeat left center #e4dc8a;/*枯草色*/
}

div.plugin_text {
padding:0px 5px 0px 5px;
font-size:11px;
line-height:150%;
color:#a69abd;/*半色*/
  }

div.plugin_description {
padding:5px 5px 5px 5px;
font-size:10px;
line-height:18px;
}

div.plugin_data {
text-align:left;
}
div.plugin_data_date {
border-top:1px dashed #dbd0e6 ;/*白藤色*/
text-align:right;
}

div.blogsearch {text-align:left;}
div.box {width:80px;}
div.btn {width:30px;}

div.profile_image {margin:0px;padding:5px;border :0px;}
div.qrcode_image {margin:0px;padding:5px;border :0px;}


/* カレンダー */
table.CalendarMoveTable {
margin:0px auto 5px auto ;
width:90% ;
border-collapse: separate;
}

table.CalendarMoveTable td {
text-align:center;
color:#a69abd;/*半色*/
}

table.CalendarMoveTable .CalendarPrevTd {
width: 20% ;
text-align:center;
color:#a69abd;/*半色*/
}

table.CalendarMoveTable .CalendarNowTd {
width: 60% ;
text-align:center;
color:#a69abd;/*半色*/
}

table.CalendarMoveTable .CalendarNextTd {
width: 20% ;
text-align:center;
color:#a69abd;/*半色*/
}

table.CalendarTable {
margin:0px auto 0px auto ;
width:90% ;
border-collapse: separate;
}
table.CalendarTable th {
width: 14% ;
text-align:center;
font-size:12px;
border-bottom:2px solid #656565;
}
table.CalendarTable td {
width: 14% ;
color:#a69abd;/*半色*/
text-align:center;
font-size:12px;
background-color:#ffffff;
}

table.CalendarTable tr.CalendarWdayTr {
text-align:center;
}
table.CalendarTable th.CalendarWdaySun {
color :#f6bfbc;/*虹色*/
border-bottom:2px solid #f6bfbc;/*虹色*/
}
table.CalendarTable th.CalendarWdaySat{
color :#5a79ba ;/*薄花桜*/
border-bottom:2px solid #5a79ba;/*薄花桜*/
}
div.CalendarTdLink {
margin:0 auto;
text-align:center;
}

table.CalendarTable td a:link{
color: #ffffff;
display:block;
background-color:#a2d7dd;/*瓶覗*/
text-decoration:none;
}
table.CalendarTable td a:visited{
color: #ffffff;
display:block;
background-color:#a2d7dd;/*瓶覗*/
text-decoration:none;
}
table.CalendarTable td a:hover{
color: #5a79ba;/*薄花桜*/
display:block;
background-color:#eaf4fc;/*月白*/
}
table.CalendarTable td a:active{
color: #5a79ba;/*薄花桜*/
display:block;
background-color:#eaf4fc;/*月白*/
}

/* コピーライト */
.copyright {
padding:25px 0px 5px 0px;
font-size:11px;
font-weight:normal;
line-height:15px;
text-align:center;
background:url("http://file.start.blog.shinobi.jp/china-b-footer.gif") top center no-repeat ;
}
PR
*COMMENT-コメント-
▽お返事ありがとうございます。
やはり見れませんでしたか

では携帯の方に設定させてもらったので
もしよければ見てやって下さい。

どうもありがとうございました☆
△Re:お返事ありがとうございます。
>では携帯の方に設定させてもらったので
>もしよければ見てやって下さい。
見させていただきました♪
なるほど、記事枠の画像を使われたんですね~。
すっごく、いい感じですo(^^)o
▽はじめまして
あるふぁさん、はじめまして。
少し前からこのテンプレートを使わせて頂いてます。
可愛いけど可愛すぎず、シンプルだけどシンプルすぎない。
大変気に入っております。

で、携帯もお揃いにしたい!と思い
勝手にこんなものを作ってしまいました。

http://poetto.blog.shinobi.jp/hoge/TemplatePreView/m/30/
(↑これで見れるでしょうか?)

少し加工してありますが画像を使用させてもらっているので
あるふぁさんの許可を頂いてから使用しようと思ってます。
お手数だとは思いますがご確認頂けると幸いです。
△Re:はじめまして
こんにちは、はじめまして(^-^*)

携帯版ですか、いいですね♪
ぜひ、見たいところですが、▲のURLは管理者専用なので見れないです。残念

単なるドット絵で恥ずかしいので再配布は不可にしてますが、それ以外はまったく問題ないですのでご自由にお使いください~

*COMMENT FORM-コメント投稿-
  • この記事へのコメント投稿フォームです。
 
Name:
Title:
Mail:
Url:
Color:
Decoration: Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Message:
Pass: ※編集時に必要です。
Secret:  ※チェックすると管理者へのみの表示となります。
*TRACKBACK-トラックバック-
  • この記事のURLとトラックバックURLです。
  • 必要に応じてご使用くださいませ。
この記事のURL▼
この記事のトラックバックURL▼
■Search
■About

●このブログについて
忍者ブログを使いこなそうと始めたカスタマイズサイト。分からないことばかりで四苦八苦しています。 変なところあったらぜひ言ってくださいませ(*- -)(*_ _)ペコリ
なお、このブログで実験もしています。 常に実験しているので、崩れとかありましたら教えてくださるとうれしいです。⇒BBS

●姉妹サイト・その他
 徒然倶楽部 →こちらは記事の内容を下に移転&閉鎖しました。
 現在は十六夜's Blogがメインブログになってます。
 Alphaの小部屋・・・BOOKLOGで作った本棚
 Mixi・・・参加中のSNS
 十六夜-the sixteeth night-・・・現在作成中のメインHP

●リンクについて
このブログはリンクフリーです。こんなブログでよろしければぜひリンクしてやってください♪
リンクバナー

●RSS
このブログのRSSはこちら▼
RSS 0.91
RSS 1.0
RSS 2.0

●環境推奨
動作状況:Windows XP SP2
ブラウザ:主にFirefox 他IE、Opera等
解像度:1024*768

●FireFox
私が普段利用しているブラウザ。 拡張機能のWeb Developerをいれるとテンプレ作成にとても便利なブラウザになります。自分の使いたい機能をいろいろインストールしてアレンジしてます♪
ダウンロードは▼からどうぞ

●Pingoo!
忍者ブログのPing送信先は10件まで。 それでもいろいろなところにPingを送りたいという場合にオススメなPing一括送信サイトです。ここ1件に送るだけでいろいろなところに送ってもらえます♪

●クリックで救える命がある

■Calendar
02

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
■CM&TB
●コメント

●トラックバック
Scrollbar ONorOFF
■Thanks
テンプレートを作成するに当たってよく利用させていただいているサイト様です。
■QRcode
QRコードをクリックするとメールフォームが開きます。
メールフォームでPCから携帯にこのブログのURLを送ることができます

もし、携帯電話で表示されきれない~とご不満の方はこちらのアプリを導入してみることをお勧めします。

無料体験できるのでぜひお試しください♪
■Template
○公開したテンプレのプレビュー

ブルーチャイナ
詳細
ブルーチャイナ
詳細
Gray2block
詳細
China
詳細
Gray
詳細
JapanBlue
詳細
碧
詳細
蒼
詳細
○公開された携帯用テンプレのプレビュー

The Leaf
詳細
○忍者ブログで共有化中のテンプレ

Alternation-緑×白-
記事番号で背景色が交互に変わるちょっとおもしろテンプレ。
パンくずナビも付いてます♪

The Leaf
初の携帯用テンプレート。さわやかな感じに仕上げてみました
絵文字使用。トップページにカテゴリー表示アリ。

ブルーチャイナ
涼しげなチャイナ風左右メニューテンプレ。
China」の色違いのような感じですが、配置は違いますのでご注意ください。
※このテンプレのピンク版もあります。共有化していないので記事内よりお持ち帰りください。
ピンクチャイナ

Gray2block
ノート風テンプレ「Gray」の2カラム版です。
China
かわいい系の3カラムテンプレート。イメージはチャイナ風♪
同じ配置の青バージョンも作成しました。こちらは共有化してないので記事内よりお持ち帰りください。
China-BlueVer-

Gray
灰色のノート風罫線テンプレ。追記開閉式の3カラムです。

JapnBlue
サッカー日本代表ユニフォームなテンプレ。追記開閉式
※このテンプレには2カラムバージョンもあります。
JapanBlueの2カラム版

碧-midori-
淡いパステルグリーンのテンプレ。追記開閉式


画像使用なしの5ブロックテンプレ。

Scrollbar ONorOFF

○広告




■Recommend
ルナエンバシージャパン

ストレイシープがなんだかかわいくて好き(^-^*)

■Visiter