Вариант ценовых пакетов на основе третьего варианта из раздела «Услуги» в предварительно подготовленных шаблонах!


Почасовой заказ

Даже всемогущая пунктуация не имеет власти

  • даже всемогущая пунктуация не имеет власти 
  • над рыбными текстами, ведущими безорфографичный образ жизни.
  • однажды одна маленькая строчка рыбного текста по имени Lorem ipsum 
  • решила выйти в большой мир грамматики

100$

Пакет

Даже всемогущая пунктуация не имеет власти

  • даже всемогущая пунктуация не имеет власти 
  • над рыбными текстами, ведущими безорфографичный образ жизни.
  • однажды одна маленькая строчка рыбного текста по имени Lorem ipsum 
  • решила выйти в большой мир грамматики
  • великий Оксмокс предупреждал ее о злых запятых

300$

Целый день

Даже всемогущая пунктуация не имеет власти

  • даже всемогущая пунктуация не имеет власти 
  • над рыбными текстами, ведущими безорфографичный образ жизни.
  • однажды одна маленькая строчка рыбного текста по имени Lorem ipsum 
  • решила выйти в большой мир грамматики
  • великий Оксмокс предупреждал ее о злых запятых
  • диких знаках вопроса и коварных точках с запятой

500$


Как это сделано?

Добавляем HTML-блок на страницу. В него добавляем стили и немного JS:

<style>
#section-1447547 .row > div { /* заменить section на свою! */
   margin: 1%;
   padding: 10px;
   border: 1px solid #e7e6e6; /* цвет окантовки блока услуги */
   border-radius:10px;        /* радиус скругления углов */
   background-color: #f4f4f4; /* цвет фона */
}

/*выделяем "важный", "модный" или "хитовый" вариант пакета (черным).
  nth-child(2) - цифра 2 - это порядковый номер этого пакета. В данном примере второй (по центру) */
/* заменить section на свою! */
#section-1447547 .row > div:nth-child(2) section,
#section-1447547 .row > div:nth-child(2) h1,
#section-1447547 .row > div:nth-child(2) h2,
#section-1447547 .row > div:nth-child(2) h3 {
   color: white; /* цвет текста в выделенном блоке */
}
#section-1447547 .row > div:nth-child(2) { /* тоже относится к выделенному черным пакету, заменить section на свою! */
   margin: 1%;
   padding: 10px;
   border: 1px solid #383838; /* цвет окантовки выделенного блока услуги */
   border-radius:10px;        /* радиус скругления углов выделенного блока */
   background-color: #272727; /* цвет фона выделенного блока */
}
@media (min-width: 769px) {
  #section-1447547 .row .col-md-4 { /* заменить section на свою! */
    width: 31.3333333333% !important;
  }
}
</style>

<script>

/* скрип по выравниванию высоты блоков с пакетом. Выравнивает только на десктопной версии и версии для планшетов, на мобильной - убираются лишние пробелы */

if( /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) === false ) {
   var section = $("#section-1447547 .row > div"); /* заменить section на свою! */
   var h=0;
   $.each(section, function(){
      if ($(this)[0].offsetHeight > h) { h = $(this)[0].offsetHeight; }
   });
   section.css('min-height',h);
}
</script>

Везде, где вы видите в примере #section-1447547 — это ID блока с пакетами. Выяснить свой номер можно кликнув по шестеренке в углу блока (см. скриншот).


Вариант 1

Выделение цветом только одного блока. Этот вариант рассмотрен выше.

Вариант 2а

Выделение цветом четных блоков: в стилях заменяем nth-child(2) на nth-child(even)

Вариант 2б

Выделение цветом НЕ четных блоков: в стилях заменяем nth-child(2) на nth-child(odd)

Моды для Wfolio.ru

Модификация пакетов услуг. Фотограф Константин Шамин

Модификация мультиссылок (taplink)

Модификация страницы с мультиссылкой с помощью CSS: — изменение отступов между кнопками; — изменение размера текста...
Модификация пакетов услуг. Фотограф Константин Шамин

Удаление сообщения о Cookie на отдельной странице

Если вы включили Cookie на сайте (Настройки — Разные настройки — Уведомление об использовании cookie (GDPR)),...
Модификация пакетов услуг. Фотограф Константин Шамин

Изменение надписи скачать «для соцсетей» в диске

При скачивании всего проекта в диске есть возможность скачать вариант для соц.сетей. Не все считают это название...
Модификация пакетов услуг. Фотограф Константин Шамин

Изменение вида папкок в диске

Изменение внешнего вида папкок в диске
Модификация пакетов услуг. Фотограф Константин Шамин

Блок «Партнеры»

Расширяем функционал блока фотографий. Можно применять как для, например, создания блока с логотипами партнеров...
Модификация пакетов услуг. Фотограф Константин Шамин

Адаптация ссылок на кнопках в мутиязычном сайте

Решаем проблему адаптации ссылок в мульязычном сайте. Пример: Ваш основной сайт на русском языке + дополнительно...
Модификация пакетов услуг. Фотограф Константин Шамин

Добавление QR-кода к визитке

У нас на сайтах есть замечательная визитка. Почему бы в нее не добавить QR-код
Модификация пакетов услуг. Фотограф Константин Шамин

Смена подсказки у списков избранного

Не всем подходит стандартная подсказка, что название списка избранного должны быть Фамилия и Имя. Этот мод позволяет...
Модификация пакетов услуг. Фотограф Константин Шамин

Добавление подписей к фотографиям

Штатно вы можете добавить описание к фотографиям галереи и они будут всплывать при наведении мышкой. Этот же способ...
Модификация пакетов услуг. Фотограф Константин Шамин

Расширение для браузера Wfolio Helper

Иногда нам так не хватает каких-либо функций, а ждать их реализации уже нету сил… Для упрощения жизни себе...
Модификация пакетов услуг. Фотограф Константин Шамин

Поиск в блоге

На момент написания этого мода существует возможность организации постов в блоге только путём тегирования. Это...
Модификация пакетов услуг. Фотограф Константин Шамин

Текст градиентом

Если вы захотите разнообразить ваш сайт цветными заголовками, то можете попробовать использовать градиент при...
Модификация пакетов услуг. Фотограф Константин Шамин

Создание папок из csv-списка

Еще один полезный для детских/школьных фотографов скрипт по массовому созданию папок из списка
Модификация пакетов услуг. Фотограф Константин Шамин

Скачиваем все CSV файлы проекта

Продолжаем тему списков избранных. Что делать, когда у вас огромное количество списков и скачивать их по одному...
Модификация пакетов услуг. Фотограф Константин Шамин

Копирование файлов из списка избранного в отдельную папку

Бывает ситуация, когда нам необходимо создать папку, в которую поместить только фотографии из конкретного списка...