• Для скачивания ресурсов Форума пользователь должен написать не менее 5 полезных сообщений и получить 5 симпатий.
    Если Вы не хотите выполнять условия, Вы должны купить переход в группу "Работяга" или любое наше дополнение и сможете скачивать ресурсы, перевод происходит по email, который указывается при оплате.
Поздравления деда мороза в SVG

Разработка Поздравления деда мороза в SVG

Нет прав для скачивания
Поздравления деда мороза в SVG.
Так как код HTML весьма большой там написано многое в svg мы его пропустим, его можно будет посмотреть в файле укажем только фрагмент, который отвечает за текст и который наверняка каждый захочет изменить:
HTML:
<text id="look" x="300" y="270" class="txt" dx="0,2,2,2,2,2,2,2,2,0,0,2,0,0,2,2,2,2,2,0,0,0" dy="0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0" rotate="0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0">
  С новым
  </text>
  <text id="look2" x="300" y="270" class="txt hidden" dx="0,2,2,2,0,0 2,2,2,0,0,0" dy="0,0,0,0,0,0,0,0,0,0,0,0" rotate="0,0,0,0,0,0,0,0,0,0,0,0">
    2019 годом !
  </text>
Далее пишем CSS:
CSS:
body{
  background-color:#1d1f20;
}
body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
#container{
  max-width:900px;
  width:100%;
  overflow:hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
Пишем jquery:
JavaScript:
// Audio Player
var audio;

function initAudioPlayer(){
       audio = new Audio();      audio.src="http://144.217.195.24:9035/;stream/1";
       audio.loop = true;
       audio.play();
}
window.addEventListener("load", initAudioPlayer);
Смотрим получившийся результат:
1q789.gif
Автор
baltun
Скачиваний
1
Просмотры
304
Первый выпуск
Обновление
Рейтинг
0.00 звёзд Оценок: 0

Ещё ресурсы от baltun

  • Country flag
    Country flag
    Показывает флаг страны в информационном блоке сообщения пользователя.
  • [XFA] Core
    [XFA] Core
    Фреймфорк для работы дополнений от Xen Factory.
  • XenForo
    XenForo
    Форум Xenforo.
  • [OzzModz] Post Comments
    [OzzModz] Post Comments
    Комментарии к сообщениям.
  • AMPXF - AMP cho Xenforo 2
    AMPXF - AMP cho Xenforo 2
    Ускоренная загрузка мобильных страниц (AMP) мгновенно.
Верх Низ