Сообщений в теме: 71

[rka11]

У меня шаблон Мокко и хотелось бы тоже изменять цвет в подкатегориях. Подскажите как?

[Vaccina]

как изменить цвет под категорий можно почитав внимательно пост http://forum.storela...findpost__p__57

[rka11]

Vaccina (16 Июнь 2011 - 21:27) писал:

как изменить цвет под категорий можно почитав внимательно пост http://forum.storela...findpost__p__57

Читано и перечитано, но есть различия в шаблонах
как поменять именно в этом

<!-- Каталог -->
			  <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
				{%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li class="subNavigation {% IF catalog.LEVEL=0%} cat-root{% ENDIF %}{% IF catalog.CURRENT %} selected{% ENDIF %}">
						<a href="{catalog.URL}" 
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("28")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
						</li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
			  </ul>

css


#subNavigation {
  width: 300px;
}

#subNavigation li {
  font-size: 1.083em;
  line-height: 1.6em;
  padding: 0.2em 0;
  background: url({ASSETS_IMAGES_PATH}subnav_rule.gif) no-repeat left bottom;
}

#subNavigation li a:link,
#subNavigation li a:visited {
  padding-left: 15px;
  color: #666666;
  display: block;
}

#subNavigation li a:hover,
#subNavigation li a:active {
  background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em;
  color: #000080;
  text-decoration: none;
}

#subNavigation .selected {color:# 000080 !important}

#leftMenuBlockWrap {
  width: 300px;
  padding:1em 0 10px 0;
  vertical-align:top;
}
#leftMenuBlock {
  width: 300px;
  margin: 0 10px 0 0;
}
.subNavigation  li li.root a {background-color:#fdf5f3;color:#000000;}
.subNavigation  li li.root.selected a {font-weight:bold;color:#000000;}

[Vaccina]

В вашем случае блок каталога будет иметь следующий вид

<!-- Каталог -->
			  <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
				{%IFNOT catalog_empty %}
				  {% FOR catalog %}
					{% IFNOT catalog.HIDE %}
					  <li class="subNavigation {% IF catalog.LEVEL=0%} cat-root{% ENDIF %}{% IF catalog.LEVEL=0%} root{% ENDIF %}{% IF catalog.LEVEL>=1 %} sub{% ENDIF %}{% IF catalog.CURRENT %} selected{% ENDIF %}">
						<a href="{catalog.URL}" 
						  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("28")}px"{% ENDIF %}
						  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
						>{catalog.NAME}</a>
						</li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
			  </ul>

а класс css

.subNavigation  li li.root a {background-color:#fdf5f3;color:#000000;}
.subNavigation  li li.root.selected a {font-weight:bold;color:#000000;}

примет следующий вид

#subNavigation  li li.root a {background-color:#fdf5f3;color:#000000;}
#subNavigation  li li.root.selected a {font-weight:bold;color:#000000;}

[alyans]

Даже у меня получилось поменять цвет шрифта, сделать поджирновку выбранного! Спасибо огромное, ребят!

[alexkatr]

Вышеописанный способ для Сияния выполнил - все получилось, а как сделать в Сиянии так, чтобы не-только выбранная категория была жирным, а и ее родительская - тоже жирная и красная?
Можно как-то это сделать?

[Vaccina]

можно попробовать использовать класс

#subNavigation  li li.sub a {font-weight:bold;color:#000000;}

[alexkatr]

Vaccina (07 Октябрь 2011 - 03:09) писал:

можно попробовать использовать класс

#subNavigation  li li.sub a {font-weight:bold;color:#000000;}

А этот класс вставить в стили? Или в шаблоне нужно тоже где-то прописать что-то?

[Vaccina]

Да этот класс нужно вставить в файл стилей main.css

[smit]

Хех) Скопировал то что написал супорт - получилось наоборот: невыбранная категория красная, а выбранная - чёрная. Хотя всё в тупую ctrl-c ctrl-v. Почему так?
И не совсем понял на счёт: "По большому счету можно создавать не ограниченно такую вложенность, но мы ограничимся для данного случая одной."

[smit]

хм, почему-то  это обсуждение не высвечивается в моих публикациях...

[Vaccina]

Вы можете изменить цвет на тот который вам нужен в следующих добавленных классах

.leftmenu li li.root a {background-color:#fdf5f3;color:#000000;}
.leftmenu li li.root.selected a {font-weight:bold;color:#000000;}

или в классах

  .leftmenu li li.root a {background-color:#fdf5f3;color:#000000;}
  .leftmenu li li.root.selected a {font-weight:bold;color:#000000;}
  .leftmenu li li.sub a {background-color:#e5f2fe;color:#e54c2c;}
  .leftmenu li li.sub.selected a {font-weight:bold;color:#000000;}

[smit]

получилось следующее: если название ячейки состоит из 2- строк, то при наведении мышкой, подсвечивается только нижняя.

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

• 

[smit]

и как изменить ширину столбца?

[Vaccina]

Цитата

получилось следующее: если название ячейки состоит из 2- строк, то при наведении мышкой, подсвечивается только нижняя.

Попробуйте в файле стилей main.css найти

.leftmenu li li a:hover {
	background: url("http://img.storeland.ru/web/upload/assets/images/28/27303/lm-bg.jpg") repeat-x scroll left bottom transparent;
}

и заменить на

.leftmenu li li a:hover {
	background: url("http://img.storeland.ru/web/upload/assets/images/28/27303/lm-bg.jpg") repeat center center;
}

Ширину можно немного уменьшить если найти класс

ul.leftmenu {
	margin-left: 20px;
	margin-right: 20px;
}

и заменить его на

ul.leftmenu {
	margin-left: 20px;
}

[smit]

Vaccina (09 Январь 2012 - 11:40) писал:

Попробуйте в файле стилей main.css найти

.leftmenu li li a:hover {
	background: url("http://img.storeland.ru/web/upload/assets/images/28/27303/lm-bg.jpg") repeat-x scroll left bottom transparent;
}

и заменить на

.leftmenu li li a:hover {
	background: url("http://img.storeland.ru/web/upload/assets/images/28/27303/lm-bg.jpg") repeat center center;
}

Так лучше, но появились 2 горизонтальные светлые полосы. Помоему, они должны подсвечивать ячейку по краям. А они, вместо этого, разместили прямо посредине строк.

[smit]

Vaccina (09 Январь 2012 - 11:40) писал:

Ширину можно немного уменьшить если найти класс

ul.leftmenu {
	margin-left: 20px;
	margin-right: 20px;
}

и заменить его на

ul.leftmenu {
	margin-left: 20px;
}

Ширина меняется, в зависимости от длинны текста. Хочу что-бы этого промежутка вообще не было.

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

• 

[Vaccina]

Цитата

Так лучше, но появились 2 горизонтальные светлые полосы. Помоему, они должны подсвечивать ячейку по краям. А они, вместо этого, разместили прямо посредине строк.

В данном случае остается только изменять ширину самого изображения lm-bg.jpg в графическом редакторе, или заменить на другое изображение.

В файле стилей найдите класс

ul.leftmenu {
	margin-left: 20px;
	margin-right: 20px;
}

замените его на

ul.leftmenu {
	margin-left: 20px;
	width: 230px;
}

далее добавьте класс

.content_catalog ul.leftmenu {
 margin-right:0 !important;
}

[smit]

Vaccina (10 Январь 2012 - 18:47) писал:

В данном случае остается только изменять ширину самого изображения lm-bg.jpg в графическом редакторе, или заменить на другое изображение.

В файле стилей найдите класс

ul.leftmenu {
	margin-left: 20px;
	margin-right: 20px;
}

замените его на

ul.leftmenu {
	margin-left: 20px;
	width: 230px;
}

далее добавьте класс

.content_catalog ul.leftmenu {
 margin-right:0 !important;
}

это что получится?

И хоть убейте, не понимаю почему эта тема не высвечивается в моих публикациях? Все есть, даже те в которых я не отписывался , а этой нету! Пришлось закладку сделать, чтобы не искать каждый раз.

[Vaccina]

Это был ответ на ваш вопрос

Цитата

Ширина меняется, в зависимости от длинны текста. Хочу что-бы этого промежутка вообще не было.