Harukiya Archives

2005/11/10

category / CSS

「･･･どんなに恐ろしいスクリプトを持っても、･･･たくさんのかわいそうな<span>を操っても、･･･FC2の仕様からは離れては生きられないのよ！」

「ラテェルは滅びぬ。何度でも甦るさ。ラテェルの力こそ、人類の夢だからだ！」

> 水平アーカイブリスト

(x)html

1.     <ul id="archive">
2.     <!--archive-->
3.         <li class="<%archive_year>" title="<%archive_year>年 <%archive_month>月 <%archive_count>件"><a href="<%archive_link>"><span><%archive_year>年 </span><%archive_month>月</a></li>
4.     <!--/archive-->
5.     </ul>

css

1. /* IE用 */
2. #archive li {
3. display: inline;
4. padding-right: 1em;
5. }
6. /* モダンブラウザ用 */
7. #archive a > span {
8. display: none;
9. }
10. #archive > li {
11. width: auto;
12. float: left;
13. margin: .2em;
14. padding-right: 0;
15. padding-left: .3em;
16. }
17. #archive li[title~="12\6708 "] {
18. clear: both;
19. float: left;
20. }
21. #archive li[title~="12\6708 "]:before,
22. #archive li[title]:first-child:before {
23. content: attr(class)"\5e74 \20 | ";
24. }
25. #archive li:after {
26. content: " | ";
27. }
28. #archive:after {
29. content: ".";
30. font-size: 1px;
31. height: 1px;
32. display: block;
33. clear: both;
34. visibility: hidden;
35. }

writeback

1. マス ： 12月に記事が一件もないと破綻する予感。-10日22時
2. daniel ： ＦＣ２blogも２年目に入った訳ですが、　
   （「おめでとうございます」　・・・などと何処へとも無く　）
   ３年、５年、１０年と続くものであるならば、
   この？問題は意外と重要になって来ると思いますね。
   
   <!--archive-->　の他に
   <!--archive_by_year--> みたいなblockが欲しいです-11日22時
3. マス ： ＞３年、５年、１０年と続くものであるならば、
   この視点がすばらしい。
   順調にいけばアーカイブは5年で60項目になります。リストにして60行、これはもう折りたたみやoverflowを使ったのでは、読んだり操作したりが困難でしょう。
   ＞<!--archive_by_year--> みたいなblockが欲しいです
   blog-year-2005.htmlみたいな木構造にするのがよさげ。blog-year-xxxxのなかでの<!--archive-->は各年度のページへのリンクとxxxx年の1月から12月の月一覧ページへのリンクしか生成しない。これなら5年書いても項目数は17です。-12日22時
4. お名前 ： 　パス ：
   ご意見・ネタ・苦情など

< 次の次の次のスタイルは？ | Santa Claus figurines > | 表紙へ戻る | 探す | 案内