Перенес еще один адаптивный шаблон сайта портфолио на Ucoz. Это шаблон на технологии Bootstrap с встроенными шрифтами-иконками, блоками обо мне, портфолио и контактной формой обратной связи. Как и в любом сайте есть шапка и подвал с копками соц сетей. Ознакомьтесь с основными возможностями шаблона и если он вас устроит, вы сможете его бесплатно скачать по ссылке в конце статьи.
Установка шаблона на Ucoz
Попробовал установить по правилам в виде каркаса, но увлекся правками дизайна, поэтому шаблон поставляется в обычном для меня виде и устанавливается заменой оригинальных шаблонов модулей на те, что я наваял.
Рабочее Демо шаблона пока не подвезли.
Архив содержит четыре папки:
- Глобальные - нужно будет создать три глобальных модуля и заполнить их содержимым взятым из этой папки;
- Информеры - создать информер по инструкции и заменить шаблоном из архива;
- По FTP - эти файлы и папки просто перенести по FTP как есть;
- Шаблоны - заменить те шаблоны, которые найдете в папке.
Шаги установки шаблона
1. Создайте новый сайт, задайте название и возьмите любой дизайн из 1000-й серии;
2. Перейдите в Панель администрирования в раздел Дизайн и создайте три новых глобальных модуля;
- CONT
- PORTF
- SUCC
Заполните их html кодами из шаблона.
3. Создайте Информер по схеме:
[ Фотоальбомы · Материалы · Дата добавления материала D · Материалы: 6 · Колонки: 1 ]
Этот информер используется в глобальном модуле $
GLOBAL_PORTF
$
и имеет первый порядковый номер - $
MYINF_1
$
. Если ваш номер информера будет отличаться от единицы, то просто откорректируйте его в модуле $
GLOBAL_PORTF
$
.
Замените шаблон информера взятый из архива
4. Перенесите все папки и файлы по FTP.
5. Замените все шаблоны которые найдете в архиве. То есть поменять нужно всего четыре общих шаблона и четыре в Фотоальбоме.
Последние изменения
Теперь нужно всего лишь заменить тексты на свои собственные, указать способы связи и контактные данные, наполнить Фотоальбом своими работами и все.
я забыл добавить в шаблон код, который нужно установить в Нижнюю Часть Сайта шаблона, в самом низу перед Bootstrap Core JavaScript
<script src="/js/jquery.js"></script>
, сделайте это.Без него не будут работать некоторые элементы, в частности меню Toggle navigation для мобильной версии сайта.
Скачать шаблон
Скачать шаблон можно бесплатно