Спрайт меню.

[ksn]

Доброго время суток, подскажи как дабиться ефекта меню кторый справа.

 

 

И по возможности обясните принцип размещения спрайт иконок.

[npofopr]

Обычный беграунд. 

Найдите спрайт-онлайн-генератор, он все сделает за вас. Их много в сети.

[swandev]

Доброго время суток, подскажи как дабиться ефекта меню кторый справа.

 

 

И по возможности обясните принцип размещения спрайт иконок.

Я использую http://instantsprite.com/

 

Скачиваете файл, подключаете для всех пунктов  ul li a {background: url(sprite.png) no-repeat 0 0 }

Затем для отдельных пунктов

ul li a:nth-of-type(1) {background-size: 0 -33px}

ul li a:nth-of-type(2) {background-size: 0 -66px}

 . . . .

ul li a:nth-of-type(n) {background-size: 0 -166px}

[ksn]

Хорошо, подскажи пожалуйста, как добиться ефекта выдиления строки.

пробовал через :hover{opacity} не помогло.

[Sergik+]

Хорошо, подскажи пожалуйста, как добиться ефекта выдиления строки.

пробовал через :hover{opacity} не помогло.

Зачем опасити ? Бакграунд цвет меняйте и все.

[swandev]

судя по картинке, на все пункты стоит opacity меньше 1, а при наведение opacity:1

 

Хорошо, подскажи пожалуйста, как добиться ефекта выдиления строки.

пробовал через :hover{opacity} не помогло.

Зачем опасити ? Бакграунд цвет меняйте и все.

 

там иконки немного прозрачнее

[ksn]

судя по картинке, на все пункты стоит opacity меньше 1, а при наведение opacity:1

 

Хорошо, подскажи пожалуйста, как добиться ефекта выдиления строки.

пробовал через :hover{opacity} не помогло.

Зачем опасити ? Бакграунд цвет меняйте и все.

 

там иконки немного прозрачнее

Делал, не сробатывает...

[swandev]

 

судя по картинке, на все пункты стоит opacity меньше 1, а при наведение opacity:1

 

Хорошо, подскажи пожалуйста, как добиться ефекта выдиления строки.

пробовал через :hover{opacity} не помогло.

Зачем опасити ? Бакграунд цвет меняйте и все.

 

там иконки немного прозрачнее

Делал, не сробатывает...

 

http://jsbin.com/yurogorovucu/2/

[ksn]

спасибо.