HOME > [ブログカスタマイズ]リンクの下線を消す > title − リンクの下線を消す
リンクの下線を消すには？text-decoration属性の、HTMLタグを、使おう！＾＾
text-decoration: none
こうすると、アンダーラインを、見えなくすることが、できるよ。＾＾
サクッと結論を、知りたい方は、
→●どうすればいいの？をクリックしてね＾＾
●逆に、ラインを出したいんだけど？は、←をクリック。
text-decoration属性は、5つあるよ＾＾
- underline：アンダーライン
- overline：上にライン
- line-through：打ち消しライン
- blink:点滅させる
- 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:linkとa: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:linkやa:hoverと記載された項目があるから、そこのtext-decoration:をnone:に、してみてね。＾＾
※間違っても、やり直せるように「テンプレートの複製」を、取っておいてね。＾＾
●逆に、ラインを出したいんだけど？
a:linkとa:hoverのtext-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やテキストに、アンダーラインが表示されていると、訪問者さんが「これはリンクに、なっているんだな」と、認識しやすくなる。
つまり「迷わなくってすむ」んだね。＾＾
こういった方法もあるから、もしよかったら、試してみてね。＾＾
この記事へのコメント
このコメントは管理人のみ閲覧できます
2008/06/16(月) 15:45 | | #[ 編集]
こんばんは！
リンクは下線があると分かり易いですよね。あっ！リンク発見☆興味津々でクリックなんてことしますよね？！
ＣＭ−Ｃｌｉｃｋ、レンジャーさんに教えて頂いて、放置していたＴＧから、ブログに貼りましたが、１件しか表示されませんでした。レンジャーさん、５件表示されていますよね。やはりランクによって違うのでしょうか？
リンクは下線があると分かり易いですよね。あっ！リンク発見☆興味津々でクリックなんてことしますよね？！
ＣＭ−Ｃｌｉｃｋ、レンジャーさんに教えて頂いて、放置していたＴＧから、ブログに貼りましたが、１件しか表示されませんでした。レンジャーさん、５件表示されていますよね。やはりランクによって違うのでしょうか？
こんばんは〜。
コメントありがとうございました。
勉強になります！！
またいろいろ教えてくださいね！
またまたおもしろい記事ですね！！
応援ぽち！
コメントありがとうございました。
勉強になります！！
またいろいろ教えてくださいね！
またまたおもしろい記事ですね！！
応援ぽち！
サユサユさん
リンクは、色で存在感を出すより、ラインの方が、わかりやすいですから、おすすめです。＾＾
ラインですと、目に止まりやすいですから。＾＾
ご質問の件
Cm-Clickの「リンク作成画面」をご覧下さい＾＾
中ほどに、「広告タイプ」という項目が、ありますね？＾＾
そこの▼を押して、公告の幅と、数を選ぶんです。＾＾
例えば「スカイクレイパーA 120×600」なら、
公告の横幅が120 公告の数 120で1個
この場合は600ですから、
600÷120＝5個
に、なるんですね＾＾
あとは、「デザインプレビュー・ソース内容更新」を押して
ソースコードを更新して、出て来たHTMLタグを、コピペして下さい。＾＾
のちほど、お礼にうかがいます。＾＾
Lさん
こんにちは＾＾
大した事ない記事内容ですが、アフィリエイとをする上で、
知っておくと便利な豆知識やHTMLタグを厳選して載せていくよう努めています。＾＾
ブログは、やっぱりトータルで考えると、FC2ブログが、SEO対策をしやすいですね。＾＾
これからは益々、Googleが大きくなっていくでしょうから、Googleに好かれやすいFC2が、一番いいかな?と思っています。＾＾
のちほど、お礼にうかがいます。＾＾
リンクは、色で存在感を出すより、ラインの方が、わかりやすいですから、おすすめです。＾＾
ラインですと、目に止まりやすいですから。＾＾
ご質問の件
Cm-Clickの「リンク作成画面」をご覧下さい＾＾
中ほどに、「広告タイプ」という項目が、ありますね？＾＾
そこの▼を押して、公告の幅と、数を選ぶんです。＾＾
例えば「スカイクレイパーA 120×600」なら、
公告の横幅が120 公告の数 120で1個
この場合は600ですから、
600÷120＝5個
に、なるんですね＾＾
あとは、「デザインプレビュー・ソース内容更新」を押して
ソースコードを更新して、出て来たHTMLタグを、コピペして下さい。＾＾
のちほど、お礼にうかがいます。＾＾
Lさん
こんにちは＾＾
大した事ない記事内容ですが、アフィリエイとをする上で、
知っておくと便利な豆知識やHTMLタグを厳選して載せていくよう努めています。＾＾
ブログは、やっぱりトータルで考えると、FC2ブログが、SEO対策をしやすいですね。＾＾
これからは益々、Googleが大きくなっていくでしょうから、Googleに好かれやすいFC2が、一番いいかな?と思っています。＾＾
のちほど、お礼にうかがいます。＾＾
こんばんわぁo(^-^ o )(ノ ^-^)ノゃぁゃぁ♪
ともたん一瞬目眩起こしてるかと思って
目をゴシゴシしてたら〜
文字に影つけてたんだね〜
｡ﾟ( ﾟ^∀^ﾟ)σﾟ｡ヶヶﾗヶﾗヶﾗ
又ボケこいちゃったよ〜
この飛ぶ方法は何気に知ってけど
流石に分かりやすい説明だねぇ〜
見やすい大きな文字だし
大分前の記事にアフェリ広告記事に載せる
話で長くなるから後でロングしても良いかな？
上手くいきませんの〜・(ノД`)・°・
いつもありがとう〜☆тндйкｓ☆･∀-)ﾉ
応援▽・ｗ・▽君×��
ともたん一瞬目眩起こしてるかと思って
目をゴシゴシしてたら〜
文字に影つけてたんだね〜
｡ﾟ( ﾟ^∀^ﾟ)σﾟ｡ヶヶﾗヶﾗヶﾗ
又ボケこいちゃったよ〜
この飛ぶ方法は何気に知ってけど
流石に分かりやすい説明だねぇ〜
見やすい大きな文字だし
大分前の記事にアフェリ広告記事に載せる
話で長くなるから後でロングしても良いかな？
上手くいきませんの〜・(ノД`)・°・
いつもありがとう〜☆тндйкｓ☆･∀-)ﾉ
応援▽・ｗ・▽君×��
影付き文字、ビックリしてくださって、ありがとうございます。＾＾
実は、それ（注意を引く事）が狙いだったんです。＾＾
前に、「この文字が、2重に見えていませんか? 2重に見える方は、目が疲れてますよ？」と書かれた某健康食品系のページがあったんです。
で、よく見たら、うっすらと文字に影が入ってて、大笑い。＾＾；
でもさすがに、物販で、それをやっちゃあマズいですよね。＾＾；
＞大分前の記事にアフェリ広告記事に載せる
話で長くなるから後でロングしても良いかな？
はいはい。＾＾
どうぞロングしちゃって下さい。＾＾
解かる範囲の事でしたら、全力でお答えいたします。＾＾
のちほど、応援にうかがいます＾＾
実は、それ（注意を引く事）が狙いだったんです。＾＾
前に、「この文字が、2重に見えていませんか? 2重に見える方は、目が疲れてますよ？」と書かれた某健康食品系のページがあったんです。
で、よく見たら、うっすらと文字に影が入ってて、大笑い。＾＾；
でもさすがに、物販で、それをやっちゃあマズいですよね。＾＾；
＞大分前の記事にアフェリ広告記事に載せる
話で長くなるから後でロングしても良いかな？
はいはい。＾＾
どうぞロングしちゃって下さい。＾＾
解かる範囲の事でしたら、全力でお答えいたします。＾＾
のちほど、応援にうかがいます＾＾
この記事のトラックバックURL
http://affiliateland.blog52.fc2.com/tb.php/107-d5a10c34
この記事にトラックバックする(FC2ブログユーザー)
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
アフィリエイトレンジャー(08/28)
ヒロキ(08/28)
ゆういちろう(08/27)
ともたん(08/27)
ひでいえ(08/27)
サユサユ(08/27)
みけ(08/27)