Наконецто я добрался до раздела "шаблоны" и первым хотел бы представить один из лучших, на мой взгляд, бесплатных шаблонов - ALLROUNDER от lernvid.com. Шаблон имеет достаточно большое количество настроек внешнего вида, что позволяет придать сайту определенную индивидуальность. Так же есть множество позиций для модулей. Кроме того можно задать как фиксированную ширину в пикселях, так и указать в процентах.
Вид шаблона по умолчанию:
Настройки шаблона (в админке):
Настройка ширины всего шаблона и отдельных колонок:
Настройка шрифтов:
Настройка логотипа:
Настройка цветов:
Настройка верхнего меню
При настройке можно воспользоваться всплывающими подсказками:
Немного о том, как и что изменить в шаблоне, если это не предусмотрено в админке.
1. Фон сайта - всей страницы (body)
Раз уж появился такой вопрос, распишу что да как. у себя менял уже давно, так что скачал шаблон по новой.
Изначально в шаблоне есть как фоновая картинка для <body>, так и цвет. Цвет можно задавать в админке, либо оставить по умолчанию. Картинку можно сменить только слегка подправив css.
Что бы не мучаться и долго не искать что и в каком файле изменять - воспользуемся стандартными средствами браузера (по аналогии можно будет менять стиль многих других элементов). 
Я воспользуюсь opera dragonfly, хотя аналоги есть и в других браузерах. В контекстном меню находим "Проинспектировать элемент", либо идем в инструменты - дополнительно - opera dragonfly, либо (для windows) - ctrl+shift+i. В открывшейся панели находим блок, стиль которого хотим изменить. В данном случае - <body>
(кликните на изображение для увеличения - откроется в новой вкладке)
Здесь видим html код страницы в виде дерева, справа - стили выделенного блока, указано имя файла и строка (colors.css:7 - файл colors.css, седьмая строка). Расположен данный файл в /templates/allrounder-j1.6/css/colors.css
В данном примере в админке включено управление цветами, так что стилей вроде "jnvtest.WebRazrab.ru/:5" не будет если цвета в админке берутся по умолчанию.
Фон сайта задан в template.css, 11 строка (background-image: url("http://jnvtest.WebRazrab.ru/templates/allrounder-j1.6/images/background.png");). Соответственно открываем данный файл и находим нужную строчку, выглядеть она будет так:
body {
font-family: Arial, Helvetica, Sans-Serif;
font-size:0.9em;
margin:0;
padding:0;
line-height:1.3em;
background-image:url('../images/background.png');
overflow-x:hidden;
}
Соответственно изображение будет находится в /templates/allrounder-j1.6/images/background.png ("../" - возвращает нас на уровень вверх). Далее либо даем своему изображению такое же название, либо забрасываем его в этот же каталог и в css файле "background.png" меняем на название вашей картинки.
Скачивал уже со стороннего ресурса, на первый взгляд ничего лишнего не заметил, но проверить не помешает
Получиться то получилось, но теперь картинку видно и в средней части шаблона,
её видно за публикуемым материалом. Можно от этого избавиться?
Всё, разобрался по аналогии поиска фоновой картинки нашёл изображение фона за материалом,
188 строка в файле ../templates/allrounder-3/css/template.css — background-image: url(../images/background.png);
Используется то же самое изображение, что и в общем фоне, поэтому оно и появляется за материалами.
Поэтому при смене общей фоновой картинки нужно обязательно изменить ей название в 11 строке, иначе потом придётся менять название картинки в 188 строке.
Спасибо, получилось!
Владимир, почему Вы не отвечаете?
Не заметил сообщения… А где ошибка появляется? Можете скриншот прикрепить, или внести изменения и до завтра оставить — посмотрю.
добавил код в файл template.css и сохранил на сайте, вот скриншот https://dropmefiles.com/KrzJm
Как вижу, все работает. На ошибку эту просто внимания не обращайте…
незнаю как у Вас работает а у меня все на том же уровне https://dropmefiles.com/jpT8p, может это оссобенность браузера gchrome?
Кеш в браузере почистить не помешает
все получилось спасибо большое
Здравствуйте, помогите мне пожалуйста ещё раз с этим шаблоном=), а то уже несколько дней ковыряюсь не могу решить проблему(, вот мой сайт на нем ocreditah ru при наведении мышкой на табуляцию внизу: «вперед или назад» эта надпись дублируется в правой стороне экрана на фоне, не подскажите в чем здесь дело? Заранее большое спасибо.
Здесь дело несовсем в этом шаблоне, а скорее в макетах плагинов и компонентов… та же ситуация и с формой обратной связи в контактах и некоторыми другими элементами. Добавьте в конце template.css следующий код и все должно быть нормально:
в самом конце просто вставить?
можно в любом месте, но проще в самый конец
прошу прощения что так долго не отвечал, на работе завал(, на локальном сервере все получилось нормально вроде, а вот на хостинге beget как только добавил код высветилось предупреждение и написано:
Don't use adjoining classes.
Expected (left|right|center|justity|inherit) but found 'start'.
и все на так же осталось
Подскажите пожалуйста, как уменьшить отступ на наведенном пункте меню? (в меню с суфиксом класса модуля _menu который по умолчанию стоит в main menu к примеру, есть такая фишка что при наведении курсора на пункт меню он выделяется жирным и съезжает вправо, вот как уменьшить этот съезд вправо?)
Подскажу, если дадите адрес сайта (у меня нет нигде этого шаблона установленного)
Спасибо большое, мой сайт ещё в разработке на локальном сервере, но хочу я сделать такой же отступ при наведении на меню как вот на этом сайте: naspinning ru видите там при наведении мышки на любой из пунктов правого меню он выделяется жирным и съезжает совсем чуть чуть вправо, а в стандартном шаблоне почти до середины меню.
Откройте в каталоге шаблона — /js/effects.js, 5 строчка «jq(this).stop().animate({'padding-left':'20px'},{»
Спасибо большое, все получилось, а как Вы узнали, что это меня меняется там? фаербаг это не показывает.
мм… отступ задан через js, а не css, это сразу видно. Дальше в каталог js шаблона, там по названию можно понять какой скрипт за что отвечает
Большое спасибо
Привет! вопрос по шапке шаблоне: как убрать фоновый цвет и фон под изображением логотипа.
посмотрите в php/template_colors.php
Не помогает.даже полное удаление всех стилей.
#header {
background-color: #<?php echo htmlspecialchars($this->params->get('headBgColor'));?>;
border-top:1px solid #<?php echo htmlspecialchars($this->params->get('headBorderColor'));?>;
border-left:1px solid #<?php echo htmlspecialchars($this->params->get('headBorderColor'));?>;
border-right:1px solid #<?php echo htmlspecialchars($this->params->get('headBorderColor'));?>;
}
вот эти стили сейчас для хедера применяются… остальное в css. Серый фон у wrapper
не в той папке посмотрел. помогло частично. остался серый фон и бордюр. анадо чтоб фоновое изображение было видно shkola-internat10 ru
Здравствуйте!Подскажите опять же горизонтальное меню.Никак не хочет выводится ни в headermodule1 ни выше.Только в position 1.
Здравствуйте! Помогите в этом шаблоне сделать горизонтальное меню с ориентацией пунктов от центра
как вариант - для #topmenu ul.menu li заменить float:left на display:inline-block; text-align:left;, затем для #topmenu ul.menu {text-align:center} - lvdropdown.css, где то 23 строка, или отступами..
Спасибо! Сделал отступами.