[ブログカスタマイズ]リンクの下線を消す

[ブログカスタマイズ]リンクの下線を消す に関する記事です。
HOME > CATEGORY - [ブログカスタマイズ]リンクの下線を消す
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
に関連したブログ内の記事へ

[RSS] [Admin] [NewEntry]

スポンサー広告 | Page Top↑ Yahoo!ブックマークに登録 スポンサーサイトの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
ペンギンリンクの下線を消すには?
text-decoration属性の、HTMLタグを、使おう!^^

text-decoration: none

こうすると、アンダーラインを、見えなくすることが、できるよ。^^


サクッと結論を、知りたい方は、

●どうすればいいの?をクリックしてね^^

●逆に、ラインを出したいんだけど?は、←をクリック。


text-decoration属性は、5つあるよ^^


  1. underline:アンダーライン

  2. overline:上にライン

  3. line-through:打ち消しライン

  4. blink:点滅させる

  5. underline overline:ラインで文字を囲む


ちょっと、このタグを見てみて。


a{ color: #ここにジャンプさせたいURLやテキストの色;
}
a:link{ color: #ここにジャンプさせたいURLやテキストの色; text-decoration: underline;
}
a:visited{ color: #ここにジャンプさせたいURLやテキストの色;
}
a:hover{ color: #ここにジャンプさせたいURLやテキストの色; text-decoration:none;
}


linkは、そのままの意味。

visitedは、訪問済み。

hoverは、マウスの矢印を、乗せた時の、反応だよ。^^


●どうすればいいの?


a:linka:hove:text-decoration:none;にすればOK!^^

具体的には、こういう↓感じだよ^^


a{ color: #ここにジャンプさせたいURLやテキストの色;
}
a:link{ color: #ここにジャンプさせたいURLやテキストの色; text-decoration:none;
}
a:visited{ color: #ここにジャンプさせたいURLやテキストの色;
}
a:hover{ color: #ここにジャンプさせたいURLやテキストの色; text-decoration:none;
}



FC2ブログの場合、「環境設定」項目の「テンプレートの設定」→お使いのテンプレートの「編集」→2画面表示されているよね?^^ 

その2番目にある「スタイルシート編集」に、上のタグを記載すれば、OK!^^

うまくいかない場合は、「スタイルシート編集」の中にa:linka:hoverと記載された項目があるから、そこのtext-decoration:をnone:に、してみてね。^^

※間違っても、やり直せるように「テンプレートの複製」を、取っておいてね。^^


●逆に、ラインを出したいんだけど?


a:linka:hovertext-decoration:underline;にすればOK!^^


こんな感じだよ^^


a{ color: #ここにジャンプさせたいURLやテキストの色;
}
a:link{ color: #ここにジャンプさせたいURLやテキストの色; text-decoration:underline;
}
a:visited{ color: #ここにジャンプさせたいURLやテキストの色;
}
a:hover{ color: #ここにジャンプさせたいURLやテキストの色; text-decoration:none;
}



こうすると、ジャンプさせたいURLやテキストに、アンダーラインが表示できる。

訪問済みの場合は、ラインが見えなくなるよ。^^


個人的には、この方法が、おすすめかな?

ジャンプさせたいURLやテキストに、アンダーラインが表示されていると、訪問者さんが「これはリンクに、なっているんだな」と、認識しやすくなる。

つまり「迷わなくってすむ」んだね。^^


こういった方法もあるから、もしよかったら、試してみてね。^^
もっといいアフィリエイトでおこづかいを稼ぐ情報を探しに行く?^^
タグ に関連したブログ内の記事へ
スポンサーサイト

[RSS] [Admin] [NewEntry]

[ブログカスタマイズ]リンクの下線を消す | トラックバック:0 | コメント:6 | Page Top↑ Yahoo!ブックマークに登録 リンクの下線を消すの記事をはてなブックマークに登録 この記事をライブドアクリップに登録 このエントリーを含むFC2ブックマーク
SEO対策:アフィリエイト SEO対策:副業 SEO対策:在宅ワーク
  1. 無料アクセス解析
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。