カテゴリ:みぎメニュー( 4 )
文字のいろかえ~その3~
今日は、ここ

A:LINK { COLOR: #822A6C; TEXT-DECORATION: NONE }
A:VISITED { COLOR: #822A6C; TEXT-DECORATION: NONE }
A:ACTIVE { COLOR: #822A6C; TEXT-DECORATION: NONE }
A:HOVER { COLOR: #D0A2C3; TEXT-DECORATION: UNDERLINE }


それぞれの意味を調べてみたら。。。。

LINK     未訪問リンクに適用
VISITED  既訪問リンクに適用
ACTIVE  要素がアクティブなときに適用
HOVER  要素がカーソルなどのポインティングデバイスで指し示されているが、アクティブ         な状態ではないときに適用

なんとなくわかりそうで、わからないや(^-^;

だから、試しに、色変えてみたら。。。。

f0017329_21132155.jpgLINK と、  
VISITED と、
ACTIVE  の、3つは、同じ色指定だったので、
同じredにしてみました。

 
f0017329_2318677.jpg
HOVER は、greenに変えてみました。

カーソルを当てると、緑に変わるんだよ♪


もちろん色見本で #○○。。に変えてもおk!だよん

色々やってみてね♪
[PR]
by momo_nya | 2006-01-04 21:17 | みぎメニュー
右のメニューのタイトル文字のいろかえ
f0017329_23162657.jpg

↓のソースで赤いとこを、加えただけで、
タイトルが赤くなります。

DIV.MNTTL {
BACKGROUND-IMAGE : URL(http://md.exblog.jp/skn/img/a/01/00/5/ico_mnttl_8.gif);
BACKGROUND-REPEAT : NO-REPEAT;
HEIGHT : 15PX;
MARGIN : 25PX 0PX 10PX;
PADDING : 0PX 0PX 3PX 19PX;
BORDER-BOTTOM : 1PX #BBB DOTTED;
COLOR : #5F5F5F;
FONT : BOLD 9PT TAHOMA;
COLOR : RED;
}
[PR]
by momo_nya | 2006-01-01 23:20 | みぎメニュー
プロフィールの文字色の変え方
今回は、右のプロフィールの文字色の変え方です♪

f0017329_22485981.jpg


↑の、赤枠のとこだよ!

まず、

CSS編集画面で

DIV.PROFILE_BODY2 {
PADDING : 10PX;
}

を、探します。

で、そこに、文字指定のタグを入れるだけ。

f0017329_22541448.jpgDIV.PROFILE_BODY2 {
        PADDING : 10PX;
        COLOR : RED;
       }
こんな感じ。

もちろん、REDを、#336600みたいに、
色見本から選んでも、いいよ!
[PR]
by momo_nya | 2006-01-01 22:57 | みぎメニュー
DIV.PROFILE
今回はプロフィール編

右の赤い枠部分です♪

f0017329_12524942.jpg


DIV.PROFILE {
WIDTH : 190PX;  
BACKGROUND : #FFF;背景色、ここでは、白
BORDER-LEFT : 1PX #F5F5F4 SOLID; 画像の左の縁取り線
BORDER-RIGHT : 1PX #BAB7AD SOLID; 画像の右の縁取り線
BORDER-BOTTOM : 1PX #BAB7AD SOLID; 画像の下の縁取り線
LINE-HEIGHT : 140%; 線の高さ
MARGIN-BOTTOM : 20PX; 下の余白
PADDING-BOTTOM : 6PX; 下の枠線からの余白
}

ちょこっと、変更してみた

f0017329_13251269.jpg


こんな感じ

ソースは

DIV.PROFILE {
WIDTH : 250PX; 190 →250
BACKGROUND : pink; 白からpinkに、変更
BORDER-LEFT : 2PX red SOLID; 太さ、色、変更
BORDER-RIGHT : 2PX blue SOLID;       太さ、色、変更
BORDER-BOTTOM : 2PX green SOLID;    太さ、色、変更
LINE-HEIGHT : 140%;                変えても、変更なし
MARGIN-BOTTOM : 20PX;             変えても、変更なし
PADDING-BOTTOM : 20PX;            6px→20px
}

上の、変更後の画像ってよくみると、上部分にセロテープの画像、貼ってあるでしょ?
それは、
cssにあるんだけど、

DIV.PROFILE_HEAD

って部分がそうなの。
ここで、セロテープぺったんの、画像貼ってあるから

WIDTH : 190PX;

これは、変えないほうが、いいね!

それか、いっそのこと、

DIV.PROFILE_HEAD
~~~

の部分を、削除で、消しちゃったら WIDTH : 190PX; を、いくら変えてもいいけどねー
[PR]
by momo_nya | 2006-01-01 13:32 | みぎメニュー