Иконка ресурса

Кошказавр в футере 1.0.1b

Нет прав для скачивания
footer_cat.png
Модификация собрана из интереса, и вопроса возникшего в одноименной теме.

Содержимое папки upload из архива, загружаем в корневой каталог форума.
Далее применяем модификацию, в зависимости от выбранного варианта.

Вариант №1
Звук при клике на кота

В шаблоне footer находим код:
HTML:
<div id="copyright">{xen:phrase xenforo_copyright}</div>
и под ним добавляем:
HTML:
<div id="footerCat">
<audio  preload="auto" id="mey" >
<source src="styles/footerCat/mey.mp3"></source>
<source src="styles/footerCat/mey.ogg"></source>
</audio>
</div>
<script type="text/javascript" src="styles/footerCat/mey.js">
</script>

В EXTRA.css добавить:
Код:
#footerCat {
  background-image: url("styles/footerCat/cat.png");
  background-repeat: no-repeat;
  height: 100%;
  margin-bottom: -21px;
  margin-left: 65%;
  min-height: 100%;
  padding-top: 115px;
}

==================================================================
Вариант №2
Звук при наведении курсора на кота

В шаблоне footer находим код:
HTML:
<div id="copyright">{xen:phrase xenforo_copyright}</div>
и под ним добавляем:

HTML:
<div id="footerCat">
<audio preload="auto" id="mey2" >
<source src="/styles/footerCat/mey.mp3"></source>
<source src="/styles/footerCat/mey.ogg"></source>
</audio>
</div>
<script type="text/javascript" src="styles/footerCat/mey2.js">
</script>

В EXTRA.css добавить:
Код:
#footerCat {
  background-image: url("styles/footerCat/cat.png");
  background-repeat: no-repeat;
  height: 100%;
  margin-bottom: -21px;
  margin-left: 65%;
  min-height: 100%;
  padding-top: 115px;
}
Автор
Mirovinger
Скачивания
26
Просмотры
93
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок

Другие ресурсы пользователя Mirovinger

Поделиться ресурсом

Последние обновления

  1. 1.0.1b

    Подправлена структура папок.
  2. Исправление

    Поправлен путь к картинке в css.
  3. Улучшения, исправления

    Изменения в коде для Вариант №1 Звук при клике на кота Так же изменён код mey.js
Назад
Сверху Снизу