[PR]
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
低周波音と耳鳴りに悩まされ不眠状態に陥る日々とアンチエイジング。只今、現状打破を試み奮闘中。
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
■コメント記事のデザインの変更。
少々視覚的に見難いなぁと思った部分の変更。
空間を空けたり詰めたりしただけですが。
□コメントタイトルの前にマークを付ける。
177行目辺りの<!--comment-->~~~ <!--/comment-->内にある
<!--$comment_title-->
の前に"■"マークを付けました。
□コメントタイトルとコメント記事の間が開き過ぎていて見難かったのでコメントタイトルの高さや幅を変更。
CSSの221~231行目辺り。
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin: 5px 0px;
padding: 5px;
}
赤文字部分を追加。
/*コメントのタイトル部分*/
.CommentTitle{
margin-left:15px;
height:30px;
text-align: left;
font-weight:bold;
}
赤文字部分を30px→15pxに変更。
■記事の日付の表示の変更とリンク削除。
記事の日付が年月日曜表示(yyyy/mm/dd (wday))になっているところに時分(hh:mm)を追加。
また、日付表示部分から日付カテゴリーにリンクされるようになっていたのでその部分を削除しました。
赤文字が追加、青文字が削除部分です。
□59~65行目辺り。
<div class="EntryInnerBlock">
<div class="EntryTitle">
<span class="EntryWriteDate">
<a href="/Date/<!--$entry_year--><!--$entry_mon--><!--$entry_day-->/"><!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day--> (<!--$entry_wday-->)</a>
</span>
<span class="EntryTitleFont">
<a href="<!--$entry_link-->"><!--$entry_title--></a></span>
</div>
↓
<div class="EntryInnerBlock">
<div class="EntryTitle">
<span class="EntryWriteDate">
<!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day--> (<!--$entry_wday-->) <!--$entry_hour-->:<!--$entry_min--></span>
<span class="EntryTitleFont">
<a href="<!--$entry_link-->"><!--$entry_title--></a></span>
</div>
■日付の表示のとその周辺の変更。
デフォルトでは(mm/dd)と月日表示なっていたのですが、これを(yyyy/mm/dd hh:mm)と年月日時分の表示に変更。
管理画面の環境設定・プラグインの設定で各項目のHTML編集にて行います。
赤色文字が追加、青文字が削除した部分です。
日付は( )や[ ]内に表示されていたのですが、"---"の後に表示されるようにしました。
また、タイトルの前に"■"マークを入れました。
コメントに返信した場合に表示される画像を出ないようにしました。
■独自構文解説書/構文辞典INDEX
http://blog.ninja.co.jp/Tag/TagIndex/
□最新記事の日付の表示の変更。
<!--plugin_entry-->
<div class="plugin_data">
<a href="<!--$plugin_entry_link-->"><!--$plugin_entry_title--></a>
</div>
<div class="plugin_data_date">(<!--$plugin_entry_mon-->/<!--$plugin_entry_day-->)</div>
<!--/plugin_entry-->
↓
<!--plugin_entry-->
<div class="plugin_data">
<a href="<!--$plugin_entry_link-->">■<!--$plugin_entry_title--></a>
</div>
<div class="plugin_data_date">
---<!--$plugin_entry_year-->/<!--$plugin_entry_mon-->/<!--$plugin_entry_day--> <!--$plugin_entry_hour-->:<!--$plugin_entry_min-->
</div>
<!--/plugin_entry-->
□最新コメントの日付の表示の変更。
<!--plugin_comment-->
<div class="plugin_data">
<div class="plugin_cm<!--if_comment_res-->_with_res<!--/if_comment_res-->">
<a href="<!--$plugin_comment_link-->"><!--$plugin_comment_title--></a>
<!--if_comment_res--><img alt="" align="absMiddle" src="http://bfile.shinobi.jp/emoji/V/88.gif" /><!--/if_comment_res-->
</div>
</div>
<div class="plugin_data_date">[<!--$plugin_comment_mon-->/<!--$plugin_comment_day--> <!--$plugin_comment_name-->]
</div>
</div><!--/plugin_comment-->
↓
<!--plugin_comment-->
<div class="plugin_data">
<div class="plugin_cm<!--if_comment_res-->_with_res<!--/if_comment_res-->">
<a href="<!--$plugin_comment_link-->">■<!--$plugin_comment_title--></a>
</div>
</div>
<div class="plugin_data_date">---<!--$plugin_comment_year-->/<!--$plugin_comment_mon-->/<!--$plugin_comment_day--> <!--$comment_hour-->:<!--$comment_min-->*<!--$plugin_comment_name-->
</div>
blockquote { margin:15px 15px; background:#FFF; font-size:12px; border:1px dotted #999; padding:10px; } |
■サイドバーのプラグインの説明部分の為のスペースをなくす。
サイドバーのプラグインの説明をつける気が全くなかったので微妙に空間が出来る(説明があった場合の記述スペースなのだと思いますが)のが何だか気持ち悪かったのです。
□CSSの116~119行目辺りの
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 10px;
}
赤色部分を
padding: 0px;
に変更する。
もしかすると赤色部分を削除してしまっても大丈夫かも(未確認)。
了