Перейти к содержимому


Как Изменить Кнопки Меню И Категорий?

кнопки меню

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 57

#1 Sofiko

Sofiko

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 19 Сентябрь 2013 - 16:19

Здравствуйте! Скажите как в шаблоне "мокко" изменить цвет текста меню и цвет текста категорий?

#2 CrazyCat

CrazyCat

    Продвинутый пользователь

  • Модератоpы
  • 190 сообщений

Отправлено 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 Sofiko

Sofiko

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 19 Сентябрь 2013 - 17:30

Спасибо! Скажите как выделить "каталог товаров" другим цветом?

#4 CrazyCat

CrazyCat

    Продвинутый пользователь

  • Модератоpы
  • 190 сообщений

Отправлено 19 Сентябрь 2013 - 17:41

Это строка 300 там же:
.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 Sofiko

Sofiko

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 19 Сентябрь 2013 - 18:06

Да, теперь нужно поменять цвет подкатегорий, подскажите

#6 Sofiko

Sofiko

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 19 Сентябрь 2013 - 18:44

И еще, не могу найти где поменять цвет цены под картинками на главной странице и в категориях.

#7 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 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 Sofiko

Sofiko

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 20 Сентябрь 2013 - 01:55

Меняются все категории, а мне хотелось бы поменять только подкатегории, например ФОТОШТОРЫ одним цветом, а Шторы Вокруг Света, Шторы Цветы и т.д, другим

#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Сентябрь 2013 - 02:14

Найдите в шаблоне "HTML"

<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 Sofiko

Sofiko

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 20 Сентябрь 2013 - 02:58

Благодарю, все получилось.
Скажите, как теперь сделать кнопки левого меню каким либо цветом и верхнего меню тоже?

#11 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 20 Сентябрь 2013 - 04:13

Как это сделать вам сообщали ранее. Цвет верхней навигации задается в файле стилей main.css

#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 Sofiko

Sofiko

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 20 Сентябрь 2013 - 10:43

Спасибо, за терпение, очень слабо все понимаю.
Все сделала, хотя некоторых строк не нашла у себя. В браузере mozilla все отображается, а вот в Chrom половина меню черная, а в Explorer верхнее меню белое. Чистила кэш, но все так же.

Теперь хочу сделать Каталог Товаров? что-то типа как тут http://belindo.ru/, разделить его. Как его сделать?

Мой сайт fotoshtorka.ru

#13 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Сентябрь 2013 - 03:23

Для браузера IE - попробуйте в шаблоне "HTML" найти и удалить строку

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Цитата

Теперь хочу сделать Каталог Товаров? что-то типа как тут http://belindo.ru/, разделить его. Как его сделать?

Вы хотите сделать подобие брендов? В данном случае каталог не разделен. После каталога добавлен дополнительный блок и все ссылки на разделы прописаны вручную в шаблоне "HTML".

#14 Sofiko

Sofiko

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 21 Сентябрь 2013 - 14:44

Наверно не так выразилась, хочу что бы он не просто цветом был выделен, а как кнопочками, не объяснить по другому, что-то подобное http://momo-cosmetic.ru/

#15 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 21 Сентябрь 2013 - 16:13

Просмотр сообщенияSofiko (21 Сентябрь 2013 - 14:44) писал:

Наверно не так выразилась, хочу что бы он не просто цветом был выделен, а как кнопочками, не объяснить по другому, что-то подобное http://momo-cosmetic.ru/
Здравствуйте, в main.css найдите строчку
#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;
Вы можете написать как Вам нужно, чтобы выглядело меню (по цветам и форме), а мы Вам поможем такое меню сделать.

Прикрепленные изображения

  • ScreenShot 405.png


#16 Sofiko

Sofiko

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 21 Сентябрь 2013 - 18:00

Я так понимаю это про верхнее меню? Мне нужно левое сделать, меню каталога. Как то можно в мокко его отредактировать?

#17 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 21 Сентябрь 2013 - 21:07

Просмотр сообщенияSofiko (21 Сентябрь 2013 - 18:00) писал:

Я так понимаю это про верхнее меню? Мне нужно левое сделать, меню каталога. Как то можно в мокко его отредактировать?
Попробуйте в шаблоне main.css код
#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 Sofiko

Sofiko

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 22 Сентябрь 2013 - 10:22

Да, подойдет!

#19 Sofiko

Sofiko

    Пользователь

  • Пользователи
  • PipPip
  • 17 сообщений

Отправлено 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 shnafix

shnafix

    Активный участник

  • Модератоpы
  • 506 сообщений

Отправлено 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
В main.css найдите блок
#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 анонимных