SSブログ

カレンダーの色変更♪ [HTML&CSSの小枝]

このカテゴリー久しぶり♪

まー、しかし、アレだ(ドレだ!?)、「タイトル画像を自分好みにしてみよー!」のPV数が2000オーバーするとはね。。。

これだけ需要があるということですよ>So-netさん

で、今回は、mayaさんからメールを頂き、

「カレンダーの色も変更したいんじゃ!調査せんかい」(註:脚本Neco(笑))

ということで、調べさせていただきましたよ(泣)

で、結論からすると画像を貼るタイプと、背景色を変えているタイプが存在している模様。

まずは、背景色を変えるタイプは↓。

<style>
#calendar td.link
{
background-color: #aacdf0←背景色
}

#calendar td a
{
color: #0066cc←文字色
}
</style>

って感じ♪

background-colorがいわゆるマス目の色。
で、colorが中の日付の色となっておりまする。

<style>タグで囲まれていれば、タイトル画像を変更した箇所に追記しても問題ありません。

で、画像を貼るタイプは↓。

<style>
#calendar td.link
{
background: url("") no-repeat center center
}

#calendar td a
{
color: #ffffff
}
</style>

って感じ♪
の箇所に自分の好きな画像を指定すれば背景が変わります。
で、/_images/blog/_f42/NecoYanagi/pekepeke.jpg
と、「タイトル画像を自分好みにしてみよー!」にも記載されているのと同様にしてください。

...。。。

(多分)

だって、時間がないんですものぉ~(泣)

なので、未確認(あっさり)。

ただ、ちいちゃな画像を準備するのが大変かもねー。

で、じゃあ、自分が設定しているスキンは、「画像貼り」タイプ?「背景色変更」タイプ?
どっちなのよ?

という、あなた。

ようは、記事作成した日付の形で判別できるかと...。。。(これも多分)

日付の周りが「丸」の場合→「画像貼り」タイプ
日付の周りが「四角」の場合→「背景色変更」タイプ

でよいかと。

ちなみにNecoのスキンの使用前、使用後を載せておきますね♪

 change
使用前使用後

たとえば、小さなハート型の画像つくって、カレンダーに貼り付けるということで、
個性をだすのもいいかもですねd(^^*)


nice!(16)  コメント(21)  トラックバック(1) 
共通テーマ:パソコン・インターネット

nice! 16

コメント 21

papa007_

にゃるほど~
画像のタイプはいろいろデザインで遊べそうだなぁw
背景色タイプはページ全体に色がついてるスキンとか
シンプルなデザインのものに効きそうですね~
by papa007_ (2006-07-20 17:13) 

NecoYanagi

>papa007_さん
コメント及び「nice!」判定ありがとですm(_ _)m
うんうん、papaさんみたく、お絵かきできる人なら、画像の方が個性でるね。

...。。。

しかし、あれだ、同業のニホイがぷんぷんするのだけれど、
多分、まったく違うんだろーなー...Necoは仕事でデザインしたこと
ないしな...したいけど...できるのは、ユーザーインターフェースぐらい...orz
by NecoYanagi (2006-07-20 18:57) 

loiter_about_on_the_way

おぉ、久々の小枝♪(笑)
また試してみよ~っと。
by loiter_about_on_the_way (2006-07-20 19:23) 

かこ

記事を拝見し 早速実行して来ました♪
今回はお手を煩わすこと無く 成功ー。(やった!/笑)
by かこ (2006-07-20 20:27) 

maya

出遅れちゃいました○┓ペコ
すみませーん記事にまでしてくださって嬉しいです。。。
画像を貼るタイプは知っていたのですけど。。。作ってる暇なくて(*^^;;
ハート型いいですね(^-^*)(..*)ウンウン
時間できたらハート型もやってみますね。。。
とりあえず。。。
ピンクの色にしておきます・・・どうもありがとうございました○┓ペコ
by maya (2006-07-20 22:32) 

loiter_about_on_the_way

早速試してみました。。。
by loiter_about_on_the_way (2006-07-20 23:00) 

maya

おはようございます○┓ペコ
ワタシも昨夜ごそごそしまして。。。リヴリーのシルエットに
変えてみました。。。もちろんハートも作りましたよww
使ってないけど。。。
そしてまた問題が・・・・
メールしますよ('-'*)ヨロシク♪
by maya (2006-07-21 09:51) 

honnoridesu

はじめましてペコリ(o_ _)o))
「タイトル画像を自分好みにしてみよー!」も使わせて頂いております。
今回もカレンダーの画像貼りを使わせていただきました。
事後報告になってしまって、ごめんなさい。
自分好みのブログになって、とてもうれしいです。〃 ̄∇)ゞアリガトォ
by honnoridesu (2006-07-21 12:54) 

じゅんぺい

おやまあ。また楽しそうなことが♪
でも、私の使っているスキンは「背景色変更タイプ」のようです。
つまんなーい(苦笑)
by じゅんぺい (2006-07-22 06:20) 

はじめまして。
にっしぃさんのところからやってきました。
試してみたいと思います。
by (2006-07-22 10:52) 

NecoYanagi

>to All
コメント及び「nice!」判定ありがとですm(_ _)m

>にっしぃさん
ぉお!
確かに、日付見にくいですね(笑)

>かこさん
できましたか?
よかったよかった♪

>mayaさん
できてますねー。
画像の白色を透過色にすると、スッキリするかもよ♪
メールお返事は、また時間のあるときにぃ~。

>ほんのりです。 さん
自分の好きなようにできるとうれしいですよねー♪
今後ともよろしくです。

>じゅんぺいさん
えー、背景変えるだけでも見た目変わりますよd(^^*)

>誠太さん
やってみてください♪
by NecoYanagi (2006-07-22 18:53) 

jasper

今度やってみようかなぁ・・・w
カエルのシルエットとかさwいいかもw
by jasper (2006-07-22 22:28) 

jasper

あ・・・私には画才が無いんだった・・・(〒_〒)ウウウ
by jasper (2006-07-22 22:31) 

じゅん

またまた、個性を演出する余地を教えていただきました、
こういう記事はとっても貴重です、ありがとうございます!
by じゅん (2006-07-23 01:20) 

NecoYanagi

>jasperさん、じゅんさん
コメント及び「nice!」判定ありがとですm(_ _)m

>jasperさん
うんうん、やってみて♪
Necoも絵心ないからご安心(!?)を~(笑)

>じゅんさん
そうですね、少ない変更箇所を自分なりにしたいのは、
誰しも思いますよね♪
by NecoYanagi (2006-07-24 12:46) 

はじめまして、こんにちは!
NecoYanagiさんのおかげでオリジナルスキンに変更することができました。
そして、今回のこの記事をみてカレンダーも変更することに成功。
今後の小技も期待しております。
by (2006-08-24 17:12) 

NecoYanagi

>ざな☆さん こんにちワ♪
できましたか?
ECR33ですか?
そういや、最近、見かけませんなー。
変なワゴン(!?)がおおすぎで(苦笑)
水を弾いている感じがGoodですな♪
by NecoYanagi (2006-08-28 10:56) 

kuu

こんにちは。
古い記事にコメントごめんなさい^^
でも、このカレンダーの画像変えるという技もやってみました^^
すごく満足のいくものができました。
ありがとうございました♪
すごくおもしろい小技がいっぱいあって、とっても参考になります。
これからも楽しい技 期待してます☆
by kuu (2006-10-24 09:52) 

NecoYanagi

>kuuさん こんにちワ♪
あはは、「技」ではなく、「枝」なので、たいそうなことはできませぬよ(笑)
質問等があれば、遠慮なくどぞー♪
by NecoYanagi (2006-10-28 11:23) 

はるし

こんにちはー、はじめまして。
色々といじってみると面白いですね^^
参考にさせていただいて、自分なりにカスタマイズしてみようと思います♪
(でも、ソネブロ重すぎ・・・)
by はるし (2006-11-21 16:50) 

NecoYanagi

>はるしさん はじめましテ♪
そうそう、自分なりのカスタマイズが楽しいのですよ♪
by NecoYanagi (2006-11-25 16:26) 

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 1

行け!轟天号!!(笑)sleeping ブログトップ

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。