入口 > テンプレ - 修正報告 > いくつかマイナーチェンジしました

いくつかマイナーチェンジしました

見た目の細かい部分とか、普通に使っている分には特に問題ないだろう部分とかの変更です。マイチェンなので「ver.3-2-1」としました。
1.入口ページのメニュー開閉の挙動を少し変更(親子メニューの親をクリックすると子が表示状態で固定される、というのが感覚的にわかりづらく気になってたので)

◎HTML(赤字を追加)

<li class="liTop">
<a class="aTop default" href="#null" title="click to fix"><%category_name></a>
<ul class="sub">

◎スタイルシート(赤字を追加)

/* 字の形と装飾とサイズ 【基本】 */
 ・
 ・
.cursor { cursor: pointer; }
.default { cursor: default; }



2.大きな画面での閲覧時の最大幅制限を撤去(なんかやっぱり検索窓とパンくずリストとフッターが中途半端なとこに表示されてる気がして落ち着かないので)

◎スタイルシート(取り消し線部分を削除)

/* 共通 */
html, body { height: 100%; }
body { text-align: center; }
#container { text-align: center; width: 100%; max-width: 1280px; margin: 0 auto; position: relative; padding-top: 70px; }



3.記事編集ボタンの位置変更(ぴったり合わせてたつもりだったのにpage_area解釈トラブルのあたりぐらいからえらい間が空くようになっちゃったので)

◎スタイルシート(取り消し線部分を削除)

/*** 入口以外ページ配置 ***/
#not_index_area { width: 800px/*記事エリア幅*/; margin: 0 auto; padding: 50px 20px; }
.topentry { width: 80%/*記事内容幅(640px)*/; margin: 0 auto; padding-top: 50px; text-align: left; }
.topentry_body { margin: 5px auto; line-height: 200%; }
.fc2_footer { padding:0!important; margin: 30px 0 0 0; }
.edit { text-align: right; padding-top: 20px; }

/* 日記ページ配置 */
.nikki .h2 { text-align: center; padding: 50px 0; }
h4 { text-align: center; margin: 0 0 50px 0; }
.date, .pagetop { margin: 0 auto; text-align: right; }
.date { margin: 15px auto; }
.nikki .topentry { margin-bottom: 90px; padding-top: 90px; }
.morelink { padding-left: 10%; margin: 50px 0; }
.nikki .edit { position: relative; top: 10px; }



4.あんまり使わないページ関係をより厳密に整理(?pc、?page=Nなどでアクセスしたときの見苦しさを軽減するため)

◎HTML(上下コードを差し替え)

<!--not_permanent_area--><!--not_category_area--><!--not_edit_area--><!--not_tag_area-->
<div class="topentry" id="sonota">
<h3><!--titlelist_area--><span class="h3">全更新履歴</span><!--/titlelist_area-->
<!--not_titlelist_area--><span class="h3"><%sub_title><!--search_area--> の検索結果<!--/search_area--><!--date_area--> に書かれた記事<!--/date_area--></span><!--/not_titlelist_area--></h3>
 ・
 ・
 ・
<!--コメン卜機能を使用しない場合はここを空きページとして使えます
 アドレスはhttp://ブログアドレス/?mode=editです-->
<!--/edit_area-->
<!--/not_category_area--><!--/not_permanent_area-->


↑↑↑これを ↓↓↓これに

<!--titlelist_area-->
<!--■全記事一覧ページ■-->
<div class="topentry" id="sonota">
<h3><span class="h3">全更新履歴</span></h3>
<div class="topentry_body">
<ul>
<!--titlelist-->
<li class="date_<%titlelist_year><%titlelist_month> cat_<%titlelist_category_no> titlelist_cat<%titlelist_category_no> titlelist_no<%titlelist_eno>"><%titlelist_year>/<%titlelist_month>/<%titlelist_day> ... <a
href="<%titlelist_url>" title="<%titlelist_body>"><%titlelist_title></a> [<a
href="<%titlelist_category_url>" title="「<%titlelist_category>」ト&#12483;プへ"><%titlelist_category></a>]</li>
<!--/titlelist-->
</ul>
</div><!--/.topentry_body-->
</div><!--/.topentry-->
<div id="back">
<!--prevpage-->
<a href="<%prevpage_url>" title="<%template_prevpage>へ">&laquo; prev</a>
<!--/prevpage-->
<a href="<%url>" title="トップへ">BACK</a>
<!--nextpage-->
<a href="<%nextpage_url>" title="<%template_nextpage>へ">next &raquo;</a>
<!--/nextpage-->
</div><!--/#back-->
<!--■全記事一覧ページ終■-->
<!--/titlelist_area-->
<!--search_area-->
<!--■検索結果ページ■-->
<div class="topentry" id="sonota">
<h3><span class="h3"><%sub_title> の検索結果</span></h3>
<div class="topentry_body">
<ul>
<!--topentry-->
<li class="sonota sonota_cat<%topentry_category_no> sonota_no<%topentry_no>"><%topentry_year>/<%topentry_month>/<%topentry_day> ... <a
href="<%topentry_link>" title="<%topentry_discription>"><%topentry_title></a> [<a href="<%topentry_category_link>" title="「<%topentry_category>」ト&#12483;プへ"><%topentry_category></a>]</li>
<!--/topentry-->
</ul>
</div><!--/.topentry_body-->
</div><!--/.topentry-->
<div id="back">
<!--prevpage-->
<a href="<%prevpage_url>" title="<%template_prevpage>へ">&laquo; prev</a>
<!--/prevpage-->
<a href="<%url>" title="トップへ">BACK</a>
<!--nextpage-->
<a href="<%nextpage_url>" title="<%template_nextpage>へ">next &raquo;</a>
<!--/nextpage-->
</div><!--/#back-->
<!--■検索結果ページ終■-->
<!--/search_area-->
<!--date_area-->
<!--■月・曰別ページ■-->
<div class="topentry" id="sonota">
<h3><span class="h3"><%sub_title> に書かれた記事</span></h3>
<div class="topentry_body">
<ul>
<!--topentry-->
<li class="sonota sonota_cat<%topentry_category_no> sonota_no<%topentry_no>"><%topentry_year>/<%topentry_month>/<%topentry_day> ... <a
href="<%topentry_link>" title="<%topentry_discription>"><%topentry_title></a> [<a href="<%topentry_category_link>" title="「<%topentry_category>」ト&#12483;プへ"><%topentry_category></a>]</li>
<!--/topentry-->
</ul>
</div><!--/.topentry_body-->
</div><!--/.topentry-->
<div id="back">
<!--prevpage-->
<a href="<%prevpage_url>" title="<%template_prevpage>へ">&laquo; prev</a>
<!--/prevpage-->
<a href="<%url>" title="トップへ">BACK</a>
<!--nextpage-->
<a href="<%nextpage_url>" title="<%template_nextpage>へ">next &raquo;</a>
<!--/nextpage-->
</div><!--/#back-->
<!--■月・曰別ページ終■-->
<!--/date_area-->
<!--tag_area-->
<!--■プラグイン(夕グ検索結果)ページ■-->
<!--plugin_first-->
<div class="topentry" id="<%plugin_first_tag><%plugin_first_no>">
<h4><span class="h4"><a href="#<%plugin_first_tag><%plugin_first_no>"><%plugin_first_title></a></span></h4>
<div class="topentry_body" style="text-align:<%plugin_first_align>;">
<!--plugin_first_description-->
<div style="<%plugin_first_ialign>"><%plugin_first_description></div>
<!--/plugin_first_description-->
<%plugin_first_content>
<!--plugin_first_description2-->
<div style="<%plugin_first_ialign>"><%plugin_first_description2></div><!--/plugin_first_description2-->
</div><!--/.topentry_body-->
</div><!--/.topentry-->
<div class="pagetop">
<a href="#pankuzu" title="<%template_go_top>">▲</a>
</div><!--/.pagetop-->
<div class="back">
<a href="<%url>" title="サイトト&#12483;プへ">BACK</a>
</div><!--/.back-->
<!--/plugin_first-->
<!--plugin_second-->
<div class="topentry" id="<%plugin_second_tag><%plugin_second_no>">
<h4><span class="h4"><a href="#<%plugin_second_tag><%plugin_second_no>"><%plugin_second_title></a></span></h4>
<div class="topentry_body" style="text-align:<%plugin_second_align>;">
<!--plugin_second_description-->
<div style="<%plugin_second_ialign>"><%plugin_second_description></div>
<!--/plugin_second_description-->
<%plugin_second_content>
<!--plugin_second_description2-->
<div style="<%plugin_second_ialign>"><%plugin_second_description2></div><!--/plugin_second_description2-->
</div><!--/.topentry_body-->
</div><!--/.topentry-->
<div class="pagetop">
<a href="#pankuzu" title="<%template_go_top>">▲</a>
</div><!--/.pagetop-->
<div class="back">
<a href="<%url>" title="サイトト&#12483;プへ">BACK</a>
</div><!--/.back-->
<!--/plugin_second-->
<!--plugin_third-->
<div class="topentry" id="<%plugin_third_tag><%plugin_third_no>">
<h4><span class="h4"><a href="#<%plugin_third_tag><%plugin_third_no>"><%plugin_third_title></a></span></h4>
<div class="topentry_body" style="text-align:<%plugin_third_align>;">
<!--plugin_third_description-->
<div style="<%plugin_third_ialign>"><%plugin_third_description></div>
<!--/plugin_third_description-->
<%plugin_third_content>
<!--plugin_third_description2-->
<div style="<%plugin_third_ialign>"><%plugin_third_description2></div><!--/plugin_third_description2-->
</div><!--/.topentry_body-->
</div><!--/.topentry-->
<div class="pagetop">
<a href="#pankuzu" title="<%template_go_top>">▲</a>
</div><!--/.pagetop-->
<div class="back">
<a href="<%url>" title="サイトト&#12483;プへ">BACK</a>
</div><!--/.back-->
<!--/plugin_third-->
<!--■プラグイン(夕グ検索結果)ページ終■-->
<!--/tag_area-->
<!--edit_area-->
<!--コメン卜機能を使用しない場合はここを空きページとして使えます
 アドレスはhttp://ブログアドレス/?mode=editです-->
<!--/edit_area-->



2012-11-26