スポンサーサイト

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

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.続きを読むを画像にしたら、クリックするとピンクになるのを直したいんだけど…[3]

A.
スタイルシートを変更するを画像をクリックしてもバックがピンクならなくなります。
以下変更方法です。


1.
スタイルシートの150~163行目付近に
.entry_text A:active
{
FONT-WEIGHT: normal;
COLOR: #333;

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

BACKGROUND-COLOR: #f99;
TEXT-DECORATION: none
}

というのがあります。

2.
1.の…青文字のところを削除します。

実際に削除すると…
.entry_text A:active
{
FONT-WEIGHT: normal;
COLOR: #333;
TEXT-DECORATION: none
}
.entry_text A:hover
{
FONT-WEIGHT: normal;
COLOR: #333;
TEXT-DECORATION: none
}

このようになります。


★おまけ★
画像なのでクリックしたかどうかイマイチわかりづらいです。
なので、クリックすると「カチッ」という感じにちょっとだけ下にずれるようにするとわかりやすいかも?

例として実際にやってみると…
.entry_text A:active
{
FONT-WEIGHT: normal;
COLOR: #333;
TEXT-DECORATION: none
}
.entry_text A:hover
{
FONT-WEIGHT: normal;
COLOR: #333;
TEXT-DECORATION: none
;
position:relative;
top: 3px;
left: 3px;

}
2.の見本?に赤文字のところを追加するします。

例はずれ幅を3pxとしてます。実際にやって見て『3』の数字を調整してください。
スポンサーサイト
[ 03/20 ] [記事]3カラムpink | トラックバック(-) | コメント(-)

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