• Страница 1 из 1
  • 1
Форум Kentos311 » uCoz » Шаблоны для сайта » Дизайн Tinker для uCoz (Полностью настроенный шаблон для uCoz, он адаптирован)
Дизайн Tinker для uCoz
Kentos311Дата: Воскресенье, 14.01.2018, 13:46 | Сообщение # 1
Сообщений: 433
Статус:
Репутация: 205

Этот шаблон выполнен по функциональности очень хорошо, в нем есть всё необходимое что вам нужно. В дизайне присутствуют светлые тона также красные, черные. Верх этого шаблона интересный, сверху выводит вход, логотип, и красивое горизонтальное выдвижное меню.Шаблон подходит больше для таких тематик как "автомобильные тюнинг" он прям прекрасно смотрелся. Контейнер левый и правый отсутствуют в шаблоне. Главный плюс этого шаблона то что он полностью адаптирован для мобильных устройств, планшета, телефона и т.д

Скачать дизайн с Yandex.Disk: Доступно только для пользователей

1. Установка шаблона:
- Закидываем все файлы из архива на сервер (FileZilla Client вам в помощь);
- Устанавливаем конструктор шаблонов;
- Устанавливаем все модули как в папках, так и у вас на сайте;
- Устанавливаем информеры;
- Устанавливаем почтовые формы.
- Также имеется Backup шаблона.

Итак шаблон установлен, теперь перейдем к настройкам (Общие настройки):
- Тип кода безопасности (капчи): reCAPCHA (*Обязятельно);
- Версия библиотеки jQuery: jquery-1.10.2.js (*Обязятельно);
- Разрешить использование API: Да;
- При переходе на главную страницу открывать: Главная страница;
- Тип формы по умолчанию для редактирования материалов: BB-codes + HTML.

Настройки модулей увидите на скриншотах в данной папке.
Количество материалов на главной странице (Новости) 5шт.
Количество материалов на главной странице (Блог) 8шт.
Количество материалов на главной странице (Доска объявлений) 8шт.

2. Настройка Виджета В Контакте:
- Виджет Вконтакте, в футере редактировать в файле modules/footer.tpl
Код
VK.Widgets.Group("vk_groups", {redesign: 1, mode: 3, width: "260", color1: '#24273e', color2: '#ffffff', color3: '#ee2050'}, 12672978);


где:
Код
color1: '#24273e' - цвет фона
  color2: '#ffffff' - цвет текста
  color3: '#ee2050' - цвет кнопки
  12672978 - id паблика в вк


3. Смена цветовой схемы шаблона
Для того чтобы установить другую цветовую схему, в архиве с шаблоном, в папке colors выбираем нужный цвет.
Открываем выбранную папку с цветом и копируем оттуда файлы в папку с шаблоном (картинки), соглашаемся на замену файлов.
В конце (Основные стили CSS) прописать строчку
Код
@import url('/css/colors/color-ЦВЕТ.css') all;


Цвета: blue, brown, green, metallic, orange, purple.

4. Настройка иконок в шаблоне
Все иконки в шаблоне выводятся через шрифтовые иконки fonts awesome
Список всех иконок доступен на этой странице http://fontawesome.io/icons/
Чтобы заменять иконки находим в нужных местах их кода, например,
Тут нас интересует класс fa-search. По ссылке выше находим нужную иконку, например, beer
В итоге у нас получится
И точно также с со всеми иконками, которые вам захочется поменять.

5. Вызов кнопки "Заказать звонок".
На сайте сейчас стоит вот этот:
https://uptocall.com Регистрируемся на сервисе, меняем код на свой в main.tpl.
Так же как вариант и аналогия этому сервису служит
https://callbackhunter.com/ , оба сервиса гибкие в настройке и удобны для использования.

Автор: na3uTuB4uk
Прикрепления: 2843491.jpg(196.4 Kb)
 
Форум Kentos311 » uCoz » Шаблоны для сайта » Дизайн Tinker для uCoz (Полностью настроенный шаблон для uCoz, он адаптирован)
  • Страница 1 из 1
  • 1
Поиск: