超オススメのSEO対策済テンプレート「賢威5.0」バージョンアップも今までずっと無料です
2006年02月27日

リンクをマウスでポイントすると動くカスタマイズ

いつもお世話になっている「福岡の出張専門の整体院 院長の雑記帳」の院長先生の真似をして,リンクをマウスでポイントすると動くカスタマイズをしてみました。^^



先日,兄弟子であるダイスケさんのブログ「リクエストメール で時給 1万円 Blog」のコメント覧で,


「あの,院長先生のリンクが動くのはどうやってやるか知ってます?」

と質問したところ,院長先生直々に


All Aboutにわかりやすのがありますよ^^」

とコメントを返してもらったので,ちょっとお勉強してきました。


しばし探すとありました。

テキストリンクも押し下げたい! マウスが乗ると押し下がるリンク


実に簡単でした。


a:hover { position: relative; top: 1px; left: 1px; }


cssに,これを足すだけで良かったのです。
もともとcssには a:hover の記述がありますので,これを足して再構築するだけです。
→ position: relative; top: 1px; left: 1px;


皆さんお気づきですよね,『ムフ』って動くの。
なんか,この『ムフ』って感じがやけの良いのです。(^^)

良いと思う方はやってみて下さい。


ちなみにこちらには色々な小技が掲載されていましたので,お好きな方はご覧下さい。

スタイルシート(CSS)の小技集

アフィリエイトの人気ブログランキングへ

何だかんだでA8.netが一番使いやすいです!


hidemaro55 at 18:50コメント(12)トラックバック(3)ブログカスタマイズ  
トラックバックURL

トラックバック一覧

1. リンクにマウスオーバーすると凹む様にカスタマイズしちゃおう♪  [ お金の泉 人生勝組の法則!! アフィリエイトで夢のマイホーム!! ]   2006年02月28日 16:15
先日、ひでまろさんのブログで「リンクをマウスでポイントすると動くカスタマイズ」 と言う記事が有り面白そうだったので 早速、僕もやってみました♪  これってアフィリエイトに関係無いじゃん!って 思われるかもしれませんが、意外と・・・  
2. リンクがペコッとする カスタマイズ  [ みんなでスーパー主婦になろう♪ ]   2006年03月06日 00:46
本日は、めずらしく1日で2つ目の記事更新。わぉ! なんて、モタモタしてるうちに日付は変わってます^^; 朝、自治会の掃除で、40分ほど外にいたのですが、あまりの寒さに指先がしびれておりました。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はいい子ネタ盛りだくさんですよね。ぽちっ
4. Posted by 【お金の泉 人生勝組の法則】 大吉   2006年02月28日 01:25
こんにちは!【お金の泉 人生勝組の法則】の大吉です。

面白そうだったので、早速やってみました!

意味も無く、リンクにマウスオーバーして
『ムフ』を繰り返しちゃいましたよ(笑)

また、遊びに来ますね!
  応援ポチッ♪
5. Posted by BANEX   2006年02月28日 07:26
CSS便利ですよね^^

私も今度少しいじってみようかなってやる気にさせられました☆

それにしても大変いいブログですね♪
大変読みやすいですし。

ライバルながら応援クリックしときました♪
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さん どうもです〜
cssは便利ですけど,なれるまで難しいですね。まだ慣れてないですけど。汗

いやあ〜,お世辞でもお褒めの言葉を頂いてウレシいですよ。
ちょっと木登りしてきます。ヾ ^_^
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>

では、また遊びに来ますね。
10. Posted by ひでまろ   2006年03月02日 21:18
なぎけいさん どうもです〜
お久しぶりです。^^
放置プレイが稼げるという話は結構多いですね。
蛍光ペンもAllaboutで発見して気になっていました。
また遊びに来て下さいね。ヾ ^_^
11. Posted by ムラオカ・ユウジ    2006年03月05日 04:14
こんばんは^^
どうやってるのかな、、と
気になってた技でした。今度
試してみます。
ありがとうござました(^^v
12. Posted by ひでまろ   2006年03月05日 07:19
ムラオカさん どうもです〜
これ結構ウレシいです。
『ムフ』って感じが。ヾ ^_^

コメントする

名前
URL
 
  絵文字
 
 
内緒の話はメルマガで^^

休刊中です(^_^;

殿堂入りしました!^^

メルマガ登録・解除
 
記事検索
Archives
LINK

※諸事情によりトップリンクをやむなく厳選リンク集に移動しましたのでご了承下さい。リンク方法についても見直しています。

リンクについて 厳選リンク集1   副業支援ネット

QRコード
QRコード
  • ライブドアブログ

Copyright (C) 2005- hidemaro.livedoor.biz All Rights Reserved.