以前からちょっと気になっていた横カレンダーを設置しました。
リアルタイム表示が自力では出来そうにないので指をくわえて見ていたのですが
小粋空間 さんが作って下さったので早々に導入。
ちょこっとサイズ変更等しました。
元のカレンダーはそのまま残してあります。気が変わることがあるので。^_^;
リアルタイムカレンダー(横型) : 小粋空間 さん
以下覚書。
※後に外しました。m(__)m
...
- MT管理画面 テンプレートから 新しいテンプレートを作る。
テンプレート名 : カレンダー横 (なんでもOK)
出力ファイル名 : calendar_y.php
(なんでもOK スタイルシートにあわせた オレンジ部分)
再構築オプションにチェック→下記を記述→保存
＜div id="calendar_y"＞
＜$MTDate format="%B %Y"$＞＆nbsp;＆nbsp;＆rsaquo;＆
rsaquo;＆nbsp;
＜?php $day = date(j);?＞
＜MTCalendar＞
＜MTCalendarIfEntries＞
＜?php $d="<$MTCalendarDay$>"; if($day == $d) { $sty
le = "today"; } else { $style = "calendar_y"; } ?＞
＜span class="＜?php print "$style"; ?＞"＞
＜MTEntries lastn="1"＞
＜a href="＜$MTEntryLink archive_type="Daily"$＞"＞ ＜$
MTCalendarDay$＞＜/a＞
＜/MTEntries＞
＜/MTCalendarIfEntries＞
＜MTCalendarIfNoEntries＞
＜?php $d="＜$MTCalendarDay$＞"; if($day == $d) { $styl
e = "today"; } else { $style = "calendar_y"; } ?＞
＜span class="＜?php print "$style"; ?＞"＞
＜$MTCalendarDay$＞
＜/MTCalendarIfNoEntries＞
＜/span＞
＜/MTCalendar＞
＜/div＞
- styles-cssに下記を加える
色やサイズを設定→保存
/*横カレンダー*/
#calendar_y {
text-align: center;
color: #a6a688;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight:normal;
background: none;
line-height: 180%;
padding-top:3px;
padding-bottom:3px;
margin: 3px;
}
.today {
background : #f5f5f5; /* 背景色をつける設定 */
}
- 各テンプレートのカレンダーを入れたい箇所に設置する。
先ほど作ったphpファイルを記述
＜$MTInclude file="calendar_y.php"$＞
これで横型カレンダーが表示されました。
微調整は適宜。
...Close
