Шаблоны блога для ModX » Блог - Атомы Сознания


СайтостроениеВ данном разделе вы найдёте статьи по сайтостроению. Начиная от настройки и запуску сервера, до установки и настройки движка сайта. | СкриптыВ данном разделе мы рассматриваем различные скрипты (движки), их направленность, работу, полезность для сайта и многое другое. | ДизайнВ данном разделе находятся статьи по дизайну. Большинство статей содержит уроки по созданию дизайна. | FlashВ данном разделе находятся уроки, а так же готовые продукты, написанные на Flash. | SEO(search engine optimization) поисковая оптимизация. Статьи на тему оптимизации и продвижения ресурсов в сети интернет. | HTML(HyperText Markup Language) язык разметки гипертекста. Статьи с уроками верстки с использованием HTML5. | CSS(Cascading Style Sheets) каскадные таблицы стилей. Статьи по использованию CSS3 при вёрстке сайтов. | Проекты | Жизнь блогосферыСтатьи из жизни русскоязычной блогосферы. Новости, тенденции, интересные блоги. | Заработок в сетиСтатьи о заработке в сети. Биржи, партнерские программы, платежные системы. | РазноеСтатьи не вошедшие ни в одну из категорий. | Автоматическая регистрация в ПССкрипт позволяющий зарегистрировать свой ресурс в основных поисковых системах. |
04января

Шаблоны блога для ModX


blackandgreen.zip [122,21 Kb] (cкачиваний: 304)

cloudywatersports_.zip [35,26 Kb] (cкачиваний: 363)

delicious_fruit.zip [52,9 Kb] (cкачиваний: 464)

greeny_blu.zip [1,04 Mb] (cкачиваний: 329)

redtie.zip [17,05 Kb] (cкачиваний: 411)

rounded_2.zip [581,65 Kb] (cкачиваний: 350)

simple_beauty.zip [4,87 Kb] (cкачиваний: 336)

sundark.zip [17,82 Kb] (cкачиваний: 305)

touching_design.zip [43,03 Kb] (cкачиваний: 398)

 

 

Установка шаблона

При установке скрипта, даже если вы не выбирали установку демонстрационного сайта, устанавливается шаблон по умолчанию "Minimal Template".


Нам нужно загрузить все части нашего шаблона, который представляет из себя две папки "CSS" и "design", в рабочую директорию ModX. Есть небольшая разница, от того, куда вы загрузите шаблон. Вы можете загрузить шаблон в основную папку, где установлена система. Но в случае, если вы храните все файлы в корневой директории, при росте объема сайта, накапливается множество различных файлов, что захламляет систему.
Поэтому советую устанавливать шаблон в /assets/templates/ - это директория для шаблонов.
Распаковываем архив, и переносим папки "CSS" и "default" в директорию /assets/templates/. Затем, в админ-панели идем по адресу "Ресурсы" -> "Управление ресурсами" -> "Шаблоны" и кликните по ссылке "Minimal Template". Откроется страница для редактирования шаблона. Начнем редактирование:
  • Имя шаблона - назовите ваш шаблон по своему желанию. Советую назвать по названию самого шаблона.
  • Описание - введите описание шаблона или оставьте поле пустым.
  • Код шаблона (html) - в этом поле находится код шаблона. Удаляем отсюда весь код. Открываем файл index.html, из шаблона, с помощью, например, блокнота. Копируем весь текст с данного файла и вставляем в "Код шаблона".

Теперь указываем путь к изображениям и файлам CSS. В html соде меняем все пути к CSS файлам и картинкам на новые, например:


Было:

<link rel="stylesheet" media="screen,projection" type="text/css" href="./css/main.css" />

Стало:
<link rel="stylesheet" media="screen,projection" type="text/css" href="./assets/templates/ваш_шаблон/css/main.css" />

Или так для картинок:
Было:

<input id="search-submit" title="Найти" src="design/search_submit.gif" type="image" value="Найти" />

Стало:
<input id="search-submit" title="Найти" src="./assets/templates/ваш_шаблон/design/search_submit.gif" type="image" value="Найти" />


Просмотров: 7124

Печать



  • И снова обновление дизайна блога
    дизайн блога, design На днях, в очередной раз решил сменить дизайн блога. Да, мне все так же не ймется, и я продолжаю менять дизайн. Но надеюсь, в этот раз дизайн останется навсегда, ну или на пару
  • Лёгкое введение в CSS
      Давно я не писал в блог, а уж тем более о CSS. Сегодня я наверстаю это упущение.   Итак, что же такое CSS. CSS – таблица каскадных стилей. Но что это такое? Те, кто знаком с
  • Создание сайта. Верстка. Часть вторая
    Продолжим написание нашего кода. Вчера мы создали шапку, а сегодня будем доделывать оставшиеся части, а именно сайдбар, контент и подвал. Итак, продолжим. После нашей шапки сделаем пропущенное
  • Создание сайта. Верстка. Часть первая
          Продолжим наши посты по поводу создания сайта, а если быть точнее, то по поводу верстки шаблона.   Итак, в прошлом посте мы выбрали изображение и разрезали его для
  • Создание сайта. Нарезка шаблона
    Сегодня я продолжу серию статей о создании сайта.   Мы уже обсуждали вопросы Создание сайта. Первые шаги, Создание сайта. Установка на локальный сервер, Создание сайта. Установка на хостинг.
  • Авторизоваться
    Панель авторизации