昨日から,横一列カレンダーでリニューアルしたところではありますが,以前,ブローチ標準のカレンダ表示で,記事あり(リンクになってる日)が分かりにくかったのでカスタマイズして下線と文字色を変えて表示されるようにしていました。
もったいないので今後の為に記事にしておきます。
テンプレートの編集で「Style Sheet」を[選択]しておいて,
-----↓こんな記述が見つかったら。。
.calendar {~~}や,
.calendardesc {~~}や,
.calendarhead {~~}の記述。
(カレンダー関連なので分かりやすいようにお近くに追加が良いかと。)
他の制御文字列の「{ }」の中に入らないように以下の記述を追加します。
----ここから---->↓
.calendar a{color: #ff9933; text-decoration: none; font-weight: normal; font-size: xx-small; font-style:none;}
.calendar a:link { color: #009999; text-decoration: underline; font-weight: bold; font-size: xx-small; font-style:none;}
.calendar a:visited { color: #009999; text-decoration: underline; font-weight: bold; font-size: xx-small; font-style:none;}
.calendar a:active { color: #009999; text-decoration: underline; font-weight: bold; font-size: xx-small; font-style:none;}
.calendar a:hover { color: #009999; text-decoration: underline; font-weight: bold; font-size: xx-small; font-style:none;}
↑<----ここまで----
《各要素のご説明》
color: →リンクになっている日にちの文字色を#16進数のカラーコードで指定します。
text-decoration: →underline(下線) none(なし) とか文字装飾を変更。
font-weight: →bold(太字) normal(普通) とか文字太さを変更。
font-size: →xx-small(極極小) x-small(極小) small(小) とか「文字サイズ」を自由に変更(12pxとか10pxとか絶対サイズ指定も可)
font-style:→italic(斜体) none(なし) とか文字のスタイルを変更。
※いらない制御のタグは,削除してもOKです。
残念ながら,背景色を変えるやり方が解明されていません。(「background-color:やbackground:」では中途半端な表示しかできません。)ですので,文字色に使える色もなかなか。
青,赤,グレー どの色が背景でも目立つ色を探す必要があります。
なんとなくやってみて楽しんでください)^o^(
なにか,有用な情報がありましたらまた教えてねm(_ _)m
御利用はご自由にですが。
お約束。
本情報を使用したカスタマイズは自己責任でよろしくお願いいたします。
もったいないので今後の為に記事にしておきます。
テンプレートの編集で「Style Sheet」を[選択]しておいて,
-----↓こんな記述が見つかったら。。
.calendar {~~}や,
.calendardesc {~~}や,
.calendarhead {~~}の記述。
(カレンダー関連なので分かりやすいようにお近くに追加が良いかと。)
他の制御文字列の「{ }」の中に入らないように以下の記述を追加します。
----ここから---->↓
.calendar a{color: #ff9933; text-decoration: none; font-weight: normal; font-size: xx-small; font-style:none;}
.calendar a:link { color: #009999; text-decoration: underline; font-weight: bold; font-size: xx-small; font-style:none;}
.calendar a:visited { color: #009999; text-decoration: underline; font-weight: bold; font-size: xx-small; font-style:none;}
.calendar a:active { color: #009999; text-decoration: underline; font-weight: bold; font-size: xx-small; font-style:none;}
.calendar a:hover { color: #009999; text-decoration: underline; font-weight: bold; font-size: xx-small; font-style:none;}
↑<----ここまで----
《各要素のご説明》
color: →リンクになっている日にちの文字色を#16進数のカラーコードで指定します。
text-decoration: →underline(下線) none(なし) とか文字装飾を変更。
font-weight: →bold(太字) normal(普通) とか文字太さを変更。
font-size: →xx-small(極極小) x-small(極小) small(小) とか「文字サイズ」を自由に変更(12pxとか10pxとか絶対サイズ指定も可)
font-style:→italic(斜体) none(なし) とか文字のスタイルを変更。
※いらない制御のタグは,削除してもOKです。
残念ながら,背景色を変えるやり方が解明されていません。(「background-color:やbackground:」では中途半端な表示しかできません。)ですので,文字色に使える色もなかなか。
青,赤,グレー どの色が背景でも目立つ色を探す必要があります。
なんとなくやってみて楽しんでください)^o^(
なにか,有用な情報がありましたらまた教えてねm(_ _)m
御利用はご自由にですが。
お約束。
本情報を使用したカスタマイズは自己責任でよろしくお願いいたします。