#1
Отправлено 19 Сентябрь 2013 - 16:19
#2
Отправлено 19 Сентябрь 2013 - 16:44
1. Цвет текста меню: в файле main.css 237 строка
#mainNav table td div a:link, #mainNav table td div a:visited {
background: url("http://fotoshtorka.s...av_item_bg.gif") repeat-x scroll left bottom transparent;
color: #Цвет;
display: block;
height: 26px;
padding: 4px 10px 0;
}
2. Цвет текста категорий: в файле main.css 259 строка
#subNavigation li a:link, #subNavigation li a:visited {
color: #Цвет;
display: block;
padding-left: 10px;
}
Цвета вы можете подобрать тут: http://xhtml.co.il/r...HTML/Цвета-HTML
#3
Отправлено 19 Сентябрь 2013 - 17:30
#4
Отправлено 19 Сентябрь 2013 - 17:41
.contentTbodyCatalogHeader {
background: url("http://fotoshtorka.s...rey_dotted.gif") repeat-x scroll 0 100% transparent;
color: #Цвет;
margin: 0 1em 0.33em 0.7em;
padding-bottom: 0.2em;
}
Добавьте правило color и выберите цвет))
#5
Отправлено 19 Сентябрь 2013 - 18:06
#6
Отправлено 19 Сентябрь 2013 - 18:44
#7
Отправлено 19 Сентябрь 2013 - 19:46
Sofiko (19 Сентябрь 2013 - 18:06) писал:
#subNavigation li a:link, #subNavigation li a:visited { padding-left: 10px; color: #666; display: block; }#666 - измените на другой цвет
Sofiko (19 Сентябрь 2013 - 18:44) писал:
.goodsListItemBlock a {color:#BE9E4C}#BE9E4C - измените на свой цвет
#8
Отправлено 20 Сентябрь 2013 - 01:55
#9
Отправлено 20 Сентябрь 2013 - 02:14
<a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a>
и замените на
<a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="color:#BE9E4C; padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a>
После замените цвет подкатегорий (#BE9E4C) на необходимый вам цвет.
#10
Отправлено 20 Сентябрь 2013 - 02:58
Скажите, как теперь сделать кнопки левого меню каким либо цветом и верхнего меню тоже?
#11
Отправлено 20 Сентябрь 2013 - 04:13
#mainNav table td div a:link, #mainNav table td div a:visited { background: url("http://test-storeland.storeland.net/nav_item_bg.gif") repeat-x scroll left bottom transparent; color: #666666; display: block; height: 26px; padding: 4px 10px 0; }
вам необходимо заменить свойство background например
#mainNav table td div a:link, #mainNav table td div a:visited { background: #A9FF34; color: #666666; display: block; height: 26px; padding: 4px 10px 0; }
для каталога это будет класс
#subNavigation li { background: url("http://test-storeland.storeland.net/subnav_rule.gif") no-repeat scroll left bottom transparent; font-size: 1.0833em; line-height: 1.5384em; padding: 0.5em 0; }
тут аналогично, необходимо заменить свойство background
#12
Отправлено 20 Сентябрь 2013 - 10:43
Все сделала, хотя некоторых строк не нашла у себя. В браузере mozilla все отображается, а вот в Chrom половина меню черная, а в Explorer верхнее меню белое. Чистила кэш, но все так же.
Теперь хочу сделать Каталог Товаров? что-то типа как тут http://belindo.ru/, разделить его. Как его сделать?
Мой сайт fotoshtorka.ru
#13
Отправлено 21 Сентябрь 2013 - 03:23
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Цитата
Вы хотите сделать подобие брендов? В данном случае каталог не разделен. После каталога добавлен дополнительный блок и все ссылки на разделы прописаны вручную в шаблоне "HTML".
#14
Отправлено 21 Сентябрь 2013 - 14:44
#15
Отправлено 21 Сентябрь 2013 - 16:13
Sofiko (21 Сентябрь 2013 - 14:44) писал:
#mainNav table td div a:visited {display: block;height: 26px;color: #006400;padding: 4px 10px 0 10px;background: url({ASSETS_IMAGES_PATH}nav_item_bg.gif) repeat-x bottom left;}замените на
#mainNav table td div a:visited {display: block;height: 26px;color: #006400;padding: 4px 10px 0 10px;}
также найдите
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url({ASSETS_IMAGES_PATH}nav_item_bg.gif) repeat-x bottom left;}замените на
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;}
далее найдите строчку
#mainNav table td div a.selected, #mainNav table td div a:hover, #mainNav table td div a:active {color: #D0431D;text-decoration: none;background-position: bottom right;}замените на
#mainNav table td div a:active {color: #D0431D;text-decoration: none;background-position: bottom right;background: #fff;box-shadow: inset 0 0 6px;}вместо #fff можете поставить свой цвет, тень так же можно убрать удалив box-shadow: inset 0 0 6px;
Вы можете написать как Вам нужно, чтобы выглядело меню (по цветам и форме), а мы Вам поможем такое меню сделать.
#16
Отправлено 21 Сентябрь 2013 - 18:00
#17
Отправлено 21 Сентябрь 2013 - 21:07
Sofiko (21 Сентябрь 2013 - 18:00) писал:
#subNavigation li { font-size: 1.0833em; line-height: 1.5384em; padding: 0.5em 0; background: #D1EEEE; font-size: 1.0833em; line-height: 1.5384em; padding: 0.5em 0; }заменить на этот
#subNavigation li { font-size: 1.0833em; line-height: 1.5384em; padding: 0.5em 0; background: #D1EEEE; font-size: 1.0833em; line-height: 1.5384em; border-bottom: 1px solid lightgrey; padding: 0.5em 0; } #subNavigation li:hover { background: #91DA91; padding-left: 5px; box-shadow: 0 0 5px 0px #1CA74E; transition: .3s; }Может, это то, что вам нужно?
#18
Отправлено 22 Сентябрь 2013 - 10:22
#19
Отправлено 22 Сентябрь 2013 - 10:37
<meta http-equiv="X-UA-Compatible" content="IE=7" />Удалила строку, но все смотрится так в IE http://s017.radikal....ad79ec9dd15.jpg
в Chrome все выглядит так http://s008.radikal....2e3940373cd.jpg
в Mozilla все хорошо, то есть должно везде выглядеть так http://i055.radikal....1a6c6e29884.jpg
#20
Отправлено 22 Сентябрь 2013 - 11:47
Sofiko (22 Сентябрь 2013 - 10:37) писал:
<meta http-equiv="X-UA-Compatible" content="IE=7" />Удалила строку, но все смотрится так в IE http://s017.radikal....ad79ec9dd15.jpg
в Chrome все выглядит так http://s008.radikal....2e3940373cd.jpg
в Mozilla все хорошо, то есть должно везде выглядеть так http://i055.radikal....1a6c6e29884.jpg
#mainNav table td div a:link, #mainNav table td div a:visited { background: #D1EEEE; color: #006400; display: block; height: 26px; padding: 4px 10px 0; }и замените строку
background: #D1EEEE;на
background: #D1EEEE !important;
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных