Шаблон "Coffee" для uCoz
827материалов
228тем на форуме
3003комментария
6152пользователя

Шаблон "Coffee" для uCoz


Всем доброго времени суток! Представляю Вам адаптацию одного из лучших шаблонов, который посвящен тематике кофейных напитков.

Coffee - стильный шаблон от разработчиков Vtem, имеющий светлую и темную тематику оформления.
Coffee - это профессиональный шаблон, который может быть использован для личных целей, для малого бизнеса или корпоративных веб-сайтов.

ОСОБЕННОСТИ ШАБЛОНА COFFEE:

1. Полная совместимость со всеми актуальными браузерами IE 7 + (кроме IE6), Safari, Mozilla Firefox, Opera 9 +, Chrome;
2. 2 цветовые схемы (Light — Dark);
3. Простая настройка содержимого Footer сайта в параметрах шаблона;
4. Встроенный lightbox (Увеличение изображения)
СОСТОЯНИЕ РАЗРАБОТКИ ШАБЛОНА COFFEE:

- Шаблон + Конструктор;
- Страницы сайта;
- Новости (Полностью);
- Мини Чат;
- Форум;
- Опрос;
- Почтовые формы;
- Готовые информеры;
- Добавлен Мини профиль;
- Страница 404;
УСТАНОВКА ШАБЛОНА

Установка шаблона будет весьма стандартной в прочем, как и остальные наши шаблоны.
Шаблон ставить с нуля.


1. Заливаем файлы папки на сайт:
css, js, images, profile, demo, forumicons
+ В корень сайта заливаем файлы/иконки (вручную): 404.htm, favicon.ico, favicon.gif.

- Второе, что мы делаем: заходим в ПУ (Панель управления) открываем категорию "Редактор страниц" -> Общие настройки, и в самом низу вставляем ниже приведенный тег:
Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Данный тег необходим для того, чтобы браузер понимал, как следует интерпретировать/понимать текущую веб-страницу.

Сохраняем изменения.

3. Создаем "Глобальные блоки". Итак, заходим в Управление дизайном -> Глобальные блоки и создаем блоки под названиями: MENU, DEMO и FOOTER. В архиве со скачанным шаблоном есть папка "Глобальные блоки". Открывайте одноименные с глобальными блоками текстовые файлы, копируйте код, вставляйте его в шаблоны блоков и нажмите кнопку "Сохранить".
Готово.

4. Перед тем, как поставить шаблон!!!

4.1. Заходим ПУ -> Управление дизайном -> Общие шаблоны -> Таблица стилей (CSS). Удаляем всё оттуда! Сохраняем! И забываем, что данная таблица существует! При последующем открытии по какой-либо причине таблицы CSS, страницы сайта нужно будет устанавливать заново!
4.2. Не выходя из Управления дизайном переходим в Конструктор шаблонов и устанавливаем сам шаблон.
Сохраняем изменения.
Шаблон применен к вашим модулям.
Отлично!
4.3. После установки шаблона у Вас появятся еще 2 Глобальных блока
- Нижняя часть сайта;
- Первый контейнер;
Которые тоже можно редактировать!

5. Перед тем, как устанавливать остальные страницы шаблона, давайте настроим наш сайт под шаблон "Coffee" зайдем в ПУ -> Новости сайта -> Настройка модуля.
В открывшихся настройках выполняем следующие действия:
- Поля для добавления материалов: отмечаем галочками следующую выводимую информацию:
Сохраняем изменения. Отлично!
Переходим в раздел "Замена стандартных надписей" и заменяем дополнительные поля на:
Дополнительное поле 1 -> Ссылка на изображение
Сохраняем изменения.
Не выходя с "Замены стандартных надписей" / Пользователи и переименовываем поля:
Онлайн - On
Оффлайн - Off.

6. Включаем конструктор, далее жмем на значок шестерёнки сверху справа над блоком "МЕНЮ САЙТА",
далее идем на вкладку HTML удаляем все что там есть и вставляем код:
Код
<ul class="menu">      
                       <li id="current" class="active item"><a href="/"><span>Главная странца</span></a></li>      
                       <li class="item"><a href="/news"><span>Новости</span></a></li>      
                       <li class="item"><a href="/forum"><span>Форум</span></a></li>      
                       <li class="item"><a href="/index/0-3"><span>Обратная связь</span></a></li>      
                       <li class="item"><a href="/index/0-2"><span>Информация о сайте</span></a></li>      
</ul>

Сохраняем изменения.

P.S.: Не выходя из конструктора, если у Вас есть блок "ОПРОС" и "Форма входа", то удаляйте их!
Сохраняем изменения в конструкторе!


7. Установка информеров! У нас будут 3 информера:

Случайная новость
[ Новости сайта · Материалы · В случайном порядке · Материалы: 1 · Колонки: 1 · Длина заголовка: 90 ]
Код
<div id="k2Container" class="itemListView">      
      <div class="itemListCategoriesBlock">      
      <div class="itemListCategory">      
      <img alt="$TITLE$" src="$OTHER1$" style="width:100px; height:auto;" />
      <h2>$TITLE$</h2>      
      <p><p>$MESSAGE$</p></p>      
      <div class="clr"></div>      
      </div>      
      </div>      
</div>

Свежие новости
[ Новости сайта · Материалы · Дата добавления материала A · Материалы: 4 · Колонки: 1 · Длина заголовка: 90 ]
Код
<div class="banneritem_text"><a href="/" target="_blank">Ссылка на объявления</a></div>

Ресурсы
[ Новости сайта · Материалы · В случайном порядке · Материалы: 7 · Колонки: 1 ]
Код
<div class="vt_module_xhtml_content">     
     <ul class="menu">     
     <li class="item11"><a href="$ENTRY_URL$"><span>$TITLE$</span></a></li>     
     </ul>     
</div>

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Шаблон опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о шаблоне:
Дата добавления материала: 16.02.2015 в 19:07
Материал просмотрен: 1518 раз
Категория материала: Шаблоны для uCoz
К материалу оставлено: 6 комментариев

Пожаловаться
Сказать спасибо
Источник

6 комментариев


titovdmi
К сожалению, эти архивы повреждены sad
Romchik
Роман @Romchik 30.06.2015 20:152
0
Такого быть не может. Архив не битый.
titovdmi
Значит я что-то намудрил. сейчас ещё раз всё проверю
trem200
Александр @trem200 23.07.2015 15:474
0
Архивы битые.
Romchik
Роман @Romchik 23.07.2015 16:095
0
Щас перезалью!
Romchik
Роман @Romchik 23.07.2015 16:146
0
Шаблон перезалит, теперь можно скачать с сайта. http://f5.s.qip.ru/rg8it4bV.png
P.S теперь все две версии в одно архиве!
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта