Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Изменение Цвета Шрифта

Автор drugoyMAX, 06 янв. 2015 22:17

цвет шрифт меню

Авторизуйтесь для ответа в теме

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

#1 drugoyMAX

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

Пользователи
35 сообщений

ГородМосква

Отправлено 06 Январь 2015 - 22:17

Доброго времени суток.
1)Подскажите как в в боковом меню "Каталог Магазина", сделать так чтоб, если мы находились бы например на 3 уровне меню, то красным бы выделялось предыдущие 2 уровня(из которых вытекает 3 уровень)?

Сайт:http://kafftan.ru

Сообщение отредактировал drugoyMAX: 07 Январь 2015 - 16:03

Наверх

#2 Vaccina

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

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

Отправлено 13 Январь 2015 - 03:54

Для начала придется переделать структуру каталога, так как по коду у вас нет вложенностей, все категории и подкатегории идут простым списком и после уже необходимо стилизовать.
В шаблоне HTML найдите:

<div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span></span></a></div>
		<div class="main ullinks fntarl fnt12">
			<ul>
			   {% IFNOT catalog_empty %}
								{% FOR catalog %}
								  {% IFNOT catalog.HIDE %}
										<li class="{% IF catalog.LEVEL>0%}anone{% ENDIF %} {% IF catalog.CURRENT %} selected fnt12 b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%} style="margin-left:25px; background:#f6f4eb; color:000000;padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}>{catalog.NAME}</a></li>
								  {% ENDIF %}
								{% ENDFOR %}
						  {% ENDIF %}
				  
			</ul>
  </div>
		<div class="bottom"></div>
</div>

замените на:

<div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span></span></a></div>
		<div class="main ullinks fntarl fnt12">
			{% IFNOT catalog_full_empty %}
					<ul>
					  {% FOR catalog_full %}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL>0%}anone{% ENDIF %} {% IF catalog_full.CURRENT %} selected fnt12 b{% ENDIF %}">
							<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}{% IF catalog.LEVEL>0%} style="margin-left:25px; background:#f6f4eb; color:000000;padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}>{catalog_full.NAME}{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						  {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {% ENDFOR %}
					</ul>
				{% ENDIF %}
  </div>
		<div class="bottom"></div>
</div>

Наверх

#3 drugoyMAX

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

Пользователи
35 сообщений

ГородМосква

Отправлено 13 Январь 2015 - 07:47

Выделяются верно, но при таком раскладе, получается весь каталог раскрытым. Как это исправить?

И как изменить размер шрифта в левом меню?

Наверх

#4 drugoyMAX

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

Пользователи
35 сообщений

ГородМосква

Отправлено 13 Январь 2015 - 10:42

Vaccina (13 Январь 2015 - 03:54) писал:

<div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span></span></a></div>
	 <div class="main ullinks fntarl fnt12">
		 <ul>
			 {% IFNOT catalog_empty %}
							 {% FOR catalog %}
								 {% IFNOT catalog.HIDE %}
									 <li class="{% IF catalog.LEVEL>0%}anone{% ENDIF %} {% IF catalog.CURRENT %} selected fnt12 b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%} style="margin-left:25px; background:#f6f4eb; color:000000;padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}>{catalog.NAME}</a></li>
								 {% ENDIF %}
							 {% ENDFOR %}
						 {% ENDIF %}
				
		 </ul>
</div>
	 <div class="bottom"></div>
</div>

замените на:

<div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span></span></a></div>
	 <div class="main ullinks fntarl fnt12">
		 {% IFNOT catalog_full_empty %}
				 <ul>
					 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL>0%}anone{% ENDIF %} {% IF catalog_full.CURRENT %} selected fnt12 b{% ENDIF %}">
						 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}{% IF catalog.LEVEL>0%} style="margin-left:25px; background:#f6f4eb; color:000000;padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}>{catalog_full.NAME}{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}</a>
						 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					 {% ENDFOR %}
				 </ul>
			 {% ENDIF %}
</div>
	 <div class="bottom"></div>
</div>

Выделяются верно, но при таком раскладе, получается весь каталог раскрытым. Как это исправить?

И как изменить размер шрифта в левом меню?

Наверх

#5 RayLi

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

Модераторы
2 864 сообщений

Отправлено 13 Январь 2015 - 11:58

drugoyMAX (13 Январь 2015 - 10:42) писал:

Выделяются верно, но при таком раскладе, получается весь каталог раскрытым. Как это исправить? Прикрепленный файл

3.PNG

И как изменить размер шрифта в левом меню?

Здравствуйте.
Если я вас правильно понял, то в шаблоне main.css найдите код:

.block .main.ullinks li a { background:url({ASSETS_IMAGES_PATH}range-black.png?design=joy) #f6f4eb center right no-repeat; padding: 0.4em 1.4em 0.4em 0.8em; color:#707070;font-size: 15px; display:block; text-decoration:none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

И в нём с помощью font-size: 15px - вы можете настраивать размер шрифта в левом меню, изменив значение 15 на какое-либо другое.

Наверх

#6 drugoyMAX

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

Пользователи
35 сообщений

ГородМосква

Отправлено 13 Январь 2015 - 12:12

RayLi (13 Январь 2015 - 11:58) писал:

Здравствуйте.
Если я вас правильно понял, то в шаблоне main.css найдите код:

.block .main.ullinks li a { background:url({ASSETS_IMAGES_PATH}range-black.png?design=joy) #f6f4eb center right no-repeat; padding: 0.4em 1.4em 0.4em 0.8em; color:#707070;font-size: 15px; display:block; text-decoration:none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

Да все верно.
А подскажите на счет первого вопроса:
1)Подскажите как в в боковом меню "Каталог Магазина", сделать так чтоб, если мы находились бы например на 3 уровне меню, то красным бы выделялось предыдущие 2 уровня(из которых вытекает 3 уровень)?

Наверх

#7 Vaccina

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

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

Отправлено 14 Январь 2015 - 00:39

Прошу прощения, указала код для полностью раскрытого каталога, используйте пожалуйста следующий код:

<div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span></span></a></div>
		 <div class="main ullinks fntarl fnt12">
				 {% IFNOT catalog_empty %}
								 <ul>
										 {% FOR catalog %}
										 {% IF catalog.FIRST %}{% IFNOT catalog.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
												 <li {% IF catalog.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog.LEVEL>0%}anone{% ENDIF %} {% IF catalog.CURRENT %} selected fnt12 b{% ENDIF %}">
												 <a href="{catalog.URL}" {% IF catalog.CURRENT %}class="active"{% ENDIF %}{% IF catalog.LEVEL>0%} style="margin-left:25px; background:#f6f4eb; color:000000;padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}>{catalog.NAME}{% IF catalog.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}</a>
												 {% IF catalog.ISSET_SUB=0 %}</li>{% ENDIF %}
												 {% IF catalog.LAST %}{%FOR out%}</ul>{%IFNOT catalog.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
										 {% ENDFOR %}
								 </ul>
						 {% ENDIF %}
</div>
		 <div class="bottom"></div>
</div>

Наверх

#8 drugoyMAX

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

Пользователи
35 сообщений

ГородМосква

Отправлено 14 Январь 2015 - 08:49

Vaccina (14 Январь 2015 - 00:39) писал:

Прошу прощения, указала код для полностью раскрытого каталога, используйте пожалуйста следующий код:

<div class="title green fmlptn fnt18 over "><a href="{CATALOG_URL}" class="arrow-toggle">Каталог <span></span></a></div>
		 <div class="main ullinks fntarl fnt12">
				 {% IFNOT catalog_empty %}
								 <ul>
										 {% FOR catalog %}
										 {% IF catalog.FIRST %}{% IFNOT catalog.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
												 <li {% IF catalog.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog.LEVEL>0%}anone{% ENDIF %} {% IF catalog.CURRENT %} selected fnt12 b{% ENDIF %}">
												 <a href="{catalog.URL}" {% IF catalog.CURRENT %}class="active"{% ENDIF %}{% IF catalog.LEVEL>0%} style="margin-left:25px; background:#f6f4eb; color:000000;padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}>{catalog.NAME}{% IF catalog.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}</a>
												 {% IF catalog.ISSET_SUB=0 %}</li>{% ENDIF %}
												 {% IF catalog.LAST %}{%FOR out%}</ul>{%IFNOT catalog.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
										 {% ENDFOR %}
								 </ul>
						 {% ENDIF %}
</div>
		 <div class="bottom"></div>
</div>

Не вышло, на втором уровне меню, он выделяет все категории красным, а если перейти на третью ступень, то вовсе не выделяет.

Наверх

#9 Vaccina

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

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

Отправлено 15 Январь 2015 - 01:13

как понимаю, изменения вы убрали, так как у вас сейчас установлен стандартный код каталога, сохраняйте пожалуйста изменения, чтобы мы могли в дальнейшем консультировать вас

Наверх

Обратно в Изменение общей стилистики

Темы с аналогичным тегами цвет шрифт, меню

Вопросы работы сервиса StoreLand → Другие вопросы → Изменение Url'a Ссылки Навигационного Меню Автор Гость_smoke_story_* , 05 нояб. 2019 Навигация, Меню и 4 еще...	3 Ответов 3 097 Просмотров	Vaccina 16 нояб. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лазурь → Каталог товаров → Сделать Выпадающее Меню Автор Гость_arpico-latex_* , 16 янв. 2019 выпадающее, меню	3 Ответов 1 396 Просмотров	Vaccina 22 янв. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Осень → Нужна Помощь Редактировании Шаблона Осень Автор Гость_Olga1215_* , 16 нояб. 2018 осень, шапка, фон сайта и 4 еще...	0 Ответов 3 141 Просмотров	Olga1215 16 нояб. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Шоколад → Главная → Редактирование Главной Страницы Автор Гость_Любава_* , 22 авг. 2018 цвет шрифт, расположение	7 Ответов 2 567 Просмотров	stasia 23 авг. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Весна → Другое → Убрать Строку-Меню Перед Подвалом Автор Гость_Olivka_* , 14 июня 2018 подвал, меню	2 Ответов 1 818 Просмотров	Vaccina 15 июня 2018

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Изменение Цвета Шрифта

Темы с аналогичным тегами цвет шрифт, меню

Количество пользователей, читающих эту тему: 0

Войти

Google поиск