徒然雑記
【忍者ブログのテンプレートを作ろう【その3.5】】
calender
recent entry
profile
2010
12
02
Thu.
12
02
Thu.
忍者ブログのテンプレートを作ろう【その3.5】
どうもこんばんは。sazzyです。
なんだかずるずるとなしくずしにしてしまいそうだったので、
久しぶりにちょっとだけテンプレートを修正しました。
以下、メモ代わりに修正点
・左上のブログタイトルのところだけ、なぜかa:hoverが#ff0000になっていたので#ffffffに修正。
作ってる途中はとりあえず赤!とかわかりやすい色にしがちなんですが、
そのまま忘れてました。てへ☆
・記事下の左側のページリンクが記事ページしか出なくなってたので修正。
【修正前】
<!-- ul.PageLinkBlock -->
<ul class="PageLinkBlock">
<!--if_prev_page-->
<li><a href="http://<!--$g_user_id--><!--$pagelink_prev_link-->"><<<!--$pagelink_prev_title--></a></li>
<!--/if_prev_page-->
<!--if_not_page-->
<li><a href="http://<!--$g_user_id-->">HOME</a></li>
<!--/if_not_page-->
<!--if_next_page-->
<li><a href="http://<!--$g_user_id--><!--$pagelink_next_link-->">>><!--$pagelink_next_title--></a></li>
<!--/if_next_page-->
<!--pagelink_10-->
<li class="pagelink_10"><!--$pagelink_10_link--></li>
<!--/pagelink_10-->
</ul>
<!-- /ul.PageLinkBlock -->
【現在】
<!-- ul.PageLinkBlock -->
<ul class="PageLinkBlock">
<!--if_prev_page-->
<li><a href="http://<!--$g_user_id--><!--$pagelink_prev_link-->"><<<!--$pagelink_prev_title--></a></li>
<!--/if_prev_page-->
<li><a href="http://<!--$g_user_id-->">HOME</a></li>
<!--if_next_page-->
<li><a href="http://<!--$g_user_id--><!--$pagelink_next_link-->">>><!--$pagelink_next_title--></a></li>
<!--/if_next_page-->
<!--pagelink_10-->
<li class="pagelink_10"><!--$pagelink_10_link--></li>
<!--/pagelink_10-->
</ul>
<!-- /ul.PageLinkBlock -->
赤字のところが編集したところ。
前後がif文だったので真ん中も使いたくなっちゃったんでしょうね。(他人事か)
・記事タイトルの上が2px詰まってたのを解消。
これは単純に記事タイトル部分のクラスにpadding-top:2px;入れたら解消したんですが、
特に位置指定(positionとかtop)を入れていないのに、
どうして2px上にあがっちゃってたのか追求していないのですよ。
また今度、ちゃんと考えます。
多分ひっかかってるとしたらline-heightあたりではないかと思うんですけど。
とりあえず今日はこんなところで!
なんだかずるずるとなしくずしにしてしまいそうだったので、
久しぶりにちょっとだけテンプレートを修正しました。
以下、メモ代わりに修正点
・左上のブログタイトルのところだけ、なぜかa:hoverが#ff0000になっていたので#ffffffに修正。
作ってる途中はとりあえず赤!とかわかりやすい色にしがちなんですが、
そのまま忘れてました。てへ☆
・記事下の左側のページリンクが記事ページしか出なくなってたので修正。
【修正前】
<!-- ul.PageLinkBlock -->
<ul class="PageLinkBlock">
<!--if_prev_page-->
<li><a href="http://<!--$g_user_id--><!--$pagelink_prev_link-->"><<<!--$pagelink_prev_title--></a></li>
<!--/if_prev_page-->
<!--if_not_page-->
<li><a href="http://<!--$g_user_id-->">HOME</a></li>
<!--/if_not_page-->
<!--if_next_page-->
<li><a href="http://<!--$g_user_id--><!--$pagelink_next_link-->">>><!--$pagelink_next_title--></a></li>
<!--/if_next_page-->
<!--pagelink_10-->
<li class="pagelink_10"><!--$pagelink_10_link--></li>
<!--/pagelink_10-->
</ul>
<!-- /ul.PageLinkBlock -->
【現在】
<!-- ul.PageLinkBlock -->
<ul class="PageLinkBlock">
<!--if_prev_page-->
<li><a href="http://<!--$g_user_id--><!--$pagelink_prev_link-->"><<<!--$pagelink_prev_title--></a></li>
<!--/if_prev_page-->
<li><a href="http://<!--$g_user_id-->">HOME</a></li>
<!--if_next_page-->
<li><a href="http://<!--$g_user_id--><!--$pagelink_next_link-->">>><!--$pagelink_next_title--></a></li>
<!--/if_next_page-->
<!--pagelink_10-->
<li class="pagelink_10"><!--$pagelink_10_link--></li>
<!--/pagelink_10-->
</ul>
<!-- /ul.PageLinkBlock -->
赤字のところが編集したところ。
前後がif文だったので真ん中も使いたくなっちゃったんでしょうね。(他人事か)
・記事タイトルの上が2px詰まってたのを解消。
これは単純に記事タイトル部分のクラスにpadding-top:2px;入れたら解消したんですが、
特に位置指定(positionとかtop)を入れていないのに、
どうして2px上にあがっちゃってたのか追求していないのですよ。
また今度、ちゃんと考えます。
多分ひっかかってるとしたらline-heightあたりではないかと思うんですけど。
とりあえず今日はこんなところで!
PR