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





↓--------

スポンサーサイト

 スポンサー広告



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


↓2005-09-29

ヤプログ・記事の文字とリンク文字の大きさ&色を変える

 ヤプログ講座



記事の本文の文字や記事内のリンクの色をかえたり、文字の大きさを変えます。

スタイルシートをいじります
いまからカスタマイズに入るので、バックアップを取って、メモ帳に移した状態にしてください
参考→カスタマイズの基礎
★文字色

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

.entry_text
{
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 8px;
COLOR: #???;
PADDING-TOP: 8px
}

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

例:
.entry_text
{
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
PADDING-BOTTOM: 8px;
COLOR: white;
PADDING-TOP: 8px
}

★未訪問のリンク色

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

.entry_text A:link
{
FONT-WEIGHT: normal;
COLOR: #???;
TEXT-DECORATION: none
}

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

★訪問済みのリンク色

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

.entry_text A:visited
{
FONT-WEIGHT: normal;
COLOR: #???;
TEXT-DECORATION: none
}

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

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

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

.entry_text A:active
{
FONT-WEIGHT: normal;
COLOR: #???;
BACKGROUND-COLOR: #???;
TEXT-DECORATION: none
}

で変更します。
紫色の#???を好きなカラーコード・カラーネームに変えることで文字の色を、青色の#???を好きなカラーコード・カラーネームに変えることで文字の背景色を変更できます

★触れた時のリンク色

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

.entry_text A:hover
{
FONT-WEIGHT: normal;
COLOR: #???;
BACKGROUND-COLOR: #???;
TEXT-DECORATION: none
}

で変更します。
紫色の#???を好きなカラーコード・カラーネームに変えることで文字の色を、青色の#???を好きなカラーコード・カラーネームに変えることで文字の背景色を変更できます



講座の目次


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