忍者ブログ
管理人・颯来の近況や、オススメのものを紹介! イラスト中心サイト→http://sora9.web.fc2.com/
先週ぐらいからアーカイブ(このブログでは現在右下あたりにある月ごとの記事を表示するもの)を変更してみました。
出来るだけいっぱい表示させたいけど、月日がたつごとに多くなっていくし^^;
てことで、出来るだけいっぱい表示させつつもコンパクトに表示する方法として、ドロップダウンメニューにしてみました。


ドロップダウン リンク などで検索。
そして出てきたこちらなどを参考にしました。


ちなみに、以前のそのまま複数行にわたって表示するのは忍者ブログだとこんな感じ↓
<!--plugin_archive-->
<div>
<a href="<!--$plugin_archive_link-->">
<!--$plugin_archive_year-->年
<!--$plugin_archive_mon-->月
(<!--$plugin_archive_num-->)
</a>
</div>
<!--/plugin_archive-->


変更後(ドロップダウンメニュー)↓
<form>
<select name="slink">
<!--plugin_archive-->
<option value="<!--$plugin_archive_link-->">
<!--$plugin_archive_year-->年<!--$plugin_archive_mon-->月 (<!--$plugin_archive_num-->)
</option>

<!--/plugin_archive-->
</select>
<INPUT type="button" value="GO!" onClick="location.href = slink.options[slink.selectedIndex].value;">
</form>
 

青色の <!--$plugin_archive_link--> が、リンクの飛び先(月ごとの記事一覧ページ)
赤色の <!--$plugin_archive_year-->年<!--$plugin_archive_mon-->月 (<!--$plugin_archive_num-->) が、メニューで表示する書式を指定
<!--plugin_archive--><!--/plugin_archive--> で囲まれた背景が黄色の部分が、月ごとにあるだけ繰り返されます。

忍者ブログの人はこのままで使えますが、
忍者ブログの独自構文も使用しているので、(他のブログが構文とかどうなっているのか私は知りませんが)参考に変更すれば使えるのではないかと
人気ブログランキングへ PINGOO!カテゴリイラスト・写真
PR
→ Comment
name title
url mail
comment                                  Vodafone絵文字 i-mode絵文字 Ezweb絵文字
color pass
無題
おお!
これいいね~♪
余裕のあるときに、
うちも導入してみるかな^^
ココログで出来るか分からないけれど・・・

ちなみに、コメくれた記事は、
コピペ案件だったのです^^;
こっちがビックリしましたw
金太郎GDX URL 2008/08/11 23:15 編集
無題
どうしてもダメでもjavascript可なら
javascriptで変更しちゃうってことが出来るかも

へぇ~そういう案件もあるんだね~
直感だけでコメントしちゃった
(しかも一言(汗))
颯来(そら) URL 2008/08/13 11:12 編集
→ Trackback
TrackbackURL
398  397  396  395  394  393  392  391  390  389  388 
プロフィール
名前:颯来(そら)
自作イラストを載せています。
オリジナルイラスト中心。
ファンタジー系多め
…more
HP:Jumble Junk
手書きブログ pixiv
ついった(近況報告)
ブログ内カウンター
ランキング
人気ブログランキングへ にほんブログ村 イラストブログ オリジナルイラストへ PINGOO!カテゴリイラスト・写真
アーカイブ
これ以前のアーカイブ一覧
ブログ内検索
カレンダー
06 2020/07 08
S M T W T F S
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Admin / Write
忍者ブログ [PR]
Related Posts Plugin for WordPress, Blogger...