TEMTEM★倶楽部

FC2・テンプレート制作用ブログ♪ 管理不届きで申し訳ありません~~∑(>д<)

06月« 2017年07月 /  12345678910111213141516171819202122232425262728293031»08月
BLOGTOP » スポンサー広告 » TITLE … PCテンプレ【anzu-tp3_02】BLOGTOP » PC:テンプレート » TITLE … PCテンプレ【anzu-tp3_02】

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

PCテンプレ【anzu-tp3_02】

テンプレート[anzu-tp3_02]見本【anzu-tp3_02】
 *お花のテンプレート
 *3カラム
 [見本]

[動作確認]
IE6.0。FireFox2.0。Netscape 7.1。

[杏から一言]
リクエスト頂いたので、3カラムを作りました。
テンプレート登録は致しませんので、ご使用になりたい方は、「続きを読む」欄のHTMLとCSSを、テンプレートの設定画面にて、コピー&ペーストしてください。

左メニューが「プラグイン1」、右メニューが「プラグイン2」、記事上部が「プラグイン3」です。

[画像アップ]
記事横幅は「500px」です(内部幅はこれ以下)。
この範囲に収まる画像横幅でお願いします。
大きい画像を使う方は、サムネイルを活用ください。

****** ▼ 追記記事 ▼ ******

ご使用者(コピーした方)は、コメント残してってくださいね~~(^_-)-☆
このようなテンプレートの配付は初めてなので、仕様を確認したいです。
質問は、コメントを残してくれた方に限らせて頂きます。


「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> <%sub_title></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" 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-->

<!--記事タイトルのNEWアイコン:ここから-->
<script type="text/javascript"><!--
var today=new Date();
function nw(u1,u2,u3,u4) {
var nt=24; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<img src="http://blog-imgs-12.fc2.com/t/e/m/temtemclub/newicon4.gif">')}
}
--></script>
<!--記事タイトルのNEWアイコン:ここまで-->

</head>

<body>
<a name="pagetop"></a>

<div id="container"><!-- container -->

<!-- ブログタイトル&説明文:ここから -->
<div id="branding"><!-- branding -->
<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
<p><%introduction></p>
</div><!-- /branding -->
<!-- ブログタイトル&説明文:ここまで -->

<!-- 横カレンダー:ここから -->
<div class="line-calender">

<a href="<%prev_month_link>"><%prev_month>月≪</a>
<b><%now_month>月</b>/<!--calender2-->
<span class="day"><%days></span>
<!--/calender2-->
<a href="<%next_month_link>">≫<%next_month>月</a>
</div>
<!-- 横カレンダー:ここまで -->

<div id="wrapper"><!-- wrapper -->

<div id="primary-column" class="column"><!-- primary-column -->

<!-- プラグイン3(記事TOP):ここから -->
<!--index_area-->

<!--plugin-->
<!--plugin_third-->
<div class="section3">
<div class="plugin3_header">
<div class="plugin3_title">
<%plugin_third_title></div></div>
<div class="plugin3_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>
<!--/plugin_third-->
<!--/plugin-->

<!--/index_area-->
<!-- プラグイン3(記事TOP):ここまで -->

<!-- 記事部分:ここから -->
<!--topentry-->
<div class="section" id="a<%topentry_no>">

<div class="entry-date">[No.<%topentry_no>] <%topentry_year>/<%topentry_month>/<%topentry_day> (<%topentry_youbi>) <%topentry_hour>:<%topentry_minute></div>

<div class="entry-header">
<h2><%topentry_title> <script type="text/javascript">
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
</script></h2>
</div>

<div class="entry-body"><%topentry_body>

<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">続きを読む &raquo;</a></p>
<!--/more_link-->

<!--more--><br><a name="more" id="more"></a><br>
<%topentry_more>
<!--/more-->

</div>

<div class="entry_footer ">

[ <a href="<%url>admin.php?mode=editentry&no=<%topentry_no>">編集</a> ]

[ <a href="<%topentry_category_link>"><%topentry_category></a> ]

<!--allow_tb-->[ <a href="<%topentry_link>#trackback-top">TB:<%topentry_tb_num></a> ]<!--/allow_tb-->
<!--deny_tb--><!--/deny_tb-->

<!--allow_comment-->[ <a href="<%topentry_link>#comment-top">CM:<%topentry_comment_num></a> ]<!--/allow_comment-->
<!--deny_comment--><!--/deny_comment-->

[ <a href="#pagetop">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>

<!--/topentry-->
<!-- 記事部分:ここまで -->

<!-- コメント部分:ここから -->
<!--comment_area-->
<div class="comment-area">
<h3 id="comment-top">コメント</h3>
<!--comment-->
<div class="section2" id="comment<%comment_no>">

<h4 class="comment-header"><%comment_title></h4>
<div class="comment-body">
<%comment_body>
</div>
<ul class="comment-footer">
<li>[ <%comment_month>月<%comment_day>日 <%comment_hour>時<%comment_minute>分 ]</li>
<li>[ <%comment_mail+name> #<%comment_trip> ]</li>
<li>[ <%comment_url+str> ]</li>
<li>[ <a href="#pagetop">TOP</a> ]</li>
<li>[<a href="<%comment_edit_link>" title="コメントの編集">編集</a> ]</li></ul>

</div>
<!--/comment-->

<h3 class="comment-post">コメントの投稿</h3>
<form method="post" action="./" name="comment_form">
<div class="comment-area2">
<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" type="text" name="comment[title]" size="30"></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><script type="text/javascript" src="http://blog85.fc2.com/load.js"></script><br>
<textarea id="comment" cols="85" rows="8" name="comment[body]"></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]">管理者にだけOK</dd>
</dl></div>
<p class="form-btn"><input type="submit" value="書込送信"></p>
</form>
</div>
<!--/comment_area-->
<!-- コメント部分:ここまで -->

<!-- コメント編集部分:ここから -->
<!--edit_area-->
<div class="comment-area">
<h3 class="comment-edit">コメントの編集</h3>
<form method="post" action="./" name="comment_form">
<div class="comment-area2">
<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">URL</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><script type="text/javascript" src="http://blog85.fc2.com/load.js"></script><br>
<textarea id="comment" cols="85" rows="8" name="edit[body]"><%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]">秘密にする</dd>
</dl></div>
<p class="form-btn"><input type="submit" value="編集送信"> <input type="submit" name="edit[delete]" value="削除"></p>
</form></div>
<!--/edit_area-->
<!-- コメント編集部分:ここまで -->

<!-- トラックバック部分:ここから -->
<!--trackback_area-->

<table width="500" class="trackback_table" border="0" CELLPADDING="0" CELLSPACING="0">

<tr>
<td>
<div class="trackback_header">
<div class="trackback_headertitle"> <a name="trackback" id="trackback-top">トラックバック</a></div></div>

<h5>トラックバックURL</h5>
<div class="trackback_top">
→<a href="<%trackback_url>"><%trackback_url></a><br>
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a>
</div>

<!--trackback-->
<div class="trackback_title"><a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a></div>
<div class="trackback_text">
<%tb_excerpt></div>
<div class="trackback_footer">
<%tb_blog_name>【 <%tb_year>/<%tb_month>/<%tb_day> <%tb_hour>:<%tb_minute> 】
</div>
<!--/trackback-->

</td>
</tr>
</table>
<!--/trackback_area-->
<!-- トラックバック部分:ここまで -->

<!-- 移動ナビ;ここから -->
<p class="prev-next-navi">
<!--prevpage--><a href="<%prevpage_url>" title="前項へ移動"> 前ページ←
</a><!--/prevpage-->
<a href="<%url>">HOME</a>
<!--nextpage--><a href="<%nextpage_url>" title="次項へ移動"> →次ページ</a><!--/nextpage-->
</p>
<!-- 移動ナビ;ここまで -->

<!-- 著作権表示:ここから ★削除厳禁★ -->
<div id="siteinfo-legal"><!-- siteinfo-legal -->
<p><br>Copyright (C) 2006 <%blog_name> rights reserved.
<br>
<a href="http://temtemclub.blog119.fc2.com/" target="_blank">Template : TEMTEM★倶楽部</a><br>
<%ad><%ad2></p>
</div><!-- /siteinfo-legal -->
<!-- 著作権表示:ここまで ★削除厳禁★ -->

</div><!-- /primary-column -->

<!-- メニュー部分:ここから -->
<div id="secondary-column" class="column"><!-- secondary-column -->

<!--plugin-->

<!--plugin_first-->
<div class="plugin_header">
<div class="plugin_title">
<%plugin_first_title></div></div>
<div class="plugin_body">
<div class="plugin_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>
<!--/plugin_first-->

<!--/plugin-->

</div> <!-- /secondary-column -->
</div><!-- /wrapper -->

<div id="extra-column" class="column"><!-- extra-column -->

<!--plugin_second-->
<div class="plugin_header">
<div class="plugin_title">
<%plugin_second_title></div></div>
<div class="plugin_body">
<div class="plugin_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>
<!--/plugin_second-->

</div> <!-- /extra-column -->
<!-- メニュー部分:ここまで -->

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

</body>
</html>

「スタイルシートの編集」

@charset "EUC-JP";

/**************************************************************

ダウンロードしていただき、ありがとうございます(*^_^*)

★テンプレートをお使いの前に、当ブログのテンプレート利用規約をお読み下さい。
★不具合の報告・質問等は当ブログにてお願いします。

[TEMTEM★倶楽部]
ブログ:http://temtemclub.blog119.fc2.com/

******************************************************AYU*****/


/*********************************** 全体的な設定lammban ***A*/

/* contentプロパティの初期化 */

*:before,
*:after {
content : "";
}

/* 全体的なマージン・パディング・フォントスタイル等の初期化 */

* { margin : 0;
padding : 0; }

/* ブログ全体 */
body {
color : #532828;
background : url("http://blog-imgs-12.fc2.com/t/e/m/temtemclub/tp2-02-01.gif") ;
background-repeat : repeat;
background-position : left top;
background-color : #ffffff;
text-align : center;
line-height : 1.5;
font-size : x-small !important;
font-size : small !important;
}

html>body {
font-size : small !important;
}

textarea {
width : 90%;
}

/* スクロールバーの色 */
html{
scrollbar-face-color : #fffaf4;
scrollbar-highlight-color : #fffaf4;
scrollbar-shadow-color : #f0d8d2;
scrollbar-3dlight-color : #f0d8d2;
scrollbar-arrow-color : #f0d8d2;
scrollbar-darkshadow-color : #fffaf4;
}

/******************************************* リンクの設定 ***A*/

/* リンクの設定 */
a {text-decoration : none;}
a:link {color : #763a3a !important;}
a:visited {color : #763a3a !important;}
a:hover {color : #4a5871 !important;}
a:active {color : #763a3a !important;}

/* 画像 */
a img {
border-style : none;
border-width : 0px;
text-decoration : none;
}

/******************************** レイアウト用ブロックの設定 ***A*/

/* 全体の大枠 */
div#container {
width : 900px;
margin : 0px auto;
text-align : center;
}

/* ブログタイトル背景 */
div#branding {
width : 900px;
height : 150px;
margin-top : 20px;
float : left;
background-image : url(http://blog-imgs-12.fc2.com/t/e/m/temtemclub/tp2-02-02-a.gif) ;
background-repeat : repeat;
background-position : left top;
}

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

/* primary-columnとsecondary-columnの回り込み */
div#wrapper {
float : left;
width : 700px;
padding : 0px 0px 50px 0px;
}

/* 本文部分ブロック */
div#primary-column {
float : right;
width : 500px;
margin:0;
padding:0;
}

html>body div#primary-column {
width : 500px;
}

/* アーカイブ関連ブロック */
div#secondary-column {
float : left;
width : 190px;
margin:0;
padding:0;
}

div#extra-column {
float : right;
width : 190px;
margin:0;
padding:0;
}

/* 著作表示ブロック */
div#siteinfo-legal {
clear : both;
margin : 0 0px;
}

/************************** タイトル・サイトの説明部分の設定 ***A*/

/* タイトル名 */
div#branding h1 {
font-family : "HGP創英角ポップ体",Osaka;
font-weight : normal;
font-size : 20pt;
padding-top : 40px;
padding-left : 25px;
padding-right : 150px;
text-align : center;
}

/* ブログ名リンクの設定 */
div#branding h1 a {text-decoration : none;}
div#branding h1 a:link {color : #9b6755 !important;}
div#branding h1 a:visited {color : #9b6755 !important;}
div#branding h1 a:hover {color : #808080 !important;}
div#branding h1 a:active {color : #9b6755 !important;}

/* サイトの説明文 */
div#branding p {
font-family : "Comis Sans MS",Osaka;
font-weight : normal;
padding-left : 30px;
padding-right : 160px;
padding-top : 0px;
padding-bottom : 0px;
font-size : 12px;
text-align : center;
}

/************************************ 横カレンダーの設定 ***A*/

/* 横カレンダー */
.line-calender {
text-align : center;
font-family : Georgia,Helvetica, Arial,sans-serif;
font-size : 12px;
color : #4c210e;
padding : 0px 0px;
margin : 0px auto;
}

.day {
margin : 0 2px;
}

/* 横カレンダーのリンク色 */
.line-calender a {
text-decoration:none;
font-weight:bold;
color:#20180d !important;
}

.line-calender a:link,
.line-calender a:visited,
.line-calender a:active {
text-decoration:none;
font-weight:bold;
color:#6f3737 !important;
}

.line-calender a:hover {
color: #993333 !important;
text-decoration:none;
}

/*********************************** Primary-Columnの設定 ***A*/

/* プラグイン「3」タイトル背景 */
div.plugin3_header {
margin : 0px 0px 0px 0px;
height : 23px;
background-color:#f0d8d2;
}

/* プラグイン「3」タイトル */
div.plugin3_title {
padding : 2px 10px 0px 23px;
font-family : "HGP創英角ポップ体",Osaka;
font-size : 11pt;
text-align : left;
font-weight : normal;
color : #532828;
}

/* プラグイン「3」本文 */
div.plugin3_body {
padding : 7px 10px 7px 15px;
margin : 0px 0px 0px 0px;
line-height : 20px;
text-align : left;
font-weight : normal;
font-family :Georgia,Osaka;
background-color:#fffaf4;
}

/* プラグイン「3」本文中の文字色とリンク色 */
div.plugin3_body a{color : #20180d !important; font-weight : bold; }
div.plugin3_body a:link {color : #44553c !important;}
div.plugin3_body a:visited {color : #44553c !important;}
div.plugin3_body a:hover {color : #996666 !important;}
div.plugin3_body a:active {color : #44553c !important;}

/* プラグイン「3」の大枠 */
div.section3 {
width : 496px;
margin-bottom : 15px;
border : 2px solid #e8c2bb;
}

/* メニューリスト */
div.plugin3_body ul {
text-align : left;
color : #5c1f33;
text-decoration : none;
list-style-type : disc;
padding-left : 10px;
}

/* ページ移動用ナビゲーション */
p.prev-next-navi {
margin : 15px 0px 20px 0px;
text-align : center;
width : 100%;
background-color : #f0d8d2;
}

/* 記事部分大枠 */
div.section {
padding-top : 0px;
margin-bottom : 25px;
border : 2px dotted #dca89c;
}

/* 記事のタイトル背景 */
div.entry-header {
margin : 0px 0px 0px 0px;
height : 72px;
text-align : left;
background-image : url(http://blog-imgs-12.fc2.com/t/e/m/temtemclub/tp2-02-03.gif) ;
background-repeat : repeat-x;
background-position : left top;
background-color : #ffffff;
}

/* 記事のタイトル部分 */
div.section h2 {
font-weight : normal;
font-family : "HGP創英角ポップ体",Osaka;
text-align : left;
padding : 13px 10px 0px 15px;
font-size : 12pt;
}

/* 段落の設定 */
div.section p {
margin : 1.5em 0 0 0;
}

/* 記事日付+時間+記事NO */
div.entry-date {
font-size : 10pt;
font-weight : normal;
padding : 2px 15px 0px 15px;
text-align : right;
color : #35354e;
border-bottom : 2px dotted #dca89c;
}

/* 記事本体部分 */
div.entry-body {
padding : 13px 11px 13px 13px;
margin : 0px 0px 0px 0px;
line-height : 20px;
text-align : left;
background-color : #fffaf4;
}

/* 記事内リンク色 */
div.entry-body a:link {color : #9a4e61 !important; font-weight : bold; }
div.entry-body a:visited {color : #9a4e61 !important; font-weight : bold; }
div.entry-body a:hover {color : #779652 !important;}
div.entry-body a:active {color : #9a4e61 !important;}


/* 追記部分 */
p.entry-more {
padding : 1px 15px 0 0;
text-align : right;
}

/* 記事フッター部分 */
.entry_footer {
text-align : right;
font-size : 12px;
line-height : 1.2;
margin : 0px 0px 0px 0px;
padding : 5px 20px 5px 20px;
border-top : 2px dotted #dca89c;
}

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

/************************************* コメント部分の設定 ***A*/

/* コメント枠 */
div.section2 {
margin: 0px 0px 10px 0px;
padding : 5px 0px 0px 0px;
border : 2px dotted #dca89c;
background-color : #fffaf4;
}

/* コメントフォーム */
div#primary-column form {
padding : 0 10px 0 10px;
text-align : left;
}

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

/* コメントフォームのボタン */
p.form-btn {
height : 25px;
text-align : center;
padding : 5px 10px 10px 10px;
}

/* コメントトップ */
h3#comment-top {
font-family : "HGP創英角ポップ体",Osaka;
margin : 0px 0px 0px 0px;
padding : 5px 20px 0px 40px;
height : 35px;
font-size : 13pt;
text-align : left;
font-weight : normal;
background-image : url(http://blog-imgs-12.fc2.com/t/e/m/temtemclub/tp2-02-07.gif) ;
background-repeat : no-repeat;
background-position : left top;
}

/* コメント全体枠 */
.comment-area {
margin : 10px 0px 30px 0px;
padding : 0px 0px 0px 0px;
width : 500px;
}

/* コメント投稿枠 */
.comment-area2 {
margin : 0px 0px 0px 0px;
padding : 10px 10px 10px 10px;
}

/* コメントの投稿&編集文字部分 */
h3.comment-post,
h3.comment-edit {
font-family : "HGP創英角ポップ体",Osaka;
margin : 25px 0px 2px 0px;
padding : 5px 20px 0px 40px;
height : 35px;
font-size : 13pt;
text-align : left;
font-weight : normal;
background-image : url(http://blog-imgs-12.fc2.com/t/e/m/temtemclub/tp2-02-07.gif) ;
background-repeat : no-repeat;
background-position : left top;
}

/* コメントのタイトル */
h4.comment-header {
height : 25px;
font-family : "HGP創英角ポップ体",Osaka;
padding : 5px 20px 0px 50px;
margin : 10px 0px 2px 0px;
font-weight : normal;
text-align : left;
font-size : 12px;
background-image : url(http://blog-imgs-12.fc2.com/t/e/m/temtemclub/tp2-02-06.gif) ;
background-repeat : no-repeat;
background-position : left top;
}

/* コメント本文 */
div.comment-body {
padding : 10px 15px;
text-align : left;
background : #ffffff;
margin : 0px 8px;
}

/* コメントフッター */
ul.comment-footer {
margin-top : 0px;
text-align : right;
margin-bottom : 5px;
padding : 3px 20px 3px 10px;
}

ul.comment-footer li {
text-align : right;
display : inline;
list-style-type : none;
}

/* コメント書込フォームのコメントスクロールバー色 */
dd{
scrollbar-face-color : #fffaf4;
scrollbar-highlight-color : #fffaf4;
scrollbar-shadow-color : #f0d8d2;
scrollbar-3dlight-color : #f0d8d2;
scrollbar-arrow-color : #f0d8d2;
scrollbar-darkshadow-color : #fffaf4;
}

input {
background-color : #fffaf4;
border : 1px solid #f0dcd7;
}

textarea {
background-color : #fffaf4;
border : 1px solid #f0dcd7;
}

/******************************* トラックバック部分の設定 ***A*/

/* トラックバック大枠 */
.trackback_table{
width : 500px;
margin-top : 25px;
margin-bottom : 25px;
padding-bottom : 10px;
border : 2px dotted #dca89c;
background-color : #fffaf4;
}

/* トラックバックタイトル背景 */
.trackback_header {
margin : 5px 5px 0px 5px;
height : 23px;
text-align : left;
background-color : #d79a88;
}

/* トラックバックタイトル */
.trackback_headertitle {
font-weight : normal;
font-family : "HGP創英角ポップ体",Osaka;
text-align : left;
padding : 0px 20px 0px 20px;
font-size : 12px;
color : #ffffff;
}

/* トラックバックURI */
h5 {
font-family : "HGP創英角ポップ体",Osaka;
margin : 10px 0px 0px 0px;
padding : 2px 20px 0px 40px;
text-align : left;
font-weight : normal;
font-size : 12px;
border-top : 2px solid #d79a88;
border-bottom : 2px dotted #d79a88;
}

.trackback_top {
margin : 0px 0px 10px 0px;
padding : 5px 30px 5px 30px;
text-align : left;
line-height : 150%;
}

/* トラックバックのタイトル */
.trackback_title{
font-family : "HGP創英角ポップ体",Osaka;
text-align : left;
font-weight : normal;
margin : 10px 0px 0px 0px;
padding : 2px 20px 0px 40px;
border-top : 2px solid #d79a88;
border-bottom : 2px solid #d79a88;
}

/* トラックバック先の概要 */
.trackback_text {
text-align : left;
padding : 5px 30px 0px 30px;
line-height : 150%;
}

/* トラックバックフッター */
.trackback_footer {
text-align : right;
margin-bottom : 5px;
padding : 0px 25px 0px 20px;
line-height : 150%;
border-top : 2px dotted #d79a88;
border-bottom : 2px solid #d79a88;
}

/********************************* Secondary-Columnの設定 ***A*/

/* メニュータイトル背景 */
div.plugin_header {
height : 25px;
background-image : url(http://blog-imgs-12.fc2.com/t/e/m/temtemclub/tp2-02-04-a.gif) ;
background-repeat : no-repeat;
background-position : left top;
}

/* メニュータイトル */
div.plugin_title {
font-weight : normal;
padding : 3px 6px 0px 30px;
font-family : "HGP創英角ポップ体",Osaka;
font-size : 13px;
text-align : left;
color : #532828;
}

/* メニュー本文枠 */
div.plugin_body {
margin : 0;
padding : 8px 5px 10px 5px;
}

/* メニュー本文 */
div.plugin_text {
text-align : left;
font-size : 12px;
line-height : 140%;
padding : 5px 0px 0px 2px;
}

/* メニューリスト */
.plugin_body ul {
text-align : left;
color : #5c1f33;
text-decoration : none;
list-style-type : disc;
padding-left : 10px;
}

/*********************************** カレンダー部分の設定 ***A*/

div.plugin-calender {
padding : 10px 6px 10px 0px;
}

/* カレンダー表示用のテーブル設定 */
table.calender {
width : 100%;
border-collapse : collapse;
font-size : small;
text-align : center;
}

html>table.calendar {
font-size : small;
}

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

/* カレンダーのセル見出(曜日表示部分) */
.plugin-calender th {
text-align : center;
}

/* カレンダーのセル部分(日付表示部分) */
.plugin-calender td {
text-align : center;
}

/* カレンダーリンク部分(記事を書いた日) */
.plugin-calender td a {
display : block;
text-align : center;
font-weight : bold;
background-image : url(http://blog-imgs-12.fc2.com/t/e/m/temtemclub/tp2-02-08.gif) ;
background-repeat : no-repeat;
background-position : center;
}

/* 日曜日 */
th#sun {
color : #996666;
}

/* 土曜日 */
th#sat {
color : #9999ff;
}

/************************************* フッター部分の設定 ***A*/

div#siteinfo-legal p {
width : 500px;
text-align : center;
}

div#siteinfo-legal p a{text-decoration : none;}
div#siteinfo-legal p a:link {color : #653232 !important;}
div#siteinfo-legal p a:visited {color : #653232 !important;}
div#siteinfo-legal p a:hover {color : #ffcccc !important;}
div#siteinfo-legal p a:active {color : #653232 !important;}

/********************************************* 強調の設定 ***A*/

/* 強調 */
em { font-style : italic; }

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

/********************************************* 引用の設定 ***A*/

blockquote {
width : 94%;
margin : 0em;
padding : 0.7em;
text-align : left;
color : #825b75;
border : 3px dotted #653232;
background-color : #ffffff;
line-height : 20px;
}

/************************************************* コード ***A*/

div.section pre {
margin : 1em auto;
padding : 0.5em;
border : 1px dotted #653232;
font-family : sans-serif;
overflow : auto;
width : 90%;
}

div.section pre {
overflow : scroll;
}

div.section > pre {
width : auto;
}

div.section code {
font-family : monospace;
}

/********************************** Mac版IEの文字化け対策 ***A*/

textarea,input,select {
font-family : "30D230E930AE30CE20Pro20W3","Osaka","Verdana","Helvetica","Arial","FF2DFF3320FF3030B430B730C330AF",sans-serif;
}
スポンサーサイト

*** COMMENT ***

こんばんは♪

3カラム作成ありがとうございます。
お願いがあるのですが
>タイトル部分を中央あたりにしたいのですが
どうしたらよいですかe-3

>blogpeopleからリンクしているためfc2のリンクプラグインを使ってないので
管理者ページに行くことが出来ないのですがどのように設置したらよいですかe-3

おい森ママさんへ

タイトルとは、ブログタイトルの事かしら?

「スタイルシートの編集」内、
/* タイトル名 */
div#branding h1 {
font-family : "HGP創英角ポップ体",Osaka;
font-weight : normal;
voice-family : ""}"";
voice-family : inherit;
font-size : 20pt;
padding-top : 40px;
padding-left : 25px;
padding-right : 150px;
text-align : center;
}

赤太文字を同数にすると、中央に来ます。
ただ、長いブログ名だと、数値によっては、右の鉢植えにかかりますので、ご注意を。

ブログ説明文も同様に。

/* サイトの説明文 */
div#branding p {
font-family : "Comis Sans MS",Osaka;
font-weight : normal;
padding-left : 30px;
padding-right : 160px;
padding-top : 0px;
padding-bottom : 0px;
font-size : 10pt;
voice-family : "\"}\"";
voice-family : inherit;
text-align : center;
}

NO TITLE

超初心者です。気に入って使わせてもらいます。
ありがとうございます!!

おねえさんへ

使って頂いてありがとうございます!
気に入ってくれて嬉しいです♪

気に入ってます・・・!

初めまして、さくらと申します。
すっごく可愛くて一目で気に入り、今、自分のブログで使わせて頂いてます。
私も超初心者なのですが、1つ教えて頂きたいことがありまして・・・。
アクセス解析(FC2の)を付けたいのですが、
FC2のマニュアル通りにやってもうまくいきません。

どうすれば付けられるのでしょうか?

さくらさんへ

DLして頂いて、ありがとうございます(*^_^*)
気に入って頂けて、嬉しいです。

ご質問ですが、どのようなことがうまくいかないのか、をお書きください。
マニュアルのどの辺りまではOKなのか、とか。
テンプレートに貼り付けたけど、ブログでは表示されない、とか。
表示にエラーが出る、とか。

よろしくです~。

すみません・・・

杏さま・・・。
早々にお返事いただいてありがとうございます。
なんせPCオンチなもので、
説明が足りなくてすみませんでした・・・。

あの~、マニュアルでは
FC2のアクセス解析から「htmlタグ」をコピーして
テンプレート(</body>の上に)貼り付けてください。

とのことで、その通りにやってみたのですが・・・。

ブログ上にバナーも表示されず解析データも更新されず、
という状態なんです。
テンプレートを変える前は同様のやりかたで解析できてたんですけど・・・。
タグを貼る位置が悪いのでしょうか?

お手数おかけしてすみません。

さくらさんへ

返答、ありがとうございます。

「解説」では、</body>の上となってますが、一度、<body>の下にタグを入れて見てください。

後、さくらさんのブログURLを教えてください(秘コメでOK)。
表示を確認したいので。

できました~~~!

杏さま・・・。
色々とお手数をおかけしましてすみませんでした。
ご丁寧に対応していただきまして感謝・感謝です。
教えていただいた通りに貼り付け位置を変えてみたら
バナーが表示されました(嬉)!

ありがとうございました・・・。

はじめまして!

こんにちは。

とっても可愛いですねッ!
3カラムを探していましたので、
凄く嬉しいです。

早速使わせていただきたいと思います。
ありがとうございました。

ちょこさんへ

ご報告、ありがとうございます。

旧作なので、仕様が不安ですが、使って頂けたら、嬉しいです♪

こんにちわ。教えてください。

はじめまして。

あまりにもかわいいので、是非使用させていただきたくて
最初、2カラムしかないので 3カラムないかなぁ~と思って
こちらを覗いたら、ありました\(^o^)/

初心者なので分からないながらも
早速 コピーペーストして表示はうまく出来たのですが
タイトルの文字とブログの説明の文字が
枠の上方に行ってしまって 真ん中になりません。
縦位置(?)の中央寄せは どこを変えるとちゃんとなりますか?
横位置は、ちゃんと真ん中に来ています。

ご指導 宜しくお願いします。

まりんさんへ

テンプレートをご利用頂いてありがとうございますv-238

ブログタイトル位置の変更については、『Q&A一覧』の『Q12』を参考にして頂くと、変えられます。
チャレンジくださいね。

何度かやってみたのですが・・

お答えありがとうございます。

色々数字を変えて試してみたのですが
やはり 位置はどの数字を入れても
全く変わりません。


まりんさんへ

タグの中に、

voice-family : ""}"";
voice-family : inherit;

が入ってますが、これが前にあることで機能しないみたいです。
なので、この二つを消しちゃってください。
お手数掛けます。

このテンプレートも旧タイプなので、今のテンプレート機能をつけて作り直しますね。

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

ありがとうございました。出来ました!!

何度もすみませんでした。

教えていただいたとおりに消したら
ちゃんと真ん中きました。

作り直していただけるんですか?
新しいのが出来たら そちらに変更させていただきますが
それまでは、このバージョンで使わせていただきますね。

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

ファビコンアイコンについて

またまた、すみません。
ファビコンアイコンをつけたくて 画像をアップロードして
説明のあったように 挿入してみたのですが表示されません。
画像のURLが良く分からなかったのですが
アップロードした画像のところから『記事を書く』と言うボタンを押して
出たプレビュー画面に出てきた長いアドレス↓

<a href="http://blog-imgs-26.fc2.com/i/m/y/imyykh/010.gif" target="_blank"><img src="http://blog-imgs-26.fc2.com/i/m/y/imyykh/010.gif" alt="" border="0" width="60" height="40" /></a>

を 画像のURLの部分にコピー&ペーストして 更新をすると
ブログトップページの一番上に ちょこんと画像が入ってしまいます。

アドレスが違うのかと思い、この部分
http://blog-imgs-26.fc2.com/i/m/y/imyykh/010.gif

のみ↑でもやってみたのですが
やはりダメでした。
画像がgifのままだからでしょうか?

画像を5種類くらいダウンロードして色々やってみたのですが
やはりどれも表示されないままなんです。

ご指導お願いできませんか。
宜しくお願いします。

まりんさんへ

ブログのファイルアップロード作業は、アップロードのみです。
「記事を書く」作業は必要ありません。

〔3〕設置方法…に書いてあるように、テンプレートのHTMLに組み込んでください。

判りますか?

それと、ファビコンの拡張子は『ico』です。
「gif」になると云うことは、ダウンロードされてないってことだと思います。
(右クリック→「名前をつけて画像を保存」していませんか?)
〔1〕に書いてあるようにDLしてください。

後、質問は、該当記事下にコメントくださいね。

NO TITLE

何度もすみませんでした。 続けての質問でしたので
こちらの方が分かり易いかなと勝手に思ってしまいました。

設置方法などは理解してやったつもりですが
使いたかった画像が 「名前をつけて画像を保存」でしかダメでしたので
gifになったままだったのでしょうね。
それを 変換するソフトなどで試してみたんですがやはりダメでしたので
こちらに書込みさせてもらいました。

結局 ファビコンと名前がついている素材から
ダウンロードした画像を使わせてもらったら ちゃんと出来ました。

色々勉強になりました。
ありがとうございました。

すみません、忘れてます・・

タイトルと名前入れ忘れて送信してしまいました(^^;
送信後、気が付いて PASSを入れてなかったので
編集できず・・重ね重ねほんとにすみませんでした。

まりんさんへ

gif・jpgなど以外の拡張子で作るには、専用のソフトがいるそうです。
私は作ったことがないので、まったく判りませんが…。

設置できて良かったです♪

COMMENT投稿

管理人にだけ読んでもらう

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