Sponsored Link

Search


Notice

♪♪私、鶴姫はココで学びました
↓↓↓

e-副業大学INNC

e-副業大学INNC

Profile

鶴姫

鶴姫(つるひめ)です♪

鶴姫宛のメールはお気軽にどうぞ♪
info@welina.biz

Twitter!

TwitterIcon
By TwitterIcon.com

ついろぐ♪

鶴姫@シングルマザー(@tsuru_hime) - Twilog ついろぐ

千葉県船橋市在住。
♀♂二人の子持ち
国際離婚シングルマザー。
数年前まで医療事務の講師でした。
現在はフリーで設計関係の仕事を請けつつ、ネット収入で生活。
ついでに子供たちと空手のお稽古中。
子供たちの父親はハワイ出身のアメリカ人のため、アメリカ国籍を持ちながら英語は全く話せない二人。
母のことは「まみぃ」と呼びますが、見た目も完全に日本人。


シングルマザーの私。
★シングルマザーの平均年収は・・・
★ちょっと昔の話
★シングルマザー鶴姫が行く!子連れでラスベガス!報告


★当サイトのgoogleページランク

Powered by SEO Stats

2006年5月13日

CSSで簡単!「リンクにオンマウスすると色が出る♪」


Share on Tumblr

実際に鶴姫がやってみた、サイトのカスタムについて紹介します。

ほんとは、「いろは」から順序だてて説明すべきところですが、
カンペキに、思いついた順です。

ぶっちゃけ、自分のやったコトの記録代わりみたいなもんです。_〆( ̄  ̄*)))))

特に、済んでしまったことはすぐに忘れてしまう方なので。
また同じ事しようと思ったときに、自分に聞けるってことですね〜。

今日のお題は、「リンクにオンマウスすると色が出る♪」です。


なんの意味か分かりますでしょうか?

試しにこのリンクにマウスを乗せてみてください。

乗せるだけ。★シングルマザーはネットで稼ぐ!

きみどり色になるでしょー?

その色のセンスがイイかどうかについては触れないで下さい。(^_^;)

どうやるかをここに記録します。

☆.。*・゜゜‥*。.★.。*・゜゜‥*。.☆.。*・゜゜‥*。 

スタイルシート=CSS を変更するとできます。

スタイルシートから、以下のようになってる部分を死ぬ気で探す。
(うそです。死ぬ気になる程ではありませんでした)

----------ここから----------

a:link {        (←未訪問のリンクの色設定)
color: #8FABBE;
}

a:visited {      (←訪問済みのリンク)
color: #8FABBE;
}

a:active {      (←活動中の状態)
color: #8FABBE;
}

a:hover {      (←カーソルなどのポインタが上に乗っている状態)
color: #006699;
}

----------ここまで----------

この辺は、リンクの色に関係する部分ですが、

【a:hover】に注目!!

--------------------------------

a:hover {
color: #******;
}

--------------------------------

となっている所。

これに background-color を加えます。

--------------------------------

a:hover {
color: #******;
background-color: #ddffaa;
}

--------------------------------

background-color: #ddffaa;

のところに、お好みの色を指定します。

これは鶴姫のと同じ、きみどり色になっちゃってますから、

「男はがつんと燃える赤だぜ!」と言う方などは、もちろん変更してff0000にしてください。

これだけです。簡単でしょ。


ちなみに、色を選ぶときに鶴姫が使っているツールは

「Color Dialog 003」 というフリーソフトです。

無料ソフトを配布している、あの有名なベクターで貰いました。

ベクター

便利です。色について、あーだこーだするときは手放せない逸品です。

特に、デスクトップ画面から、スポイトで色をじかに拾える機能がおきにです。

「この色欲しいな♪」と言う色のRGB値がすぐわかるので。

実は、難しい機能は、残念ながらぜんぜん使っていません。(^_^;)



Sponsored Link


Share on Tumblr

comments

こんばんは♪
日に日に成長していってますね(^^)
最近はMTいじりです。
応援クリッ!
また来ますね。

こんばんは。
なにか知らない事を吸収しているときって、楽しいですよね。

また来ます。

応援ポチ

>カフカさん、長嶋さん

ご訪問ありがとうございます。
みなさんのように人の役に立つブログが作れればいいな・・・
明るい未来目指して、日々がんばりまーす!

  • 鶴姫
  • 2006年5月16日 01:19

ハヤトです。

僕のブログは赤くなるように設定しています^^

ポチッ♪

  • hayato
  • 2006年5月19日 16:39

>hayatoさん

「男はがつんと燃える赤だぜ!」ですね♪

  • 鶴姫
  • 2006年5月21日 00:44

鶴姫さん

こんばんは。
小太郎です。
コメント有り難うございます。
やっぱりMTのほうが良いですよね。

一応インストールしてるんですが稼働させてません…
ちゃんと独自ドメインに入れてるのにもかかわらず…

頑張ってみようかな♪
鶴姫さんのおっしゃる通り無料だと何も言えないですよね。

応援ぽち

>小太郎さん

MT使える状態なんですね!
そりゃー使うべきですよお、もったいない!

私にも出来ましたから。楽しいですよ!

  • 鶴姫
  • 2006年5月25日 02:16
comment form
comment form

----------------------------------------------------------------


鶴姫がネットビジネスのお勉強をした、e-副業大学INNC
↓↓↓

e-副業大学INNC
e-副業大学INNC


入会初月は、無料で体験できます。

----------------------------------------------------------------

■ e-副業大学INNC ってなに?

過去4年近くにわたってインターネットビジネスで稼ぐ方法を
教え続けてきたJAPANPOWER.LLCが提供するネット副業専門スクールです。


アフィリエイト、ドロップシッピング、アドセンスまで、
初心者にも分かりやすい動画やテキスト、
オンラインセミナーでバッチリお教えしています。


会社のお給料だけでは不安な方や、自分のチカラで
収入を増やして将来独立を目指す方までたくさんの方々が
INNCでネットビジネスを学んでいます。


----------------------------------------------------------------

↓↓↓ 応援クリック♪宜しくお願いします(^−^) ↓↓↓
人気blogランキング  にほんブログ村 小遣いブログ SOHO・在宅ワークへ

----------------------------------------------------------------

FX