リンクの下線を消す

リンクの下線を消す に関する記事です。
HOME > スポンサー広告 > title - リンクの下線を消すHOME > [ブログカスタマイズ]リンクの下線を消す > title - リンクの下線を消す
上記の広告は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ブックマーク
コメント
この記事へのコメント
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
2008/06/16(月) 15:45 | | #[ 編集]
こんばんは!
リンクは下線があると分かり易いですよね。あっ!リンク発見☆興味津々でクリックなんてことしますよね?!

CM-Click、レンジャーさんに教えて頂いて、放置していたTGから、ブログに貼りましたが、1件しか表示されませんでした。レンジャーさん、5件表示されていますよね。やはりランクによって違うのでしょうか?
2008/06/16(月) 22:19 | URL | サユサユ #mQop/nM.[ 編集]
こんばんは~。
コメントありがとうございました。
勉強になります!!
またいろいろ教えてくださいね!


またまたおもしろい記事ですね!!
応援ぽち!
2008/06/17(火) 00:51 | URL | L #-[ 編集]
サユサユさん、Lさん、こんにちは^^
サユサユさん

リンクは、色で存在感を出すより、ラインの方が、わかりやすいですから、おすすめです。^^

ラインですと、目に止まりやすいですから。^^


ご質問の件

Cm-Clickの「リンク作成画面」をご覧下さい^^

中ほどに、「広告タイプ」という項目が、ありますね?^^

そこの▼を押して、公告の幅と、数を選ぶんです。^^

例えば「スカイクレイパーA 120×600」なら、

公告の横幅が120 公告の数 120で1個

この場合は600ですから、

600÷120=5個 

に、なるんですね^^

あとは、「デザインプレビュー・ソース内容更新」を押して

ソースコードを更新して、出て来たHTMLタグを、コピペして下さい。^^


のちほど、お礼にうかがいます。^^


Lさん

こんにちは^^

大した事ない記事内容ですが、アフィリエイとをする上で、

知っておくと便利な豆知識やHTMLタグを厳選して載せていくよう努めています。^^


ブログは、やっぱりトータルで考えると、FC2ブログが、SEO対策をしやすいですね。^^

これからは益々、Googleが大きくなっていくでしょうから、Googleに好かれやすいFC2が、一番いいかな?と思っています。^^

のちほど、お礼にうかがいます。^^
2008/06/17(火) 12:59 | URL | アフィリエイトレンジャー #-[ 編集]
こんばんわぁo(^-^ o )(ノ ^-^)ノゃぁゃぁ♪
ともたん一瞬目眩起こしてるかと思って
目をゴシゴシしてたら~
文字に影つけてたんだね~
。゚( ゚^∀^゚)σ゚。ヶヶラヶラヶラ
又ボケこいちゃったよ~
この飛ぶ方法は何気に知ってけど
流石に分かりやすい説明だねぇ~
見やすい大きな文字だし

大分前の記事にアフェリ広告記事に載せる
話で長くなるから後でロングしても良いかな?
上手くいきませんの~・(ノД`)・°・

いつもありがとう~☆тндйкs☆・∀-)ノ

応援▽・w・▽君×Ⅲ
2008/06/17(火) 18:41 | URL | ともたん #-[ 編集]
ともたんさん、こんにちは^^
影付き文字、ビックリしてくださって、ありがとうございます。^^

実は、それ(注意を引く事)が狙いだったんです。^^

前に、「この文字が、2重に見えていませんか? 2重に見える方は、目が疲れてますよ?」と書かれた某健康食品系のページがあったんです。

で、よく見たら、うっすらと文字に影が入ってて、大笑い。^^;

でもさすがに、物販で、それをやっちゃあマズいですよね。^^;

>大分前の記事にアフェリ広告記事に載せる
話で長くなるから後でロングしても良いかな?

はいはい。^^ 
どうぞロングしちゃって下さい。^^

解かる範囲の事でしたら、全力でお答えいたします。^^

のちほど、応援にうかがいます^^
2008/06/18(水) 11:37 | URL | アフィリエイトレンジャー #-[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://affiliateland.blog52.fc2.com/tb.php/107-d5a10c34
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
SEO対策:アフィリエイト SEO対策:副業 SEO対策:在宅ワーク
  1. 無料アクセス解析
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。