花創人(はなそうにん)ネットを仕事に生かすブログ
ネットショップの他にもインターネットを活用してお仕事できそうと思い、Webページを作りました。できるまでの長い道のり、そのすったもんだをアップしていきます。
花創人はなそうにん仕事にネットを生かすブログ

ブログ引越しました

PROFILE

Junko Ozeki

バナーを作成

メールでのお問い合わせは、こちらから♪

携帯電話から電話をかける

花創人モバイルQRコード
(花創人モバイルサイト)

Twitter色々つぶやいてます♪フォローをお願いします

CALENDAR
S M T W T F S
   1234
567891011
12131415161718
19202122232425
2627282930  
<< November 2017 >>
NEW ENTRIES
Search this site
RECENT COMMENT
CATEGORIES
ARCHIVES
LINKS

RECENT TRACKBACK
このブログをMOBILEで読む
qrcode
ご訪問ありがとうございます
HP作成のためのお勧めのソフト


人気tagランキング
  • seo
Twitterやってます
携帯百景
OTHERS








<< 画像にマウスを乗せるとかわる(HTML) | TOP | 東京ギフトショーに行きました >>
画像にマウスを乗せるとかわる(CSS)
CSSを使って 画像にマウスを乗せるとかわるやり方。
 
HTMLを使ったやり方は、1月13日の記事


HTMLは、これだけ  (annaiは、ID名)


<span id="annai"><a href="goannai/index.html" target="_parent"></a></span>


CSSで 背景を指定します。

#annai a:link{
 background-image:url('botan/annai_1.jpg');
 width:190px;
 height:30px;
 margin-left:3px;
}
#annai a:hover{
 background-image:url('botan/annai_2.jpg');
 width:190px;
 height:30px;
 margin-left:3px;
}
#annai a:visited{
 background-image:url('botan/annai_2.jpg');
 width:190px;
 height:30px;
 margin-left:3px;
}




『 a:link 』 は、リンクが張ってあるもの 

『 a:hover 』 は、マウスをのせた時リンク
 
『 a:visited 』 は、訪れたことのあるリンク


url は、画像のアドレス。




マウスをのせる前の画像花創人へのお問い合わせ
http://87sounin.jp/botan/annai_1.jpg

マウスをのせた時の画像花創人へのお問い合わせ
http://87sounin.jp/botan/annai_2.jpg






でもこれだと、訪れたことのあるリンクは、ずっとチューリップが咲いた画像になってしまうんだけど・・・・

花創人Webページ
花創人へのお問い合わせの部分だけ CSSで変わるようにしてあります。


やっぱり、HTMLで変わるように直そうと思います。



花創人Webページはこちらから  花創人HPへ  

ランキング参加してます♪よろしくお願いします   にほんブログ村 ベンチャーブログ 女性起業家へ 人気ブログランキングへ

posted by 花創人(はなそうにん) | 23:18 | Myホームページ | comments(2) | trackbacks(0) |
スポンサーサイト
posted by スポンサードリンク | 23:18 | - | - | - |
コメント
コメントありがとうございます。
1月13日の記事を
http://hanasounin.jugem.jp/?eid=272
ご覧ください。
2010/02/04 08:10 by 花創人
どうしたらそうなるんでしょうか?

http://snipurl.com/tbsc4
2010/02/03 00:17 by
コメントする












この記事のトラックバックURL
http://hanasounin.jugem.jp/trackback/273
トラックバック