2008年04月06日

またまたblogレイアウトの変更

昨日の土曜日に奥様に見守られつつ
レイアウトの変更をしました。

なんと!
戦う事およそ10時間(おバカ)

仕事並みに労働力を使ってしまいました。。。

楽しかったしいいけどね。


で、変更点。


1:サイドメニューの"過去ログ"のツリー化

  参考にしたのは
  小粋空間さんのblog

この変更でまずはツリー化を行い
次に

年→月のツリー化

年の折りたたみ

年→月→日のツリー化

月の折りたたみ

とやっていくつもりだったのですが。。。
seesaaではarchivesを年→月のように
親子ツリー化するのはどうやら
キビしいようで
悪戦苦闘の末に断念しました。

どなたか素敵な方法をご存知の方がいらっしゃったら
教えていただけますか?

上記のツリー化がバッチリ上手くいったら
"カレンダー"を取っ払うつもりだったのですが

結局
"過去ログ"はツリー化しただけで
中身は変わらずでしたので

"カレンダー"は無くせない

という事態になりました。

そこで
次にやったのが


2:"カレンダー"を横型に変更する。

  seesaaブログカスタマイズ(シーサーblog)さんの記事を参考にさせてもらいました。


そのままではCSSが上手く効かなかったので
HTMLの
<% content.header -%>
<div id="cal">
<% if:previous_archive %><a href="<% previous_archive.page_url %>"><<</a><% else %> <% /if %><% date_format(now,content_calendar.datetime) %>
<% loop:list_calendar -%><% loop:list_data_month -%><% loop:list_data_week -%><% if:data.day %><% if:article -%> <a href="<% article.page_url %>"><% article.createstamp | date_format("%e") %></a><% else -%> <% data.day %><% /if %><% else %><% content_calendar.spc_text %><% /if %><% /loop %><% /loop -%><% /loop -%><% if:next_archive %><a href="<% next_archive.page_url %>">>></a><% else %> <% /if %> </div>
<% content.footer -%>


を"class"に変更し
CSSを

.cal


に変えて、ついでに色々とCSS上で変更。

晴れて邪魔な"カレンダー"がスッキリしました。


3:サイドメニュー"最近の記事"の日付を後ろにしました。


実は他にも変更点がありまして
ほぼ完成しているのですが
反映はもう少し後になります。

反映させたら詳しい記事を書こうと思います。
posted by マーチン at 10:18| Comment(0) | TrackBack(0) | 試行錯誤 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/92415511

この記事へのトラックバック