Freepage List

タグのテスト


< 新しい記事

新着記事一覧(全345件)

過去の記事 >

2005.11.15
XML

【解説】リンクの色を変える

(16)
テーマ： ホームページ作成の悩み(549)
カテゴリ： 楽天ブログ便利帳



リンクの色を変える



リンクの色を変える ■

■同じ窓で表示■
<a style="color:#FF42BD" href="アドレス">★</a>

■別窓を開いて表示■
<a style="color:#FF42BD" href="アドレス" TARGET="_blank">★</a>

これをコピーすると、ピンク色になります。
「#e887b8」←ここを変える事で、色が変わります。
色を選ぶ→ 【色見本帳】



これは、実験です。

ブラウザー（インターネットを見るソフト）によって、

色が変わらないで表示されているかも知れません。



ピンクになります？

オレンジ色になります？

みどり色になります？



いかがでしょう。



使っているブラウザーと、色が変わったかどうか、

お知らせ頂けると嬉しいです。



注意：リンクの色を変える事について。

リンクは、通常、

未訪問：青
訪問済：紫

となっています。

この色を見ると、訪問者は、（あぁリンクだな）と分かります。

色を変えると、（リンクだ）と気付かない場合があります。

「下線を消す」、「下線を点線にする」という方法もありますが、

ここでは紹介を省きます。


「リンクの色を変えた」、「リンクの下線を消した」、という事で、

「リンクしてもらえる数が激減した」というレポートもあります。

使う場合、この事を念頭に置いて使って下さい。

特に下線を消した場合、（リンクである）と気付かない事が多いので、

今回は、下線は残して、色を変える実験をしてみました。






【ブログランキング】
今日もクリック（投票）してニャ＾＾
クリックして投票してニャ＾＾





☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

【写 真 集】 【中 華 街】

【楽天ブログ便利帳】
「色見本帳・カラーチャート」
「タグ帳」 「画像置き場」 「便利ソフト」
「楽天ブログQ&A　よくある質問」 「ホームページ スペース」

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆






お気に入りの記事を「いいね！」で応援しよう

Last updated  2005.11.15 23:31:23
コメント(16) | コメントを書く

もっと見る



■コメント

お名前
タイトル
メッセージ
画像認証
別の画像を表示
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


こんばんは  
ミ☆mami☆彡  さん
リンクの貼り方、同・別窓ともにマスターしましたよ♪
色を変える・・・までは気がまわりませんでした(^^;)

ピンク・オレンジ・みどり、全部見えてます
ブラウザは、InternetExplorer６です（←これであってるの？） (2005.11.15 23:42:54)

こんばんは♪  
シュメイナス  さん
私も、IEの最新バージョンを使っていますが、色が、変わりませんでした。

どうしてなんでしょうね? (2005.11.15 23:47:05)

恥ずかしいのですが…。  
四季の風３６５  さん
またもや、基本の基本がなっていないことを自覚させられました。笑われるのを覚悟です。
「リンクの色を変える」「同じ窓で表示」「別窓を開いて表示」、いずれの語句もいまひとつ意味がわかりません。例をひいて具体的におしえていただきたいのですが…。
すこしも急いでおりませんので、お手すきのときに、お願いいたします。 (2005.11.16 00:44:54)

★　ミ☆mami☆彡さん へ  
spiky09  さん
●リンクの貼り方、同・別窓ともにマスターしましたよ♪
色を変える・・・までは気がまわりませんでした(^^;)


★は～い＾＾


●ピンク・オレンジ・みどり、全部見えてます
ブラウザは、InternetExplorer６です（←これであってるの？）


★ありがとうございます。
私もＩＥ６です。
(2005.11.16 05:02:08)

★　シュメイナスさん へ  
spiky09  さん
●私も、IEの最新バージョンを使っていますが、色が、変わりませんでした。

どうしてなんでしょうね?


★あらら＾＾；
パソコンによって違うのですね。
ＩＥでしか見れない、ネットスケープ専用、といったタグや小技は、
紹介しない様にしてますので、やはりこれは、【便利帳】には
載せない様にします。
大変参考になりました。ありがとうございます＾＾

　実はこれは、本当に実験でして、、、、＾＾；
タグでも、楽天では、普通に書いては反映されないタグが多いみたいです。
楽天の、日記の投稿で、上手く拒否されずに投稿できても、
Windowsでは見れても、Ｍａｃでは見れない、という事が起きる様です。
そういった訳で、「色変わってますか？」、「パソコンの環境は？」といった
事をお聞きしてみようと、この日記を書いてみました。

　あまり変わった事はしない方が良いようですね＾＾
勉強になりました。
(2005.11.16 05:08:14)

★　四季の風３６５さん へ　１  
spiky09  さん
●「リンクの色を変える」「同じ窓で表示」「別窓を開いて表示」、
いずれの語句もいまひとつ意味がわかりません。
例をひいて具体的におしえていただきたいのですが…。


★リンクさせるタグがありますね。
これを使うと、他のページへ移動する事が出来ます。
四季の風さんも、何度か使われたと思います。


■「同じ窓で表示」「別窓を開いて表示」とは。

これをクリックしてみて下さい。
http://plaza.rakuten.co.jp/sakura16425/
四季の風さんのページが開きますね。
その際、新たに窓（ウィンドウ）が開きましたね。
もう少し詳しく言うと、もう一つブラウザー（ネットを見るソフト）
が立ち上がり（起動し）ましたね。
これを、「別窓が開く」と言います。

■日記から過去日記にページ移動したり、トップページに移動したりするのも、
これもリンクです。
これは、新たに窓が開く事なく、同じ窓で表示されますね。
リンクをクリックする度に新しい窓が開いたら、とてもわずらわしいものです。
日記を続けて読んだりする際には、この様に、同じ窓で表示されます。
これを、「同じ窓で表示」という言い方をしています。

■ここを参照して下さい。
という様な時には、別窓で表示させた方が親切な場合があります。
「少し見てみるだけ」、「別窓で開いて、参照しながら読み進む」
といった場合には、別窓が開いた方が便利です。
そうでない、リンクを辿っている内に、元居た場所に戻れなくなる事があるからです。
(2005.11.16 05:19:49)

理解できました♪♪♪  
四季の風３６５  さん
さっそく、噛み砕いて語句の説明をしていただき、ありがとうございました。おかげさまで、今度は、理解できるようになりました。
さっそく、【別府　十一】の最下段、
「すぱコラム　すぱにっき」でためさせていただきました。ピンクにかわりました。
今度は、ほかの色に変えてみることも、出来そうです。

お礼とご報告まで。
(2005.11.16 06:22:04)

★　四季の風３６５さん へ  
spiky09  さん
●さっそく、噛み砕いて語句の説明をしていただき、ありがとうございました。
おかげさまで、今度は、理解できるようになりました。
さっそく、【別府　十一】の最下段、
「すぱコラム　すぱにっき」でためさせていただきました。ピンクにかわりました。
今度は、ほかの色に変えてみることも、出来そうです。

お礼とご報告まで。


★ピンクになってますね＾＾

あれ、、、、？

ひょえ～～～～！
お返事の「四季の風さんへ２」というのが消えてる・・・＞＜；；；
続きがあったんですけどね。消えてますね。

＞おかげさまで、今度は、理解できるようになりました。

との事ですので、再掲載は手抜きさせて頂きますね＾＾；
ただ、この事だけは、追記致します。
実は「お勧め出来ない技だ」という事が分かりました＾＾；；；；；
パソコンの環境によって、
色が変わって見える人と、そうでない人が居るのが分かりました。
色が変わって見えない人には、変えないのと同じに見えます。
まぁ、見える人だけ見えれば良い、と思えば問題ないのですが、、、＾＾；
それでも、一応は、
全ての人が同じに見えている、というのが望ましいと思うので、
念のために、色が変わって見えない人も居るよ、という事をお伝えしておきます。
予めご了承のほど宜しくお願いします＾＾；

　このピンク、良い色ですね。
この色を使った額縁を作ってみようかな～＾＾
(2005.11.16 06:49:21)

了解いたしました。  
四季の風３６５  さん
今回の「リンクの色を変える」は、あまりお奨めではない技とのことですが、理由がよくわかり、了解いたしました。

私にとりましては、語句の意味をわからせていただいただけで、十分な収穫でした。

まだまだわからない語句だらけです。電子辞書のパソコン専門用語の解説では、すでにある程度の専門用語を身につけている人を対象にしているような気がいたします。辞書を引けば引くほど、チンプンカンプンになってしまう私などは、置き去りです。

これからも、まさかこんなことまで知らないのか、と思われるような質問をさせていただきますが、あきれずよろしくお願いいたします。

せっかくのお返事の「２」、消えてしまってとても残念です。原因は、私のミスのせいかもしれません。それと気づかずに…。 (2005.11.16 07:51:40)

Re:【解説】リンクの色を変える(11/15)  
やっしーぃ  さん
はーい＾０＾全部ちゃんとカラーで見れたよ♪
ｍａｃさんだけど。。。ＩＥのぉ。。。。
Internet Explorer 5 Macintosh Editionだった＾＾ (2005.11.17 02:26:36)

いつも助かってます  
yu～26  さん
またイロイロ勉強させて下さいねぇ～ (2005.11.17 14:07:45)

Re:【解説】リンクの色を変える(11/15)  
ももニャ  さん
あう～これはいい！リンクも色が変わるんだ～♪
ど～やったら変わるんだろ～って思ってました！
早速。。。プリントしとこ～(*ﾟ.ﾟ)ゞﾎﾟﾘﾎﾟﾘ
(2005.11.17 23:39:47)

★　四季の風３６５さん へ  
spiky09  さん
●まだまだわからない語句だらけです。電子辞書のパソコン専門用語の解説では、
すでにある程度の専門用語を身につけている人を対象にしているような気がいたします。
辞書を引けば引くほど、チンプンカンプンになってしまう私などは、置き去りです。


★良い辞書を持つ、というのが、「学び」に大事なようです。
国語辞典にも、
ものごとの真理を垣間見る気がする様な、素晴らしい解説があったりします。
かと思うと、極端な言い方をすると、
「学ぶ」→「勉強すること」
といったような、まったく説明になってないものも在ります。

　これは、面白い機微ですね。
日記に書いてみようかしら。

　、、、、さて置き。
分からない、というのは、説明が下手なのが原因になっている事も少なくありません。
【便利帳】も『良き辞書』となる事が最終目的です。
道程は遠いですが・・・＾＾；


●せっかくのお返事の「２」、消えてしまってとても残念です。
原因は、私のミスのせいかもしれません。それと気づかずに…。


★どうやら、
「書き込む」というボタンを押し忘れたようです。笑
単なる私のミスです。ご勘弁のほどを＾＾；
(2005.11.18 06:35:44)

★　やっしーぃさん へ  
spiky09  さん
●はーい＾０＾全部ちゃんとカラーで見れたよ♪
ｍａｃさんだけど。。。ＩＥのぉ。。。。
Internet Explorer 5 Macintosh Editionだった＾＾


★ありがと～＾＾
そっかぁ。ＯＳは関係ないんだね。
みんなが見れる方法はないか、もう少し研究してみます。
(2005.11.18 06:37:26)

★　yu～26さん へ  
spiky09  さん
●またイロイロ勉強させて下さいねぇ～

★ご利用下さいませ～。
(2005.11.18 06:38:14)

★　ももニャさん へ  
spiky09  さん
●あう～これはいい！リンクも色が変わるんだ～♪
ど～やったら変わるんだろ～って思ってました！
早速。。。プリントしとこ～(*ﾟ.ﾟ)ゞﾎﾟﾘﾎﾟﾘ


★(*ﾟ.ﾟ)ゞﾎﾟﾘﾎﾟﾘ　←これ、かわいい＾＾
(2005.11.18 06:38:58)

【毎日開催】
15記事にいいね！で1ポイント
10秒滞在
いいね! -- / --
次の日記を探す
おめでとうございます！
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

×

Profile

spiky09

spiky09

フォローする
© Rakuten Group, Inc.
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: