ヤプログ・カレンダーの文字とリンク文字の大きさ&色を変える 長靴猫...★ 旧オロルンのヤプログ講座





↓--------

スポンサーサイト

 スポンサー広告



上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


↓2006-02-24

ヤプログ・カレンダーの文字とリンク文字の大きさ&色を変える

 ヤプログ講座



サイドバーのカレンダーの本文の文字やリンクの色をかえたり、文字の大きさを変えます。

スタイルシートをいじります
いまからカスタマイズに入るので、バックアップを取って、メモ帳に移した状態にしてください
参考→カスタマイズの基礎
最初に
スタイルシートの真ん中よりちょっと下あたりにある

.calendar A
{
FONT-SIZE: 10px;
COLOR: #333;
TEXT-DECORATION: underline
}
をみつけてください


★文字色

スタイルシートの真ん中よりちょっと下あたりにある

.calendar
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-SIZE: 10px;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 20px;
COLOR: #??????;
LINE-HEIGHT: 150%;
PADDING-TOP: 0px
}



で変更します。
緑色の10pxの数字を変えることで文字の大きさを、紫色の#??????を好きなカラーコード・カラーネームに変えることで文字の色を変更できます

例:
.calendar
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 20px;
COLOR: red;
LINE-HEIGHT: 150%;
PADDING-TOP: 0px
}

★未訪問のリンク色

スタイルシートの真ん中よりちょっと下あたりにある

.calendar A:link
{
FONT-SIZE: 10px;
COLOR: #???;
TEXT-DECORATION: underline
}


で変更します。
緑色の10pxの数字を変えることで文字の大きさを、紫色の#???を好きなカラーコード・カラーネームに変えることで文字の色を変更できます。また、青色のunderlineをnoneに変えることで文字の下線をなくせます。

★訪問済みのリンク色

スタイルシートの真ん中よりちょっと下あたりにある

.calendar A:visited
{
FONT-SIZE: 10px;
COLOR: #???;
TEXT-DECORATION: underline
}


で変更します。
緑色の10pxの数字を変えることで文字の大きさを、紫色の#???を好きなカラーコード・カラーネームに変えることで文字の色を変更できます。また、青色のunderlineをnoneに変えることで文字の下線をなくせます。

★クリックした時のリンク色

スタイルシートの真ん中よりちょっと下あたりにある

.calendar A:active
{
FONT-SIZE: 10px;
COLOR: #???;
BACKGROUND-COLOR: #???;
TEXT-DECORATION: underline
}


で変更します。
緑色の10pxの数字を変えることで文字の大きさを、紫色の#???を好きなカラーコード・カラーネームに変えることで文字の色を変更できます。また、赤色の#???を好きなカラーコード・カラーネームに変えることで背後の色を変更できます(色をつけたくないときは、1行丸ごと削除します)。青色のunderlineをnoneに変えることで文字の下線をなくせます。

★触れた時のリンク色

スタイルシートの真ん中よりちょっと下あたりにある

.calendar A:hover
{
FONT-SIZE: 10px;
COLOR: #???;
BACKGROUND-COLOR: #???;
TEXT-DECORATION: underline
}


で変更します。
緑色の10pxの数字を変えることで文字の大きさを、紫色の#???を好きなカラーコード・カラーネームに変えることで文字の色を変更できます。また、赤色の#???を好きなカラーコード・カラーネームに変えることで背後の色を変更できます(色をつけたくないときは、1行丸ごと削除します)。青色のunderlineをnoneに変えることで文字の下線をなくせます。



講座の目次


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。