2006年02月27日
リンクをマウスでポイントすると動くカスタマイズ
先日，兄弟子であるダイスケさんのブログ「リクエストメール で時給 1万円 Blog」のコメント覧で，
「あの，院長先生のリンクが動くのはどうやってやるか知ってます？」
と質問したところ，院長先生直々に
「All Aboutにわかりやすのがありますよ＾＾」
とコメントを返してもらったので，ちょっとお勉強してきました。
しばし探すとありました。
■テキストリンクも押し下げたい！ マウスが乗ると押し下がるリンク
実に簡単でした。
a:hover { position: relative; top: 1px; left: 1px; }
ｃｓｓに，これを足すだけで良かったのです。
もともとｃｓｓには a:hover の記述がありますので，これを足して再構築するだけです。
→ position: relative; top: 1px; left: 1px;
皆さんお気づきですよね，『ムフ』って動くの。
なんか，この『ムフ』って感じがやけの良いのです。(^^)
良いと思う方はやってみて下さい。
ちなみにこちらには色々な小技が掲載されていましたので，お好きな方はご覧下さい。
■スタイルシート（CSS）の小技集
「あの，院長先生のリンクが動くのはどうやってやるか知ってます？」
と質問したところ，院長先生直々に
「All Aboutにわかりやすのがありますよ＾＾」
とコメントを返してもらったので，ちょっとお勉強してきました。
しばし探すとありました。
■テキストリンクも押し下げたい！ マウスが乗ると押し下がるリンク
実に簡単でした。
a:hover { position: relative; top: 1px; left: 1px; }
ｃｓｓに，これを足すだけで良かったのです。
もともとｃｓｓには a:hover の記述がありますので，これを足して再構築するだけです。
→ position: relative; top: 1px; left: 1px;
皆さんお気づきですよね，『ムフ』って動くの。
なんか，この『ムフ』って感じがやけの良いのです。(^^)
良いと思う方はやってみて下さい。
ちなみにこちらには色々な小技が掲載されていましたので，お好きな方はご覧下さい。
■スタイルシート（CSS）の小技集
何だかんだでA8.netが一番使いやすいです！
トラックバックURL
トラックバック一覧
1. リンクにマウスオーバーすると凹む様にカスタマイズしちゃおう♪ [ お金の泉 人生勝組の法則!! アフィリエイトで夢のマイホーム!! ] 2006年02月28日 16:15
先日、ひでまろさんのブログで「リンクをマウスでポイントすると動くカスタマイズ」
と言う記事が有り面白そうだったので
早速、僕もやってみました♪
これってアフィリエイトに関係無いじゃん!って
思われるかもしれませんが、意外と・・・
2. リンクがペコッとする カスタマイズ [ みんなでスーパー主婦になろう♪ ] 2006年03月06日 00:46
本日は、めずらしく1日で２つ目の記事更新。わぉ！
なんて、モタモタしてるうちに日付は変わってます^^；
朝、自治会の掃除で、４０分ほど外にいたのですが、あまりの寒さに指先がしびれておりました。megです。
たまには主婦らしい仕事もしております。
お気づ....
3. ダイエットブログのカスタマイズ [ ダイエット関連の様々な情報をまとめよう ] 2007年02月21日 02:44
ダイエット関連の様々な情報をまとめよう を より使いやすいする為に、カスタマイズしてと・・ 色んなページ（ダイエット関連以外）を見て回り この「ダイエット関連の様々な情報」が使い易く なれば・・ リンクをマウスでポイントすると動くカスタマイズ http://hidemaro...
コメント一覧
1. Posted by danna 2006年02月27日 19:08
ひでまろさん、こんばんは。
こういうの大好きです(>_<)
さっそくやってみました(*^_^*)
他にも楽しそうなモノがいろいろありますね。
今度やってみます。
こういうの大好きです(>_<)
さっそくやってみました(*^_^*)
他にも楽しそうなモノがいろいろありますね。
今度やってみます。
2. Posted by ひでまろ 2006年02月27日 19:14
dannaさん どうもです〜
『ムフ』ってのがいいでしょ。＾＾
他にも気になるのがたくさんあるから，時間がある時に試してみて下さい。ヾ ^_^
『ムフ』ってのがいいでしょ。＾＾
他にも気になるのがたくさんあるから，時間がある時に試してみて下さい。ヾ ^_^
3. Posted by 笑顔整体の院長 2006年02月27日 21:21
紹介ありがとうございます。
これいろいろ応用ができますよ＾＾
たとえばリンクのところに乗っけると、
文字の色変えたり、
文字と背景反転したりとかですね。
考えたらいろいろできますね。
All Aboutはいい子ネタ盛りだくさんですよね。ぽちっ
これいろいろ応用ができますよ＾＾
たとえばリンクのところに乗っけると、
文字の色変えたり、
文字と背景反転したりとかですね。
考えたらいろいろできますね。
All Aboutはいい子ネタ盛りだくさんですよね。ぽちっ
4. Posted by 【お金の泉 人生勝組の法則】 大吉 2006年02月28日 01:25
こんにちは！【お金の泉 人生勝組の法則】の大吉です。
面白そうだったので、早速やってみました！
意味も無く、リンクにマウスオーバーして
『ムフ』を繰り返しちゃいましたよ(笑)
また、遊びに来ますね！
応援ポチッ♪
面白そうだったので、早速やってみました！
意味も無く、リンクにマウスオーバーして
『ムフ』を繰り返しちゃいましたよ(笑)
また、遊びに来ますね！
応援ポチッ♪
5. Posted by BANEX 2006年02月28日 07:26
ＣＳＳ便利ですよね＾＾
私も今度少しいじってみようかなってやる気にさせられました☆
それにしても大変いいブログですね♪
大変読みやすいですし。
ライバルながら応援クリックしときました♪
私も今度少しいじってみようかなってやる気にさせられました☆
それにしても大変いいブログですね♪
大変読みやすいですし。
ライバルながら応援クリックしときました♪
6. Posted by ひでまろ 2006年02月28日 09:30
笑顔整体の院長さん どうもです〜
いえいえ，思いっきり真似しましたから。＾＾
メニューバーなんかは色が変わったりするとわかりやすいですよね。
またチャレンジしてみます。ヾ ^_^
いえいえ，思いっきり真似しましたから。＾＾
メニューバーなんかは色が変わったりするとわかりやすいですよね。
またチャレンジしてみます。ヾ ^_^
7. Posted by ひでまろ 2006年02月28日 09:32
大吉さん どうもです〜
いいでしょ『ムフ』って感じが。＾＾
僕も意味もなくかなりポイントしてますよ。ヾ ^_^
いいでしょ『ムフ』って感じが。＾＾
僕も意味もなくかなりポイントしてますよ。ヾ ^_^
8. Posted by ひでまろ 2006年02月28日 09:34
BANEXさん どうもです〜
ｃｓｓは便利ですけど，なれるまで難しいですね。まだ慣れてないですけど。汗
いやあ〜，お世辞でもお褒めの言葉を頂いてウレシいですよ。
ちょっと木登りしてきます。ヾ ^_^
ｃｓｓは便利ですけど，なれるまで難しいですね。まだ慣れてないですけど。汗
いやあ〜，お世辞でもお褒めの言葉を頂いてウレシいですよ。
ちょっと木登りしてきます。ヾ ^_^
9. Posted by なぎけい 2006年03月02日 08:25
どうも、お久しぶりです。
アフィリエイトしばらく放置してました。
昨日より復活いたしました、、、、。
でも、以外と報酬が出てて驚きでした（笑）
CSS便利ですよね。私はリンク部分に
オンマウスで蛍光ペンでマークしたような
感じになるようにしてます。これも目立つので良いですよ。
↓下記のタグを<head>〜</head>内に入れるだけで大丈夫ですよ。
皆さんもお試しあれ。
<style><!--a:hover{color:blue;background-color:mediumspringgreen;}--></style>
<style><!--A:link{color:blue;} A:visited{color:blue;} A:active{color:blue;}--></style>
では、また遊びに来ますね。
アフィリエイトしばらく放置してました。
昨日より復活いたしました、、、、。
でも、以外と報酬が出てて驚きでした（笑）
CSS便利ですよね。私はリンク部分に
オンマウスで蛍光ペンでマークしたような
感じになるようにしてます。これも目立つので良いですよ。
↓下記のタグを<head>〜</head>内に入れるだけで大丈夫ですよ。
皆さんもお試しあれ。
<style><!--a:hover{color:blue;background-color:mediumspringgreen;}--></style>
<style><!--A:link{color:blue;} A:visited{color:blue;} A:active{color:blue;}--></style>
では、また遊びに来ますね。
10. Posted by ひでまろ 2006年03月02日 21:18
なぎけいさん どうもです〜
お久しぶりです。＾＾
放置プレイが稼げるという話は結構多いですね。
蛍光ペンもAllaboutで発見して気になっていました。
また遊びに来て下さいね。ヾ ^_^
お久しぶりです。＾＾
放置プレイが稼げるという話は結構多いですね。
蛍光ペンもAllaboutで発見して気になっていました。
また遊びに来て下さいね。ヾ ^_^
11. Posted by ムラオカ・ユウジ 2006年03月05日 04:14
こんばんは＾＾
どうやってるのかな、、と
気になってた技でした。今度
試してみます。
ありがとうござました（^^v
どうやってるのかな、、と
気になってた技でした。今度
試してみます。
ありがとうござました（^^v
12. Posted by ひでまろ 2006年03月05日 07:19
ムラオカさん どうもです〜
これ結構ウレシいです。
『ムフ』って感じが。ヾ ^_^
これ結構ウレシいです。
『ムフ』って感じが。ヾ ^_^
