Писк моды!

1 Мар
2010

А теперь и у меня есть меняющаяся картинка при наведении мышкой! Спасибо Крезику :mrgreen:

Делается она проще простого!

Вставить такую фиговину можно куда угодно, в тот же sidebar к примеру.

Для начала рисуем картинку две в одной:

1+

Обзовем её  img.jpg.

Внизу должно находится то изображение, что будет появляться при наведении мышкой.

Измеряем высоту картинки и делим на два, получаем числоХ.

Затем в самом sidebar.php в нужном нам месте создаем пустой div такого типа:

<div class=«rishkin»>

</div>

(class может иметь совершенно любое имя)

После этого в файлике style.css в любом месте, можно в самом низу, добавляем такую вот штуковину:

.rishkin {height:числоХpx; background:url(img.jpg) center top no-repeat;}
.rishkin:hover {background:url(img.jpg) center bottom no-repeat;}

Фсё! Сохраняем, перезаливаем измененные файлы и наше изображение на FTP и радуемся милым мальчикам, или сумасшедшим собачкам, или на что у кого фантазия способна! :grin:

__

З.Ы. С первым днем весны!!! Наконец-то она пришла! Всю зиму ждала!

6 комментариев to Писк моды!

Avatar

Сумасшедший Русский

марта 2, 2010 at 2:55 дп

Хорошо, что решила поделиться этой полезной штуковиной с народом :) Респект )

Avatar

rishka

марта 2, 2010 at 11:24 дп

Дык тебе спасибо))

Avatar

ugly

марта 4, 2010 at 11:22 дп

собачка хороша :) )))))))))

Avatar

rishka

марта 4, 2010 at 5:47 пп

ugly, спасибо))))

Avatar

reproger

марта 23, 2010 at 10:05 дп

Интересно зачем тебе то весна)) ее парни ждут! :) а хотя туплю) девченкам тож интересно что там парни придумают)

Avatar

Rishka

марта 23, 2010 at 10:32 пп

Весна = тепло: можно забыть о колючих свитерах, море под боком ждет ну и т.д.)

Комментировать

top