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


Всплывающее Меню. Нужно Изменить Шрифт


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

#1 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

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

Всплывающее меню. нужно изменить шрифт
На данный момент подкатегории всплывающего меню пишутся заглавными буквами и занимают очень много места, меню уползает далеко вниз, если много подкатегорий
Очень неудобно.  не могу найти , где изменить размер шрифта
Заранее спасибо

#2 Taisia

Taisia

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

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

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

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

#3 MariG

MariG

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

  • Пользователи
  • PipPipPip
  • 174 сообщений
  • ГородМосква

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

Чтобы не были заглавными в первую очередь. Ну,  и соответственно, если надо изменить размер, если он не устроит, чтобы знать , где это сделать в шаблоне Вечность

#4 Сake

Сake

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

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

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

Найдите в файле стилей style.css

.nav a {
	color: #FFFFFF;
	padding: 7px 15px;
	text-transform: uppercase;
	z-index: 50;
}

и замените на

.nav a {
	color: #FFFFFF;
	padding: 7px 15px;
	z-index: 50;
}

далее найдите

.nav li ul {
		display: none;
		left: 0;
		position: absolute;
		width: 160px;
		z-index: 50;
}

и замените на

.nav li ul {
		background: #DDDDDD;
		display: none;
		left: 0;
		position: absolute;
		width: 340px !important;
		z-index: 50;
}

далее найдите

.nav li li {
		background: #DDDDDD;
}

и замените на

.nav li li {
		background:  #DDDDDD;
		float: left;
}

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

.nav > li.hover:nth-of-type(7) > ul {
		right: 0 !important;
		left: inherit !important;
}


#5 iGuana

iGuana

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

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

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

а как сделать чтобы текст в выпадающем меню был не 2 строчками, а в одну строку? (то есть задать ширину больше)

#6 Stasya

Stasya

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

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

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

В файле style.css найдите строку
.nav li:hover ul li a {display: block !important;z-index:100;}
и замените ее на
.nav li:hover ul li a {display: block !important;z-index:100;width:230px;}


#7 iGuana

iGuana

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

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

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

теперь все отлично, но еще один вопрос, как избежать наложений в карточке всего текста друг на друга пока страница не загружена полностью??? просто когда интернет медленный, пользователь может соскочить с нее... когда страница догружается то все нормально... http://rmtrade.store...KIe-SISTeMY-2-0

#8 Vaccina

Vaccina

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

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

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

Можно затемнять сайт пока идет загрузка, после загрузки отображать сайт в том виде в котором он есть. Попробуйте в шаблон "HTML" после тега <body> вставить

<script>
$('body').css('opacity', 0.1);
$(function() {
  $('body').animate({'opacity': 1}, 800);
});
</script>


#9 iGuana

iGuana

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

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

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

данный вариант не подходит у всех разная скорость загрузки... как то можно наверное изначально текстовый блок с ценой сделать ниже, к примеру на http://usb-optom.ru/...og/SDHC-Class-3 у нас нет такого

#10 Сake

Сake

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

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

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

У вас одинаковые стили с сайтом который вы приводите.

Цитата

как то можно наверное изначально текстовый блок с ценой сделать ниже

Пожалуйста, по подробнее опишите. Не совсем понимаю о чем вы. Можете привести пример в виде скриншота?

#11 iGuana

iGuana

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

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

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

надо чтобы такого не было еогда только открывается категория http://rmtrade.store...KIe-SISTeMY-2-0

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

  • Новый точечный рисунок.jpg


#12 Сake

Сake

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

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

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

Попробуйте следующее - в шаблоне "Товары" найдите строку

<p class="price">

и замените её на

<p class="price" style="bottom: 75px; position: absolute;">


#13 КОЛЯНЫЧ

КОЛЯНЫЧ

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

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

Отправлено 14 Октябрь 2013 - 08:30

Доброго дня! Подскажите, пожалуйста. Мне нужно заменить горизонтальное меню каталога в теме Вечность на вновь созданное мною меню, как это можно сделать? Меню каталога в моем проекте не будет вообще.
http://nazarovoonline.storeland.ru/

Заранее благодарен!

#14 ne_yana

ne_yana

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

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

Отправлено 14 Октябрь 2013 - 09:50

Просмотр сообщенияКОЛЯНЫЧ (14 Октябрь 2013 - 08:30) писал:

Доброго дня! Подскажите, пожалуйста. Мне нужно заменить горизонтальное меню каталога в теме Вечность на вновь созданное мною меню, как это можно сделать? Меню каталога в моем проекте не будет вообще.
http://nazarovoonline.storeland.ru/

Заранее благодарен!
Добрый день, уточните, пожалуйста, что именно Вы хотите поменять? Только фон или установить какой-то плагин? Приложите скрин, если возможно, или объясните подробнее, чтобы мы смогли Вам помочь.

#15 КОЛЯНЫЧ

КОЛЯНЫЧ

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

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

Отправлено 14 Октябрь 2013 - 11:35

Я хочу убрать меню каталога и в таком же стиле сделать меню сайта. В вложении это меню выделено красной стрелкой.

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

  • 01.jpg


#16 empty9228

empty9228

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

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

Отправлено 14 Октябрь 2013 - 11:48

Здравствуйте! Можете конкретно сказать, Вы хотите поменять меню, вместе с бэкграундом(полоса черного цвета) или оставить полосу и поменять цвет кнопок, названия. Опишите подробнее, если есть возможность пришлите макет своего будущего меню.

#17 КОЛЯНЫЧ

КОЛЯНЫЧ

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

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

Отправлено 14 Октябрь 2013 - 13:43

В горизонтальном меню отображается каталог: Фрукты и т.д.. Я создал новое меню menu.block Нужно, чтобы вместо каталога в этом же стиле было это меню (Выпадающий список не нужен, просто ссылки) Цвета кнопок и полосы я потом сам поменяю..
Заранее спавибо

#18 miyako

miyako

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

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

Отправлено 14 Октябрь 2013 - 16:54

Просмотр сообщенияКОЛЯНЫЧ (14 Октябрь 2013 - 13:43) писал:

В горизонтальном меню отображается каталог: Фрукты и т.д.. Я создал новое меню menu.block Нужно, чтобы вместо каталога в этом же стиле было это меню (Выпадающий список не нужен, просто ссылки) Цвета кнопок и полосы я потом сам поменяю..
Заранее спавибо

Сейас у Вас есть уже основное меню  -
<!-- Блок навигации -->
	  {% IFNOT menu_empty %}
		<nav class="head">
		  <ul class="head">
		  {% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
			 <li>
				  <a href="{menu.header.links.URL}"  {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
				</li>
			 {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		  </ul>
		<a href="#" id="pull">Меню</a>
	   </nav>
	  {% ENDIF %}
	  <!-- /Блок навигации -->

Можно по такому же типу создать еще одно меню.

<!-- Блок навигации -->
		<nav class="head">
		  <ul class="head">
		  {% FOR menu %}
			{% FOR header2 %}
			  {% FOR links %}
			 <li>
				  <a href="{menu.header2.links.URL}"  {% IF menu.header2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a>
				</li>
			 {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		  </ul>
		<a href="#" id="pull">Меню</a>
	   </nav>
 
	  <!-- /Блок навигации -->
Далее зайдите в раздел Сайт - Меню и создайте новое меню header2, добавьте в него пункты.

Затем найдите меню каталога в шаблоне HTML -
<!-- Каталог товаров -->
	<div class="conta">
	  <a class="toggleMenu" href="#">Каталог</a>
	  {%IFNOT catalog_full_empty%}
		{%FOR catalog_full%}
		 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %}
		  <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} >
			<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
		  {% 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%}
	  {%ENDIF%}
	</div>
	<!-- /Каталог товаров -->

и на его место вставьте созданное меню(см. код выше)

#19 КОЛЯНЫЧ

КОЛЯНЫЧ

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

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

Отправлено 14 Октябрь 2013 - 18:57

Спасибо! Повзаимстововал класс от группы каталога, получилось почти то, что нужно!




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

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