テンプレートだけでも作成しておこう -part 2
関連記事:morpheus_black更新 / FC2ブログ、TP更新記録 / ct_responsive3c黒助
(レスポンシブ対応テンプレート)の共有TPの中で Janedoe1471 [janedoe1471] 氏作成の「morpheus_black」(更新19/09/27)を変更。なお、この版は本告知によるバージョンアップが適用されている。同氏サイト「Heart on my sleeve」。以下、試行用としていたFC2ブログへの工事について防備記録。(※Janedoe1471 [janedoe1471] の作品、 vanillaice (Akira)[vanillaice000] の作品)
-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-・-
<< スタイルシート編集 >>

1.引用の枠が目立ちすぎるので、簡潔にした
/*記事内h3*/
.blog_entry_text h3{position:relative;}
.blog_entry_text h3:before{content:"\e3ae";width:30px;height:100%;display:flex;align-items:center;justify-content:center;padding:0;line-height:normal;font-family:'Material Icons';color:#fff;font-size:20px;position:absolute;left:0;top:0;}
/*記事内引用枠*/
.blog_entry_text blockquote{margin:15px 0;border:solid 1px #ccc;position:relative;padding:20px 20px 20px 60px;}
.blog_entry_text blockquote:before{content:"\e244";width:40px;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;background:#f2f2f2;font-family:'Material Icons';font-size:30px;color:#888;}/strike>


2.文字サイス(font-size:)を変えると、表示が崩れるので中止した。font-familyも変更していない

3.代替え画像が表示されないようにしたいが、変更箇所がわからない。以下、グレー箇所ピックアッブ
/*サムネイルホバーエフェクト*/
.l_container .blog_content_tmb_wrap{position:relative;opacity:1.0;transition: all .4s ease-in-out;}
.l_container .blog_content_tmb_wrap:after{content:"記事を読む";width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;background:rgba(0,0,0,.3);color:#fff;font-size:16px;font-weight:bold;transition:all .4s ease-in-out;opacity:0;-webkit-transform:scale(0);transform:scale(0);overflow:hidden;}
.l_container .blog_content_tmb_wrap:hover:after{opacity:1;transform:scale(1);}
/*画像なし時の代替*/ 
.blog_content_tmb{position:relative;}
span.blog_content_tmb.no_tmb_img:after{content:"No Image";white-space:pre;width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;color:#fff;font-weight:bold;font-size:14px;}

<< HTML文の編集 >>
1.「メールアトレス入力欄」を除去
<div class="comment_form_title">
<label for="mail"><%template_address></label>
</div>

<div class="comment_form_input">
<input id="mail" class="comment_form_text" type="text" name="comment[mail]" size="30" value="<%cookie_mail>" /><%cookie_mail>" /><%cookie_mail>" />
</div>

2.「記事編集」ボタンを付ける
<!--allow_tb-->
<div class="tb_counts"><a href="<%topentry_link>#tb">トラックバック(<%topentry_tb_num>)</a></div>
<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank" title="編集(管理用)">記事編集</a>
<!--/allow_tb-->

3.年月日&時間の表示を日本語にした
<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>:<%topentry_minute>
※<%topentry_youbi>- 曜日(洋風)を表示 ⇒ <%topentry_wayoubi>- 曜日(和風)を表示

4.ブログタイトル部分に紹介文を足した
<h1 class="header_blog_name"><%blog_name></h1>
<span class="header_introduction"><%introduction>
<p>トキメキ団塊親父のセカンド・ステージ - 退職爺のボケ封じ</p></span>