エントリー
freoのサイドバーのカレンダーで今日の日付にclassをつける
- 更新
- カテゴリー:サイドバー
- タグ: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.の変更部分を修正しました。
※当日が土・日の場合は日にちが元々のカレンダーの色で表示されます。
関連エントリー
- 2023/09/05 freoのプロフィールやコメントでGravatarのアバターを表示する方法
- 2018/05/12 freoのエントリーのタグ投稿を楽にする方法
- 2018/03/16 freoのエントリーとページの編集画面で添付ファイルとイメージの画像を表示する方法
- 2018/03/16 freoのエントリーとページの編集画面でオプションの画像を表示する方法
- 2018/02/09 freoのエントリーとページの管理画面に閲覧制限情報を表示する
- 2017/06/10 freoのコメント登録フォームを折りたたむボタン
- 2017/06/10 freoをスマートフォンから見た時にリストのリンクなどをボタン化する
- 2017/05/23 freoの管理用テンプレートをBootstrap3でカスタマイズ
- 2015/04/05 freoで各記事に設定したフィルター名を表示する
- 2014/08/03 freoの注文管理プラグイン画面で投稿者ユーザーの権限を制限する
コメント
ccc
marchさんご報告ありがとうございます。
昨日までは特に不都合はなかったのですが、6/1ではおかしくなることが判明したので、とりあえず1)の変更部分を修正しました。
当日が土・日の場合は日にちが元々のカレンダーの色での表示になります。
ただまたおかしくなることがあるのかどうかは後日(例えば6/30とか)にならないとわかりません...(^_^;)
- URL
- 2013/06/01 14:33:00
コメント登録
- コメントを入力してください。
- 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
march
こんにちは。6月1日に試してみたのですが、一番上の行が全て「1」と表示される(本来だと「-」で表示される5月の分まで「1」になる)状態にになってしまって、どうしても上手くいきません。CSSは有効ですが、並んだ「1」全てに印がついてしまいました。カレンダー部分はほとんど改造していないのですが、何故こうなってしまうのか、おわかりでしたら教えていただけないでしょうか。