vasilevichiv (13 Апрель 2016 - 08:24) писал:
Здравствуйте. Хочу сменить стилистику сайта на темную. Соответственно черные шрифты на темном фоне не читаемы.
Вопрос 1 - как сменить цвет шрифта подвала и других частей сайта?
Вопрос 2 - Существует ли возможность сделать часть страницы не под текстом прозрачной - для увеличения объема фона?
Вопрос 3 - В каких еще местах можно менять цвета фона и шрифта больших блоков, для создания общей темной стилистики?
Вопрос 1 - как сменить цвет шрифта подвала и других частей сайта?
Вопрос 2 - Существует ли возможность сделать часть страницы не под текстом прозрачной - для увеличения объема фона?
Вопрос 3 - В каких еще местах можно менять цвета фона и шрифта больших блоков, для создания общей темной стилистики?
Здравствуйте,
1) Для почти для каждого блока цвет задается отдельно, поэтому я Вам укажу часть кодов, где нужно поменять цвет шрифта, а дальше с Вашей помощью будем изменять цвет у других блоков, которые я, возможно упущу. Во всех блоках кода нужно будет изменять значение у свойства color.
В main.css найдите код (цвет ссылок меню):
#mainNav table td div a:link, #mainNav table td div a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif?design=mokko") repeat-x bottom left;}
в этом коде меняйте #666 на нужный код цвета (например №000 - белый).
далее найдите код (цвет текст в шаблоне по умолчанию):
body { font-size: 75%; /* convert 16px base font size to 12px */ line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */ font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; background-color: #FFF; color: #666; }
меняйте #666 на нужный код цвета.
Далее код (цвет левого бокового меню-каталог):
#subNavigation li a:link, #subNavigation li a:visited { padding-left: 10px; color: #666; display: block; }
требуются аналогичные изменения.
Далее код:
a:link, a:visited { color: 009744; text-decoration: none; }
У Вас этот код написан с ошибкой, чтобы цвет ссылок по умолчанию был зеленый, нужно его заменить на код:
a:link, a:visited { color: #009744; text-decoration: none; }
Далее код:
#footer a {color:#666 !important}
цвет ссылок в футере.
Далее код:
#footer {background: url("{ASSETS_IMAGES_PATH}botfade.jpg?design=mokko") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}
здесь уже нужно менять значение #999. Этот код для информации в футере (копирайт и так далее)
Далее код (блок сравнения товаров в колонке слева):
.contentTbodyCompareEmpty {color:#888;}
так же меняйте цвет текста.
У описаний категорий цвет текста можно поменять в настройках каждой категории. Тоже самое и с описанием товаров.
Далее найдите код (наименование характеристик в карточке товара):
.goodsDataFeatures p span {border-bottom:1px solid #FFFFFF;color:#A9A9A9;}
меняйте значение A9A9A9.
3) В main.css найдите код:
#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg?design=mokko) repeat-x;}
Если вы хотите фон шапки сделать картинкой, то замените на код:
#headerWrap {height: 150px;background: url(ссылка на картинку) repeat-x;}"ссылка на картинку " меняйте на соответствующую ссылку. Предварительно картинку нужно добавить в редакторе шаблонов в левом боковом меню с помощью кнопки "Добавить файлы"
Если же вы хотите просто залить каким-либо цветом, тогда замените на код:
#headerWrap {height: 150px;background: #код_цвета;}
#код_цвета - измените соответствующе.
Далее код для общего фона, найдите код:
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg?design=mokko) repeat-x left bottom;}
точно та же, если хотите изменить на картинку, то меняйте на код:
#contentWrap {clear: both;background: url(ссылка на картинку) repeat-x left bottom;}
если цветом залить, то на код:
#contentWrap {clear: both;background: #код_цвета;}
Изменения для аккаунта 330505, если Вы имели ввиду другой магазин то пришлите, пожалуйста его номер аккаунта