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

Опубликовано: 2019-11-18
Редактировалось: 1 раз — 23 октября 2014
Просмотров: 693
+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
Всем известны сервисы по сбору статистики от Google, Яндекс и Liveinternet. Предлагаю свой альтернативный...
6 - +9
artnikov
Пока "есть еще" время, продолжу, с вашего разрешения... Данная тема посвещена-измененнию логина ADMIN,...
1 - +6
samson
Публикую несколько бесплатных онлайн сервисов необходимых в работе, которые помогут мастерам протестировать...
2 - +6
skaz
Как подключить к Joomla не стандартный слайдер новостей, слайд шоу картинок. В интернете очень много...
9 - +6
skaz
Решил написать эту статью в связи с тем, что некоторые пользователи программы пасуют перед редактированием...
8 - +6