Custom HTML_шаблон_elixir_rockettheme_slideshow @import css + scr = "https script" (3)

Elixir Warms Hearts and Phones.

Mobile friendly design. Responsive to your viewing device.
Elixir is built with a responsive layout, so it will expand and contract accordingly to the size and resolution of the screen, whether mobile, tablet or desktop.

Perfect for Coffee Shops and Pubs.

Built on the Gantry 5 Framework. Ready for Your Next Project.
Elixir is a beautiful responsive theme built using a next-generation framework. It is packed with features that are a perfect fit for cafés, coffee shops, pubs, and more! Your customers will love it!

Give Your Customers More to Love.

Over 30+ Particles avaiable. Customize your site with Elixir.
The Slideshow particle catches the eye with text that flies off the side of the image, flipping between slides as your customers learn about your business' incredible offerings.

Elixir Warms Hearts and Phones.

Mobile friendly design. Responsive to your viewing device.
Elixir is built with a responsive layout, so it will expand and contract accordingly to the size and resolution of the screen, whether mobile, tablet or desktop.

Perfect for Coffee Shops and Pubs.

Built on the Gantry 5 Framework. Ready for Your Next Project.
Elixir is a beautiful responsive theme built using a next-generation framework. It is packed with features that are a perfect fit for cafés, coffee shops, pubs, and more! Your customers will love it!

Custom HTML_шаблон_akuatik_rockettheme_testomonial @import css + script scr = "https://" (3)

Testimonial alt tag

“Akuatik is an exceptional theme for my company’s website. Its askew Slideshow and Testimonial particles are wonderful.”

– Dread Pirate Roberts CEO of The Company Inc

Testimonial alt tag

“Akuatik is unlike any theme we’ve ever used before. The animated Team particle really draws our visitors’ eyes.”

– Princess Buttercup CEO of The Company Inc

Testimonial alt tag

“Akuatik is perfect for small businesses and even large corporations. It is a brilliantly modern, yet professional design!”

– Valerie Doe CEO of The Company Inc

Grid Statistic Interstellar

Grid Statistic Interstellar - исходник с классом g- выглядит по-другому
как изменить класс g- на gin-
90 % времени уходит на настройку
10 % времени уходит на скачивание
Проведена коррекция файла scss с g-класса на gin-класс - снята зависимость от других шаблонов

Grid Statistic Acronym

Grid Statistic Particle Acronym

Исходная версия из шаблона Acronym от Rockettheme после установки папок particles, scss и js не работает
ошибки
x
100 БЕСПЛАТНЫХ ЧАСТИЦ ДЛЯ СКАЧИВАНИЯ
x
90 % ЧАСТИЦ ТРЕБУЮТ ДОРАБОТКИ
Дополнительно требует активации Javascript Frameworks - раздел Mootools : включить Framework (зеленый цвет)

При первичной установке частицы Grid Statistic от шаблона Acronym после нажатии кнопки  Recompile CSS  возникает ошибка (предупреждение) - не определена переменная font-family-promo - строка 42, 51

Чтобы исправить ошибку-предупреждение заходим в папку custom/scss и находим файл  _gridstatistic_acronym.scss  и в нем строки 42 и 51

 

Как видно в строках 42 и 51 , идет обращение к переменной  ($font-family-promo). В шаблоне Helium такой переменной нет. Что делать?

1 вариант - добавить недостающий вариант в семейство шрифтов font families (сложный путь)

2 вариант - заменить слово promo (легкий путь)

Во всех коммерческих шаблонах количество используемых типов шрифтов более трех, например на шаблоне antares, на вкладке Font Families мы видим 3 типа шрифта:

В документации на сайте docs.gantry.org можно найти пути решения.

В папке шаблона Helium есть папка blueprints/styles/font.yaml, копируем этот файл к себе для дальнейшего изменения.

Если внести изменения непосредственно в font.yaml , то при обновлении шаблона Helium  (а изменения проходят регулярно) наши дополнения исчезнут.

Поэтому в папке custom надо создать переопределение:  custom/****/font (измененный).yaml,

Согласно трем золотым правилам переопределения Gantry 5, 

если файл взят из шаблона + из папки blueprints/styles  , то надо создать переопределение ---> custom/blueprints/styles/font(измененный).yaml

1 шаг  - добавим в исходный файл font.yaml строки

2 шаг - создадим переопределение custom/blueprints/styles/font(измененный).yaml 

3 шаг - заходим в административную панель нашего шаблона на вкладку Styles и видим

 4 шаг - нажимаем кнопку Recompile CSS - и видим ....  рекомпиляция прошла успешно ... без ошибок-предупреждений.

Скошенные углы

Этот код написан Friday. От бельгийца, живущего в Лондоне. Специально для Вас. Поддержка Google Chrome и Firefox

Pattern SVG #2 Aurora