ラグナロク WebMoney

Neko

みえにゃんとにゃんこたちの毎日
2017 01123456789101112131415161718192021222324252627282017 03
HOME > スポンサー広告 >便利ナビを改造してみましたHOME > カスタマイズ >便利ナビを改造してみました
 スポンサーサイト
--年--月--日 (--) | Edit |
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
   
   人気ブログランキングへ    にほんブログ村 メンタルヘルスブログ うつ病(鬱病)へ
2009年03月15日 (日) | Edit |
昨日の記事にも書きましたが
便利ナビを改造してみました。

・・・といっても初心者なので、いい加減かもしれませんが

共有プラグインのbenri-naviをプラグイン・カテゴリー3に置いて
HTMLを編集して<!--plugin_third-->~<!--/plugin_third-->を
<!--エントリー-->の上に配置します。

<!--▼プラグインカテゴリー3-->
<!--plugin_third-->
<div class="menuBlock">
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="menuBody">
<div class="menuText">
<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>
</div>
<!--/plugin_third-->
<!--▲プラグインカテゴリー3-->

注意マークテンプレートによって違うとは思います。

赤字<%plugin_third_title>部分がそのままでは
titleがBenri-naviとして表示されるので、ここを改造します。

私としては、そのまま表示した時のsub-titleをtitleとしたかったので

本当は<h3></h3>が怪しい目と思ったのですが
こちらには記述がなくて・・・絵文字名を入力してください

仕方がないので、少々面倒ですが、エリア(モード)変数を使いました。

↑

<div class="menuBlockHead" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>

やじるしに変更しました。

<!--index_area-->
<div class="menuBlockHead" style="text-align:<%plugin_first_talign>">&nbsp;記事インデックス
</div>
<!--/index_area-->

<!--category_area-->
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>">&nbsp;カテゴリー &nbsp;[<%sub_title>]
</div>
<!--/category_area-->

<!--tag_area-->
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>">&nbsp;タグ &nbsp;[<%sub_title> ]>]
</div>
<!--/tag_area-->

<!--date_area-->
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>">&nbsp;月別アーカイブ
<a href="<%prev_month_link>">←</a>&nbsp;<%now_year>年<%now_month>月&nbsp;<a href="<%next_month_link>">→</a>
</div>
<!--/date_area-->

<!--search_area-->
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>">&nbsp;[<%sub_title> ] の検索結果
</div>
<!--/search_area-->

<!--not_index_area-->
<!--not_category_area-->
<!--not_date_area-->
<!--not_search_area-->
<div class="menuBlockHead" style="text-align:<%plugin_third_talign>">&nbsp;記事インデックス</div>
<!--/not_search_area-->
<!--/not_date_area-->
<!--/not_category_area-->
<!--/not_index_area-->

記事個別ページとコメント編集ページでは
Benri-Naviを表示したくなかったので
<!--plugin_third-->~<!--/plugin_third-->を
<!--not_permanent_area--><!--not_edit_area-->
~<!--/not_permanent_area--><!--/not_edit_area-->
で囲みました。

そして、benri-nabiのhtmlの

<!--index_area-->
<p style="font-weight:bolder">【記事インデックス】</p>
<!--/index_area-->
<!--category_area-->
<p style="font-weight:bolder">【カテゴリー &nbsp;[<%sub_title> ]】</p>
<!--/category_area-->
<!--date_area-->
<p style="font-weight:bolder">【月別アーカイブ】</p>
<p>
<a href="<%prev_month_link>">←</a>&nbsp;<%now_year>年<%now_month>月&nbsp;<a href="<%next_month_link>">→</a>
</p>
<!--/date_area-->
<!--search_area-->
<p style="font-weight:bolder">【[<%sub_title> ] の検索結果】</p>
<!--/search_area-->
<!--not_index_area-->
<!--not_category_area-->
<!--not_date_area-->
<!--not_search_area-->
<p style="font-weight:bolder">【アーカイブ】</p>
<!--/not_search_area-->
<!--/not_date_area-->
<!--/not_category_area-->
<!--/not_index_area-->

↑部分を削除しました。

これで、思うような表示になったのですが
今一つ気になるところが。。。。

koko3.gif

これをなんとか同じ行にしたくて

<!--category_area-->
<!--next-->
<ul class="benri_navi_state">
<!--prevpage-->
<li><a href="<%prevpage_url>">≪前ページ</a></li>
<!--/prevpage-->
<!--nextpage-->
<li><a href="<%nextpage_url>">次ページ≫</a></li>
<!--/nextpage-->
</ul>
<!--/next-->
<!--/category_area-->
<!--not_category_area-->
<!--not_date_area-->
<ul class="benri_navi_state">
<!--prevpage-->
<li><a href="<%prevpage_url>">≪前ページ</a></li>
<!--/prevpage-->
<!--nextpage-->
<li><a href="<%nextpage_url>">次ページ≫</a></li>
<!--/nextpage-->
</ul>
<!--/not_date_area-->
<!--/not_category_area-->
<!--edit_area-->
-->
<p style="font-weight:bolder">【最近の記事】</p>
<ul id="benri_navi_ul">
<!--recent-->
<li><a href="<%recent_link>" title="記事の先頭へ"><%recent_title>&nbsp;[<%recent_year>/<%recent_month>/<%recent_day>]</a></li>
<!--/recent-->
</ul>
<!--/edit_area-->

やじるしに変更しました。

<!--next-->
<ul class="benri_navi_state">
<div align="left">
<!--prevpage-->
&nbsp;&nbsp;&nbsp;<a href="<%prevpage_url>">≪前ページ</a>
<!--/prevpage-->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<!--nextpage-->
<a href="<%nextpage_url>">次ページ≫</a>
<!--/nextpage-->
</div>
</ul>
<!--/next-->

これで表示もこうなりました。やじるし

koko4.gif

リストタグをはずして、エリア指定もはずしてしまったので
不具合があるかも?とは思いますが
今のところ、ちゃんと動いているようなので
とりあえず、このままで
不具合が見つかったら、元の状態に戻します。

benri-naviとパンくずリスト両方あるのは、どうかとも思うのですが
それも、追々考える事にします。

色々と未熟すぎて、まだまだ納得のいくものにはなっていませんが
今後、デザインの方も、もう少し見られるものにしたいと思っています。

でも、ブログってデザインより
なんといっても中身なんですよね

そちらも、これから精進できたらと思っています。
   
   人気ブログランキングへ    にほんブログ村 メンタルヘルスブログ うつ病(鬱病)へ
テーマ : カスタマイズ   ジャンル : ブログ
 コメント
この記事へのコメント
コメントを投稿
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可
 
 トラックバック
この記事のトラックバックURL
この記事へのトラックバック
Copyright © 2009ねこのあしあと All Rights Reserved.
Customized by みえにゃん   Benri-navi by myhurt
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。