鬼屋のブログ一覧

ヘッダーとフッターを変えてみました♪
ﾄﾞﾓ＼(^_^ ) ( ^_^)／ ﾄﾞﾓ


ヘッダーはル・マンでクラス２位になったストラトスで、現在のオーナーさんが私の作品を気に入ってくれたらしいです♪

フッターは「４こま３Ｄ制作」風(笑
こんな感じで作って行くのよん♪ってのを４こまで表現してみました。


※画像は一番最初に作る３面図のテンプレートで、これは画像をトレースして自分で作るのです♪

お友達のｙｕｔｏさんの背景がかっこ良かったので真似してみました♪
せっかくなので、また少しずつスタイルを変えてみようと思います。

カレンダー部分のスタイル変更の参考にどうぞ♪
*ちなみにカレンダー内の曜日と日にちの設定だけで、枠線などは含まれていませんのでご注意下さいませ。

・まず、↓コレを探して下さい。
.CalendarWeekday ←平日の設定
.CalendarSaturday ←土曜の設定
.CalendarSunday ←日曜の設定

平日･土曜･日曜それぞれの↓を変更しましょう。
{
color: #ff00cc; ←文字の色
background-color: peachpuff ;width:20px; ←コイツを書き足す事で文字の後に色を付ける事が可能(peachpuffは色の名前、width:20pxは背景の幅)
font-size: 12px; ←文字サイズ
font-weight: bold;←文字の形
}

・次にリンクになってる日にちも同じように変更しましょう。
(a.linkとはアクセスしたことの無いリンクの設定です)
a.LinkCalendarWeekday ←平日の設定
a.LinkCalendarSaturday ←土曜の設定
a.LinkCalendarSunday ←日曜の設定

平日･土曜･日曜それぞれの↓を変更しましょう。
{
color: #ff00cc; ←文字の色
background-color: peachpuff ;width:20px; ←コイツを書き足す事で文字の後に色を付ける事が可能
font-size: 12px; ←文字サイズ
font-weight: bold;←文字の形
}

・最後に、リンク部分の文字色の設定です。
(hover:カーソルを重ねた時。visited:アクセス済み。)
a.LinkCalendarWeekday:hover
a.LinkCalendarSaturday:hover
a.LinkCalendarSunday:hover
a.LinkCalendarWeekday:visited
a.LinkCalendarSaturday:visited
a.LinkCalendarSunday:visited

これも平日･土曜･日曜それぞれの↓を変更しましょう。
{
color: #333333; ←visitedの色の変化を大きくした方が分かりやすいです。
}


－追加－
色の指定は名前ではなく#000000で設定した方が良いみたいです。
■まさ姐■さんの所で色の勉強が出来ます♪

いじり出すと切りが無くて・・
また明日続きをしよう・・って明日じゃなくて今日になってるし・・

とりあえず、メモ帳でタグ打ってＨＰ作ってた頃を思い出してチョッと懐かしかったな♪

cssは手を付けたことがなかったけど、きっかけが掴めたので出来そうです♪
あとはセンスの良し悪しだな(汗