freoのサイドバーのカレンダーで今日の日付にclassをつける
- 2013/06/01 18:27更新
- カテゴリー:サイドバー
- タグ:freoテンプレート, freoCSS
そもそも
カレンダーの閲覧時の日付に印(当日表示)をつけてみる(龍の棲む場所)
という方法があるのですが、別途jsファイルを付ける必要があり、もっと簡単にテンプレートとcssファイルの変更のみでこれを実現したものです。
- templates/utility.html の20行目あたりにある
<!--{if $plugin_entry_calender.type == 'day'}-->
の部分を、
に変更(赤字を追加)します。<!--{if $plugin_entry_calender.type == 'day' && $plugin_entry_calender.date == $smarty.now|date_format:'%Y%m%d'}--> <td><!--{if $plugin_entry_calender.flag}--><a href="{$freo.core.http_file}/entry?date={$plugin_entry_calender.date}"><!--{/if}--><span class="today">{$plugin_entry_calender.day}</span><!--{if $plugin_entry_calender.flag}--></a><!--{/if}--></td> <!--{elseif $plugin_entry_calender.type == 'satday' && $plugin_entry_calender.date == $smarty.now|date_format:'%Y%m%d'}--> <td><!--{if $plugin_entry_calender.flag}--><a href="{$freo.core.http_file}/entry?date={$plugin_entry_calender.date}"><!--{/if}--><span class="today satday">{$plugin_entry_calender.day}</span><!--{if $plugin_entry_calender.flag}--></a><!--{/if}--></td> <!--{elseif $plugin_entry_calender.type == 'sunday' && $plugin_entry_calender.date == $smarty.now|date_format:'%Y%m%d'}--> <td><!--{if $plugin_entry_calender.flag}--><a href="{$freo.core.http_file}/entry?date={$plugin_entry_calender.date}"><!--{/if}--><span class="today sunday">{$plugin_entry_calender.day}</span><!--{if $plugin_entry_calender.flag}--></a><!--{/if}--></td> <!--{elseif $plugin_entry_calender.type == 'day'}-->
- css/default.css の279行目あたりにある
div#utility div.utility table.calender tr td span.day {
の上に、
を追加します(上記はデフォルトのテンプレートの場合で試していますので適宜調整して下さい)。div#utility div.utility table.calender tr td span.today { color: #FFFFFF; background-color: #AAAAAA; border: 1px solid #AAAAAA; display: block; }
【2013.5.21追記】追加する部分を修正しました。
※ここでは試していませんが角丸にしたい場合は、2.の追加部分に border-radius: 5px; を追加して下さい。
【2013.6.1追記】カレンダーがおかしくなる現象がありましたので1.の変更部分を修正しました。
※当日が土・日の場合は日にちが元々のカレンダーの色で表示されます。
march
こんにちは。6月1日に試してみたのですが、一番上の行が全て「1」と表示される(本来だと「-」で表示される5月の分まで「1」になる)状態にになってしまって、どうしても上手くいきません。CSSは有効ですが、並んだ「1」全てに印がついてしまいました。カレンダー部分はほとんど改造していないのですが、何故こうなってしまうのか、おわかりでしたら教えていただけないでしょうか。