農業カレンダー
種の袋の裏についてるアレです。ホムセンに行く前に行く前に、どの種を撒こうかなーとか検討するのに使えます。たぶん。
テンプレートの改版なので、そのままスマホ用ページも出来るのは便利ですね。
画像とかのバランスがいまいちなので、もっと調整しないといけません。
スマホ画面でカレンダーが切れてるのも修正する必要があります。
スタイルシートのフォーマットで躓いた
カレンダーの青や緑の部分は、HTML側で<td class="maki"> </td>
みたいな感じでクラス名を付け、CSS側で
table.table td.maki{
background-color:#0000FF;
}
みたいな感じで色を変更。
このCSSのフォーマットを理解するのにしばらく時間がかかってしまった‥
上の例だと、
tableクラスと命名されたtableタグの中の、makiクラスと命名されたtdタグに対してプロパティを適用
ということらしい。
なおテンプレートはhttps://f-tpl.com/から拝借。
0 件のコメント:
コメントを投稿