Напомним, что мы предумотрительно скопировали шаблоны старого сайта в специальную папку. А у нового сайта все компоненты, определяющие внешний вид (CSS-файлы, картинки) лежат в каталоге assets/templates.
Общая верстка страниц у нас происана в чанках, начинающихся с префикса CSS_. Есть ещё чанки, в которых имеются элементы влияющие на дизайн, например
{ {CSS_02_all_pages_start} } - оформление шапки
{ {301-Подвал} } - оформление подвала.
{ {ru_GoToEnd} } и { {ru_GoToTop} } - здесь, возможно, придется исправить картинки в зависимости от гаммы дизайна.
Всё остальное зависит от отношения дизайнера или "дизайнера". Часто для редизайна официального сайта достаточно просто изменить пару строчек в CSS-файлах (ссылку на логотип, цветовую гамму).
Если же из дизайнера креатив так и прёт, то он волен делать что угодно - здесь мы ничего советовать не будем. Разве что порекомендуем прочитать нашу заметку о CSS в MODx. И, для тех, кто будет пользоваться прототипом нашего сайта, приведем таблицу файлов, используемых при оформлении:
|
Подкаталог в assets/templates/ |
Назначение каталога | Файл | Назначение файла |
| Основные файлы и подкаталоги |
site.css |
Основная таблица 3-колоночных страниц | |
| site_2col.css |
Основная таблица 2-колоночных страниц | ||
| site_tiny.css |
Модификациястилей для редактора TinyMCE |
||
| common.css | Сборник общих стилей |
||
| common_green.css | Сборник общих зеленых стилей |
||
| core | Основные стили для верстки сайта | base.css | Базовые стили 3-колоночных страниц |
| base2.css | Базовые стили 2-колоночных страниц | ||
| basemod.css | Базовые стили 3-колоночных страниц | ||
| basemod_2col.css | Базовые стили 2-колоночных страниц | ||
| positions.css | Позиционирование элементов |
||
| custom | Дополнительные стили |
lists.css | Стили списков |
| old.css | Стили, совместимые с нашими старыми сайтами |
||
| patches | Стили, исправляющие глюки браузеров |
ie6_or_less.css | Исправление глюклов IE |
| iehacks.css | Исправление глюклов IE | ||
| patch_vertical_listnav.css | Исправление глюклов IE для вертикальных меню | ||
| Стили для вывода на печать |
print_003_draft.css | Стили печати 3-колоночного сайта |
|
| print_base.css | Основные стили печати |
||
| screen | Стили для экранного отображения |
borders.css | Сборник бордюров |
| color.css | Сборник цветов |
||
| color_green.css | Сборник зеленых цветов |
||
| content.css | Сборник стилей для контента |
||
| fonts.css | Сборник стилей для шрифтов |
||
| images.css | Сборник стилей, использующих картинки |
||
|
snippets |
Стили для отдельных сниппетов |
ditto.css | Стили для Ditto |
| ditto_green.css | Стили для Ditto зеленые | ||
| epoll.css | Стили для опросов |
||
| fd.css | Стили для FileDownload |
||
| list_indexer.css | Стили для ListIndexer | ||
| list_sitemap.css | Стили для карты сайта |
||
| mail.css | Стили для почтовых форм |
||
| molio_nav_main.css | Стили главного меню |
||
| molio_nav_main_green.css | Стили главного меню зеленые |
||
| mx_ajax_search.css | Стили для AjaxSearch |
||
| mx_ajax_search_green.css | Стили для AjaxSearch зеленые | ||
| images | Картинки, используемые в стилях |
logo.gif | Логотип |
| images/bullets | Картинки буллетов |
*.gif | Различные буллеты |
|
images/decor |
Картинки для декорирования |
blad.gif | Пятно кровяное (прикол) |
| blad2.gif | Пятно кровяное (прикол) |
||
| hr_brown.gif | Черта коричневая для HR |
||
| hr_gray.gif | Черта серая для HR | ||
| hr_green.gif | Черта зеленая для HR | ||
| stamp.gif | Сургучная печать (прикол) |
||
| images/files | Картинки для FileDownload |
*.gif | Значки для типов файлов и папок |
| images/list | Картинки для списков и специальных блоков |
*.gif | Значки для списков и блоков |
|
images/navigation |
Картинки для навигации |
bottom.gif | Стрелка вниз |
| exit.gif | Выход |
||
| go_to_end.gif | Переход вниз |
||
| go_to_start.gif | Переход вверх |
||
| go_up.gif | Подъем |
||
| login.gif | Логин |
||
| site_tree.gif | Карта сайта |
||
| top.gif | Вверх |
||
|
images/site |
Общие картинки для сайта |
404.gif | Ошибка 404 |
| closed.gif | Закрыто |
||
| confused.gif | Смущенный смайлик большой |
||
| site_logo.gif | Логотип |
||
| images/snippets | Картинки для сниппетов |
icon_form.gif | Иконки для NikoFeedBack (не используем) |
Написать комментарий