Динамическая смена цвета фона в шаблоне Artisteer

Опубликовано: 2019-03-19
Редактировалось: 1 раз — 23 октября 2014
Просмотров: 568
+4
: 4
Натолкнулся на такую фишку, динамическая смена цвета фона у страницы шаблона. Пример показан на простых html страницах, но к шаблонам Вордпресс или Joomla прикручивается аналогично. Для чего это можно использовать? для некоторого оживления вида сайта. Конечно где это уместно.


И так что нужно сделать... Создать шаблон в программе, в фон поставить только любой цвет (не картинку, я использовал белый цвет). Экспортировать шаблон, в папке шаблона найти файл стилей .css. Открыть его в блокноте Notepad++ и прямо с начала найти стили для art-main ( для тех кто не использует префикс art-, будет просто main )

В нем удалить:

Код PHP:
  1.  
  2. background: #FFFFFF;
  3. margin:0 auto;
  4.  
и вместо этого поставить:

Код PHP:
  1.  
  2. margin:0;
  3. padding:0;
  4. background: red;
  5. /* Chrome, Safari, Opera */
  6. -webkit-animation-name: myfirst;
  7. -webkit-animation-duration: 15s;
  8. -webkit-animation-timing-function: linear;
  9. -webkit-animation-delay: 5s;
  10. -webkit-animation-iteration-
    Скрытый текст виден только зарегистрированным пользователям


    Разархивировать и открыть в браузере файл index.html (можно прямо на рабочем столе, без установки на хостинг.
Комментарии (8)
artnikov #
: 0
Samson v . Не стоит забывать, что к несчастью НЕ ВСЕ браузеры смогут принять информацию из css... Поэтому, все таки лучше использовать jquery, для того, что заданный эффект читался во всех браузерах... Есть опыт, не очень веселый с вариантами заставить принимать animation, браузерами, но ОНИ настолько разные, что порой даже поля правильно сформированные читают по разному, не то что более сложное... sad
А во общем задумка интересная!
sagus85 #
: 0
Интересно. Если поставить время побольше то приятный эффект.

Насчет поддержки браузерами. Здесь конечно вопрос. Все современные насколько знаю HTML5 поддерживают.
Только старые ИЕ как всегда. Но с другой стороны шаблоны из артистира сделаны на HTML5 так что можно использовать.
artnikov #
: +3
В очередной раз прошу прощения, за то, что лезу не в свою тему, но коль уж я сказал "А", стоит наверно сказать и далее...
Вот в архиве то же самое, но на jQuery, то есть кросбраузерность 100%..
Смена цвета фона на jQuery
Samson, zst
samson #
: 0
artnikov , v коллега я предложил этот способ не как оптимальный, а как один из способов. Теперь будет два. joke
artnikov #
: 0
Хорошо, когда есть выбор...
Могу со всей отвественностью сказать, что кросбраузерность css-3 и html-5, УЖЕ становиться мифом.
Шутка ли, последнее время приходится прописывать простой блок в минимум три оболочки. Даже если взять самое простое - если ранее достаточно было прописать блок
<div class="block"></div> и преципить на него тьму значений, то теперь Crome требует уровновешивать поля путем вложения друг в друга! Приблизительно так же и с IE. То есть получается корректно работает только конструкция:
<div class="block">
<div class="sbloc">
<div class="tblock">
</div>
</div>
</div>
Есть подозрение, что далее браузеры все сильней и сильней будут "расходиться" и причин тому - миллион. Так что хочешь или не хочишь приходится больше перекладывать на фреймфорки, а в css и html, оставлять самое простое!!! Не говоря уже о более слождных вещах, когда включается анимация или видео ...
Malover #
: 0
Тоже заметил, что если раньше выбивался из порядка только ИЕ. То сейчас часто приходится подстраивать правила и для других.

Может быть это борьба разработчиков браузеров за рынок? По идее они должны бы двигаться на сближение. Но может делают по обратному принципу, привести к тому, как сейчас приходится выбирать между ПС под какую оптимизировать. Так и с браузерами скоро будем выбирать под какой оптимизировать сайт? crazy
Бред конечно, но в борьбе за рынок все может быть.
Клим #
: 0
А можно так сделать что бы менялись не цвета, а фоновые изображения?
samson #
: 0
Для этого есть специальные разработки. Теоретически почему нет, но не проверял. для этого скорее подойдет решение artnikov на jQuery.

Случайное из блогов

samson
Доля покупок и оказания услуг в интернете все увеличивается. Нам все больше приходится платить он лайн....
3 - +8
artnikov
Доброго здоровья. В интернете МИЛЛИОН статей на тему, как вывести сайт за кратчайший срок в ТОП 3 или ТОП...
11 - +7
artnikov
Доброго всем здоровья! С наступившим ВАС и с наступающими... При переводе файлов админки WP, я как-то...
4 - +13
artnikov
Пока "есть еще" время, продолжу, с вашего разрешения... Данная тема посвещена-измененнию логина ADMIN,...
1 - +6
skaz
Как подключить к Joomla не стандартный слайдер новостей, слайд шоу картинок. В интернете очень много...
9 - +6