<MyRusakov.ru />

Создание Интернет-магазина на PHP и MySQL

Создание Интернет-магазина на PHP и MySQL

Видеокурс "Создание Интернет-магазина на PHP и MySQL" - это уникальный курс по созданию Интернет-магазина с нуля. Особенностью данного курса является то, что создание идёт с самого начала, то есть от идеи. Далее создаётся дизайн всех необходимых страниц, после делается их вёрстка. Затем создаётся движок на PHP и MySQL, после делается Admin-панель и, наконец, готовый сайт размещается в Интернете.

Адрес созданного в этом курсе сайта: http://storedvd.ru

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Кроссбраузерная прозрачность на CSS

Кроссбраузерная прозрачность на CSS

Прозрачность достаточно часто используется при создании анимационных эффектов. Например, самый простой пример - плавная смена изображений через изменение прозрачности. Однако, очень часто используют свойство opacity, которое, кстати, из CSS3, поэтому в старых браузерах не работает. В принципе, сейчас это не критично, но те, кто хочет адаптировать свой сайт и под старые браузеры (например, заказчик попросил), то прочитайте в этой статье, как сделать кроссбраузерную прозрачность на CSS.

Для начала HTML-код:

<img src="images/photo.jpg" alt="Фотография" />

Думаю, что тут особо объяснять нечего - просто вставили изображение. Теперь CSS-код, который сделает это изображение наполовину прозрачным:

img {
  filter: alpha(Opacity=50);
  opacity: 0.5;
}

Данный код будет работать и в старых браузерах, и в новых. Я думаю понятно, что filter - это для старых версий IE. А opacity для всех современных браузеров.

И для закрепления материала давайте с Вами сделаем такую задачу: при наведении курсора мыши на изображение оно должно стать полностью непрозрачным, а при отведении курсора снова становиться наполовину прозрачным. В общем, достаточно классическая задача. Безусловно, этот скрипт должен быть кроссбраузерным. Итак, для начала HTML-код:

<img src="images/photo.jpg" alt="Фотография" onmouseover="opacityUp(this)" onmouseout="opacityDown(this)" />

Здесь мы добавили обработчики событий. CSS-код остаётся прежним. А теперь JavaScript:

<script type="text/javascript">
  function opacityUp(img) {
    /* При наведении курсора мыши на изображение */
    img.style.opacity = 1; // Для всех современных браузеров
    img.style.filter = "alpha(opacity=100)"; // Для старых IE
  }
  function opacityDown(img) {
    /* При уходе курсора мыши с изображения */
    img.style.opacity = 0.5; // Для всех современных браузеров
    img.style.filter = "alpha(opacity=50)"; // Для старых IE
  }
</script>

Вот таким образом делается кроссбраузерная прозрачность на CSS.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (5):

Dima2000%. Dima2000%. 07.02.2014 16:35:59

Интересный способ! Спасибо.

Ответить

rysich rysich 09.02.2014 12:27:53

Сейчас просьба сверстать сайт под IE6 выглядит просто смешно... Тем более что в XP он обновляется аж до 8. Тем не менее, есть же уникумы... Но вообще-то старые IE не поддерживают в полной мере вообще никакой CSS, не говоря уже о CSS3. Для таких браузеров самое то - вёрстка таблицами, как в старом добром 1999-м...

Ответить

alexandrdante alexandrdante 09.02.2014 14:13:28

не поспоришь) хотя,из моей практики - попадаются заказчики,которые просят под IE 6-7 адаптировать

Ответить

jumong jumong 11.02.2014 17:24:04

Вопрос вне темы.А где найти тот сайт ТНТ который вы создаете в курсе HTML?

Ответить

tikkiwiki tikkiwiki 12.02.2014 12:09:50

В сети интернет, его нету.

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.