При наведении на ссылку увеличивается картинка (через ксс) и меняется цвет ссылки
Все картинки залить в папку www.сайт.домен/menu. Ссылка на скачивание картинок
Сам код запнуть в блок:
Code
<style type="text/css">
#br{
background: url(/menu/br1.gif);
}
#br:hover{
background: url(/menu/br2.gif);
}
#rpg{
background: url(/menu/rpg1.gif);
}
#rpg:hover{
background: url(/menu/rpg2.gif);
}
#g{
background: url(/menu/g1.gif);
}
#g:hover{
background: url(/menu/g2.gif);
}
#q{
background: url(/menu/q1.gif);
}
#q:hover{
background: url(/menu/q2.gif);
}
#s{
background: url(/menu/s1.gif);
}
#s:hover{
background: url(/menu/s2.gif);
}
#a{
background: url(/menu/a1.gif);
}
#a:hover{
background: url(/menu/a2.gif);
}
#n{
background: url(/menu/n1.gif);
}
#n:hover{
background: url(/menu/n2.gif);
}
#si{
background: url(/menu/si1.gif);
}
#si:hover{
background: url(/menu/si2.gif);
}
#ar{
background: url(/menu/ar1.gif);
}
#ar:hover{
background: url(/menu/ar2.gif);
}
#l{
background: url(/menu/l1.gif);
}
#l:hover{
background: url(/menu/l2.gif);
}
#st{
background: url(/menu/st1.gif);
}
#st:hover{
background: url(/menu/st2.gif);
}
#mpk{
background: url(/menu/mpk1.gif);
}
#mpk:hover{
background: url(/menu/mpk2.gif);
}
#mm{
background: url(/menu/mm1.gif);
}
#mm:hover{
background: url(/menu/mm2.gif);
}
#f{
background: url(/menu/f1.gif);
}
#f:hover{
background: url(/menu/f2.gif);
}
#gl{
background: url(/menu/gl1.gif);
}
#gl:hover{
background: url(/menu/gl2.gif);
}
#k{
background: url/menu/k1.gif);
}
#k:hover{
background: url(/menu/k2.gif);
}
#gl2:hover{
color: #9c8b1c
}
#a2:hover{
color: #6d6d6d
}
#s2:hover{
color: #959595
}
#rpg2:hover{
color: #8f734e
}
#g2:hover{
color: #959595
}
#st2:hover{
color: #a1a1a1
}
#si2:hover{
color: #50b41f
}
#mm2:hover{
color: #ea7c11
}
#ar2:hover{
color: #e82d23
}
#l2:hover{
color: #959595
}
#q2:hover{
color: #ba9410
}
#n2:hover{
color: #b8b366
}
#br2:hover{
color: #4c88bb
}
#mpk2:hover{
color: #ae4fd5
}
#k2:hover{
color: #b4b270
}
#f2:hover{
color: #adadad
}
</style>
<table>
<tr id="gl" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="gl2" href="/">Главная</a></b></td></tr>
<tr id="a" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="a2" href="/load/igry/action/2">Action</a></b></td></tr>
<tr id="s" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="s2" href="/load/igry/sport/3">Спорт</a></b></td></tr>
<tr id="rpg" href="/"><a href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="rpg2" href="/load/igry/rpg/4">RPG</a></b></td></a></tr>
<tr id="g" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="g2" href="/load/igry/gonki/5">Гонки</a></b></td></tr>
<tr id="st" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="st2" href="/load/igry/strategii/6">Стратегии</a></b></td></tr>
<tr id="si" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="si2" href="/load/igry/simuljatory/7">Симуляторы</a></b></td></tr>
<tr id="mm" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="mm2" href="/load/igry/mmorpg/8">MMORPG</a></b></td></tr>
<tr id="ar" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="ar2" href="/load/igry/arkady/9">Аркады</a></b></td></tr>
<tr id="l" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="l2" href="/load/igry/logicheskie/10">Логические</a></b></td></tr>
<tr id="q" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="q2" href="/load/igry/kvesty/11">Квесты</a></b></td></tr>
<tr id="n" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="n2" href="/load/igry/nastolnye/12">Настольные</a></b></td></tr>
<tr id="br" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="br2" href="/load/igry/brauzernye/13">Браузерные</a></b></td></tr>
<tr id="mpk" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="mpk2" href="/load/igry/soft/14">Софт для игр</a></b></td></tr>
<tr id="k" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="k2" href="/load/igry/stat/15">Статьи</a></b></td></tr>
<tr id="f" href="/"><td width="150" height="25" style="padding-left:30px;"><b><a id="f2" href="/forum">Форум</a></b></td></tr>
</table>
При копировании материала ссылка на источник обязательна: mnogo-softa.ru
Автор: VLADO
[P.s] Самый прикол в том что фон блока должен быть цветом "#f3f3f3"