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


Помогите Установить Меню


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

#21 Ирина345

Ирина345

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

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

Отправлено 01 Май 2015 - 09:29

Просмотр сообщенияStas_Y (01 Май 2015 - 08:03) писал:

Хотелось бы поставить данное меню http://pcvector.net/...rygivaniya.html , и постами выше вроде пишут как сделать,но тоже не могу найти строки кода
Здравствуйте, для того что бы изменить меню шаблона на ваше, найдите в шаблоне HTML
 <ul id="main_nav">
				{% 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>
замените на

  <nav class="ph-lift">
			  <ul id="main_nav">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					   <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %} class="active"{%ENDIF%} data-title="{menu.header.links.NAME}"{% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul> </nav>

далее добавьте в конец main.css

nav.ph-lift ul li {
	float: left;
	height: 90px;
	line-height: 90px;
	background: white;
	overflow: hidden;
	-webkit-transition: all.6s ease;
	-moz-transition: all.6s ease;
	-o-transition: all.6s ease;
	-ms-transition: all.6s ease;
	transition: all.6s ease; }
	nav.ph-lift ul li:hover {
	  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
	  background: teal; }
	   nav.ph-lift ul li a {
	  display: block;
	  text-decoration: none;
	  color: #007e7e;
	  padding: 0 45px;
	  margin-top: 0;
	  -webkit-transition: all.6s ease;
	  -moz-transition: all.6s ease;
	  -o-transition: all.6s ease;
	  -ms-transition: all.6s ease;
	  transition: all.6s ease; }
	nav.ph-lift ul li:hover a {
	  margin-top: -90px;
	  color: white;
	  text-shadow: 0 1px 2px  black; }
	  nav.ph-lift ul li a:after {
		content: attr(data-title);
		display: block; }


#22 Stas_Y

Stas_Y

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

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

Отправлено 01 Май 2015 - 10:10

Спасибо вам огромное)

Единственное, как увеличить чуточку шрифт меню?

Сообщение отредактировал Stas_Y: 01 Май 2015 - 10:31


#23 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 01 Май 2015 - 10:39

Просмотр сообщенияStas_Y (01 Май 2015 - 10:10) писал:

Спасибо вам огромное)

Единственное, как увеличить чуточку шрифт меню?

Вам нужно в шаблоне main.css найти код:
#header .links a {
  float: left;
  display: block;
  padding: 11px 10px 9px 10px;
  text-decoration: none;
  font-size: 12px;
}

и заменить в нем значение параметра font-size

#24 Stas_Y

Stas_Y

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

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

Отправлено 01 Май 2015 - 10:49

И сделать всю строку белой?

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

  • Безымянный.jpg


#25 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 01 Май 2015 - 10:52

Просмотр сообщенияStas_Y (01 Май 2015 - 10:49) писал:

И сделать всю строку белой?

В шаблоне main.css найдите код:
.header_top {
  width: 100%;
  margin: 0 auto;
  min-height: 40px;
  background-color: #f5f5f5;
}

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

.header_top {
  width: 100%;
  margin: 0 auto;
  min-height: 40px;
  background-color: #fff;
}


#26 Stas_Y

Stas_Y

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

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

Отправлено 01 Май 2015 - 11:16

Блин ребята вы сегодня радуете прям!!!

#27 Stas_Y

Stas_Y

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

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

Отправлено 01 Май 2015 - 11:38

А для бокового меню придать следующий вид http://pcvector.net/...nyu-na-css.html

#28 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 01 Май 2015 - 11:44

Просмотр сообщенияStas_Y (01 Май 2015 - 11:38) писал:

А для бокового меню придать следующий вид http://pcvector.net/...nyu-na-css.html

1) Скачайте архив из инструкции и файл nice-menu.css загрузить в раздел Сайт - Редактор шаблонов
2) В шаблоне HTML найдите код:
<!-- Стили магазина -->
	<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}main.css?design=spring">

и после него добавьте:
<!-- Стили магазина -->
	<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}nice-menu.css">

3) В шаблоне HTML найдите код:
		  <!-- Каталог товаров -->		 
		  {%IFNOT catalog_full_empty%}
			<div class="box">
			  <div class="box-heading">Каталог</div>
			  <div class="box-content">
				<div class="box-category">
				  {%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%}
				</div>
			  </div>
			</div>
		  {%ENDIF%}
		  <!-- /Каталог товаров -->
   

и замените на:

          <!-- Каталог товаров -->          
          {%IFNOT catalog_full_empty%}
            <div class="box">
              <div class="box-heading">Каталог</div>
              <div class="box-content">
                <div class="box-category">
                  {%FOR catalog_full%}
                    {% IF catalog_full.FIRST %}<ul class="accordion nice-menu">{% ENDIF %}
                    <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
                      <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</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%}
                </div>
              </div>
            </div>
          {%ENDIF%}
          <!-- /Каталог товаров -->

#29 Stas_Y

Stas_Y

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

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

Отправлено 01 Май 2015 - 11:53

Все куда-то посъезжало) стили наложились друг на друга, откатил обратно, но если исправим сейчас, то верну (просто магазин работает, не хочется шокировать клиентов)))

#30 Stas_Y

Stas_Y

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

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

Отправлено 02 Май 2015 - 06:41

Модераторы, кто поможет?




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

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