メニューバーのラインの作り方

締切済

質問者：giuxon
質問日時：2012/01/21 01:07
回答数：1件

はじめまして！
http://www.ever-rise.co.jp/corporate/index.html
このサイトメニューバーの縦ラインの作り方をぜひに詳細に教えてください。
ソフトは　Fireworks CS5.1です。
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： ORUKA1951
回答日時：2012/01/21 09:55

メニューの項目の枠でしたら、画像ですが？？？

スタイルシートにて、:hoverで背景画像をずらす、もしくは入れ替えている。
そのサイトの仕組みは、ソースを見たらわかるので省きます。
　firefox+firebugで、詳しくわかります。

　一般的には、HTMLが
<div class="nav">
　　<ul>
　　　<li><a href=""></a></li>
の場合
div.nav ul li a:visited{background-image:(url);;background-position:0 50px;}
div.nav ul li a:link{background-position:0 0;}
div.nav ul li a:hover,div.nav ul li a:focus{background-position:0 100px;}
div.nav ul li a:active{background-position:0 150px;}
などとするでしょう。
詳しくは、
ロールオーバー :hover 背景画像 - Google 検索 ( http://www.google.co.jp/#sclient=psy-ab&hl=ja&sa … )