スポンサーサイト 

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


テンプレート部門に参加中。クリックしてくださると励みになります♪
--:--  |  スポンサー広告  |  EDIT  |  Top↑
2007.02/03 (Sat)

リンクの背景色を出さない方法 

今メールをチェックしたら、質問メールが迷惑メールフォルダの中に埋もれているのを発見しました(;^_^A
気がつかないですみません><
FC2のメルフォは件名指定は出来ないみたいだし、FC2の宣伝がつくせいか文章が少ないと、使用しているフィルタでは迷惑メールと判断されてしまいがちなので、メールでの個別のご質問は受け付けないことにしました……ごめんなさいm(_ _)m

質問がかぶった場合、同じ回答を繰り返さなくても、ここを見てねで済むから楽だし(実はこれが一番大きな理由です……爆)、質問者以外の人にも参考になるかもしれないので、今後、ご質問は、このブログの各テンプレの関連記事にお願いしますねъ( ゜ー^)
質問が増えるようなら、質問用掲示板を作ってもいいのですが、とりあえずそれで。

、「メニューにバナーを張った際、リンクに背景色が出てしまうのは、どこを変えればいいか」という問いに対する回答です。

どのテンプレか書いてなかったので、わからないのですが、おそらく青が出るといいことは雪だるまですね。

/************************************/
/* サイドメニュー(プラグイン1+2)*/

というところを探してください。
その下の方に

/* メニュー部分のリンク */
.menu_text a, .menu_text a:link{
color: #369;
text-decoration:none;
}
.menu_text a:visited, .menu_text a:active{
color: #69c;
text-decoration:none;
}
.menu_text a:hover{
background:#ADD8E6;color:#000099;

}



赤字の部分が、マウスが乗った時の背景色とリンク色の設定です。

背景色を出したくないのなら、background:#FFE4E1;というところを削除してください。
;も忘れずに削除してくださいね。
これで、背景色は出ないようになります。
残った
color:#000099;
この色にメニュー全体のマウスオーバー時の色が変わるようになりますので(バナーの背景に色はつきません)、もし他の色に変えたいのなら、WEBカラーリファレンス等を見て、お好きな色のコード(#がついている数字です)を書いてくださいね。

他のテンプレや他の部分のリンク色の変更方法は同じです。
a:hover{
background:#なんとか;color:#かんとか;
}
(なんとか、かんとかは数字です)

a:hoverしかないのは、全体のリンク設定で、いちいち他に設定しなければ、それが全体に適用されます。

a:hoverの前に、各部の指定があるのは(上の例で言えば.menu_text ってとこ…….menu_text a:hoverだとメニューのテキストだけのマウスオーバー時の設定をあらわしているわけです。

背景色がいらない場合は、background:#なんとか;を削除し、残ったcolor:#かんとか;をそのまま使ってもいいですが、背景が出ること前提で指定しているので、白だったり、濃すぎたりするかもしれないので、その場合は好きな色に変更してくださいね。
スポンサーサイト


テンプレート部門に参加中。クリックしてくださると励みになります♪
18:18  |  レス  |  TB(0)  |  CM(5)  |  EDIT  |  Top↑

日本語以外の文字がうまく使えないという方へ 

メールでご質問いただいたのと、以前にも同じことを聞かれたので、ここでも……。
もし、日本語以外を表記したいけれど(特にハングル文字)、文字化けするという方がいたら、HTMLの編集を見ると、一番最初に↓が出てきますので、赤字のところを探してください。

<?xml version="1.0" encoding="euc-jp"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>



冒頭に<?xml version="1.0" encoding="euc-jp"?>があるのとないのとあるかもしれませんが、このタイプのものだったら、赤字の行を削除して、代わりに下を挿入します。

<html xmlns="http://www.w3.org/1999/xhtml">



本当は上の方が正しいし、IE6以外なら、上のものでも、日本語以外もちゃんと表記してくれるんですが、仕方ないので、苦肉の策の裏技です(;^_^A
ですから、悩んでない方にはまったく必要ありませんよ!

またテンプレによっては

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="ja">
<head>



冒頭がこんなのになっているのもあると思いますが、その場合は
<html lang="ja">
を削除してください。
htmlが2個あるものは;; 削除するだけでOKです。
<html lang="ja">しかないものは、それを<html>に書き換えます。

万が一の不具合対策やコピペミス対策のために予備の同じテンプレを用意してから、試してみてくださいね。

これらの対策は私のテンプレだけじゃなく、どのテンプレでも出来ますが、色々なタイプのものがあるので、いちいち例をあげて説明するのはキリがないのでここではしません。
ようは他の指定まで削除しないように気をつけながら、日本語指定をはずせばいいだけですので、わかる方は、どのテンプレでも……というか、HTML文書なら何でも出来ますよ

このサイトさんに詳しい解説がありました(^▽^)
http://pinotan.blog15.fc2.com/blog-entry-172.html


テンプレート部門に参加中。クリックしてくださると励みになります♪
10:06  |  カスタマイズ色々  |  TB(1)  |  CM(0)  |  EDIT  |  Top↑
 | HOME | 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。