曜日の色を変更する
2006年08月06日 AQ
ライブドアブログを利用しています。サイドカラムに入れるプラグインの、カレンダーの土曜日や日曜日の色を変更しているブログを見つけました ( 曜日のタイトル部分です )。あれはどうすればできるのでしょうか
※ 質問対象 : ライブドアブログ ( カレンダー )
曜日を示すタイトルの部分の、土曜、日曜の文字に関しては、色の変更は可能です。ただし、その曜日に対しての日付の部分は、単独で変更する事はできないみたいです。初めからそれを指示するクラス属性が指定されていないからです A^^;
管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > をクリックすると、CSS と4つ の HTML がでてきます。そのうちの CSS に新たな記述を書き込みます。
CSS を上から覗いていくと (・_・ )
カレンダーに対する指示が並んで記載されています。
.calendarheadbody{ }
・・・ と見えたら、それ以降がカレンダーへの指示です。
その中にこういう部分があります。(・_・ )
.sun{ }
.sat{ }
.sat{ }
上の sun は、日曜日を、sat は土曜日への指示を表しています。この中に、色を変更させる指示を新たに書き込めば良いはずなのですが、なぜかブログに反映されません。そこで、この記述を削除し、その場所に新たな記述を書き込みます。こんな感じです。(・_・ )
td.sun span.calendarweek{color:#○○○○○○;}
td.sat span.calendarweek{color:#□□□□□□;}
td.sat span.calendarweek{color:#□□□□□□;}
AQ はこうしています。( 現在、カレンダーは設置していませんが
td.sun span.calendarweek{color:#CC0066;}
td.sat span.calendarweek{color:#0066FF;}
td.sat span.calendarweek{color:#0066FF;}
#○○○○○○;、#□□□□□□; は、色のコードを書き込みます。あなたのお好きな色を選択し、そのコードを書き込んで下さい。色コードの見本はこちらをご参考にして下さい。(・_・ )
CSS を保存し、CSS の再構築をかけて下さい。ブラウザーをリロード( 再読み込み ) させれば、表示反映されているはずです ε-(´∀`*)ホッ
各デザインテンプレートにより、若干 CSS 内の表記が違う場合があります。上記の方法で変更ができない時は、ご遠慮せずに下部のコメント欄にその旨をお書き下さい。検証してみます (^^)
1. Posted by
ましまろ
2006年08月11日 13:10
AQさん、こんにちは、
早速試してみましたが。。。
.calendarhead{ はあるのですが、.calendarheadbody{ }は、私の使用しているデザイン(RESPECT)にはないようです。
それの代わりなのでしょうか、.calbody{text-align:center;}
はあります。でも、そこに、.sun{ }.sat{ }はありません。
そこから少し下の、.calendarweek{display:none;}のところに、SUNと、Satから始まる物があるのですが、その中に、ためしで、td.sun span.calendarweek{color:#CC0066;をいれてみましたが、反映されませんでした。
場所、もしくはやり方が間違っているのでしょうか?
早速試してみましたが。。。
.calendarhead{ はあるのですが、.calendarheadbody{ }は、私の使用しているデザイン(RESPECT)にはないようです。
それの代わりなのでしょうか、.calbody{text-align:center;}
はあります。でも、そこに、.sun{ }.sat{ }はありません。
そこから少し下の、.calendarweek{display:none;}のところに、SUNと、Satから始まる物があるのですが、その中に、ためしで、td.sun span.calendarweek{color:#CC0066;をいれてみましたが、反映されませんでした。
場所、もしくはやり方が間違っているのでしょうか?
2. Posted by AQ
2006年08月11日 17:08
> ましまろさん
>>1
アンサーの初めに記載してあるとおり ・・・
[blockquote]曜日を示すタイトルの部分の、土曜、日曜の文字に関しては、色の変更は可能です。ただし、その曜日に対しての日付の部分は、単独で変更する事はできないみたいです。初めからそれを指示するクラス属性が指定されていないからです A^^;[/blockquote]
土曜、日曜を示すタイトルは変更できますが、土曜、日曜にあたる日付の色の変更はできません。
ましまろさんのテンプレートはすでに、土曜日、日曜日の部分にテキストではなく、宝石の画像が使用されていますので、このカスタマイズは初めから、する必要はありません [汗汗]
>>1
アンサーの初めに記載してあるとおり ・・・
[blockquote]曜日を示すタイトルの部分の、土曜、日曜の文字に関しては、色の変更は可能です。ただし、その曜日に対しての日付の部分は、単独で変更する事はできないみたいです。初めからそれを指示するクラス属性が指定されていないからです A^^;[/blockquote]
土曜、日曜を示すタイトルは変更できますが、土曜、日曜にあたる日付の色の変更はできません。
ましまろさんのテンプレートはすでに、土曜日、日曜日の部分にテキストではなく、宝石の画像が使用されていますので、このカスタマイズは初めから、する必要はありません [汗汗]
3. Posted by
ましまろ
2006年08月11日 18:15
あー、そうでしたか。
しっかり読まないといけませんね。。勘違いしていたようです。[もっとorz...]
これからは、注意したいと思います
しっかり読まないといけませんね。。勘違いしていたようです。[もっとorz...]
これからは、注意したいと思います
4. Posted by AQ
2006年08月11日 21:06
> ましまろさん
>>3
いえいえ。ブログが崩れなくて良かったです [汗汗]
反映されなくて、逆に助かりました ww
>>3
いえいえ。ブログが崩れなくて良かったです [汗汗]
反映されなくて、逆に助かりました ww
5. Posted by
ましまろ
2006年09月08日 13:09
こんにちは、もう一つのブログの方に曜日の変更のカスタマイズをしたところ、なぜか、カレンダーの表示がおかしくなり、月のところが見えなくなりました
何かやらかしたのでしょうか?
何かやらかしたのでしょうか?
![[BloMotion]ブログで記事を書いて報酬をゲット!! [BloMotion]ブログで記事を書いて報酬をゲット!!](http://blomotion.jp/img/blogBnr-invite.gif)




