Делаем подсветку картинки без скриптов. Используем псевдокласс Hover

Прежде, чем Вы просмотрите эти видеоуроки, я советую просмотреть видеоуроки, которые мы делали в программе Dreamweaver CS3. Там мы делали свой сайт с нуля, всё делали своими ручками. В них всё показано подробно, как и что надо сделать.

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

Здесь Вы видите видеоуроки, которые я опубликую для Вас в новом цикле жизни моего сайта. Я постараюсь опубликовать полезную информацию, которую смогу откопать или прочитать. Вместе с тем, я заранее прошу прощения у своих посетителей за то, что я не профессионал, и возможно, не очень чётко и точно рассказываю о некоторых вещах. Я всё же надеюсь, что смогу кому-нибудь из своих посетителей помочь в создании своего сайта. У меня уже есть несколько посетителей, которым я смог помочь и они уже сделали свой сайт. Так держать!

Приятного Вам просмотра.

Делаем подсветку картинки без скриптов Очень много вопросов: Сделать подсветку картинки скрипт. Ну зачем он нужен, когда всё это очень просто сделать без скрипта…

Немного об уроке

Я писал в какой-то статье, что основная масса вопросов касается изображений на сайте. Как установить, как разместить, как позиционировать… Великое разнообразие вопросов, даже такие, которые и не придумать. Конечно, на все эти вопросы мне не ответить, но на два, я отвечу в этом уроке. Просто масса вопросов: Скачать скрипт, что бы подсвечивать картинку. И другой: Скачать скрипт, что бы при наведении курсора, картинка увеличивалась. Дорогие мои! Что бы это сделать, совсем не нужны скрипты. Достаточно использовать псевдокласс «Hover» из стилей CSS и некоторых новых стилей CSS3. В уроке автор покажет, как используя несколько стилей сделать и подсветку картинки, и её увеличение при наведении курсора. Я говорил в уроках, что надо стремиться использовать как можно меньше скриптов на сайте. Приём, который покажет автор, позволит заменить сразу два скрипта, но эффект будет не хуже, а может и лучше, так как некоторые скрипты не правильно работают в браузерах…

Скачать и посмотреть видеоурок:
Урок на Depositfiles

Урок на Letitbit

Посмотреть видео