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


Баннер Под Меню


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

#21 Ольга Зеленина

Ольга Зеленина

    Новичок

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

Отправлено 28 Май 2013 - 08:55

Изображение

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

#22 miyako

miyako

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

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

Отправлено 28 Май 2013 - 09:41

Просмотр сообщенияОльга Зеленина (28 Май 2013 - 08:55) писал:

Изображение

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

Вы хотите как основной фон сделать это изображение? Вместо какого фона, можете объяснить подробнее или изобразить на скриншоте?

#23 Ольга Зеленина

Ольга Зеленина

    Новичок

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

Отправлено 28 Май 2013 - 10:14

вставить этот баннер под верхнее меню и чтобы отображался на всех страницах

как на этом сайте:

http://babylook.me/

#24 miyako

miyako

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

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

Отправлено 28 Май 2013 - 10:18

Просмотр сообщенияОльга Зеленина (28 Май 2013 - 10:14) писал:

вставить этот баннер под верхнее меню и чтобы отображался на всех страницах

как на этом сайте:

http://babylook.me/

На этом сайте не баннер установлен, а слайдер. Инструкция по его установке здесь - http://storeland.ru/about/faq#51
Если вы все таки хотите установить баннер - http://storeland.ru/about/faq#66

#25 Ольга Зеленина

Ольга Зеленина

    Новичок

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

Отправлено 28 Май 2013 - 12:22

как растянуть баннер чтобы при этом не пострадало кач-во картинки


http://knopikistore.storeland.ru/

#26 miyako

miyako

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

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

Отправлено 28 Май 2013 - 12:33

Просмотр сообщенияОльга Зеленина (28 Май 2013 - 12:22) писал:

как растянуть баннер чтобы при этом не пострадало кач-во картинки


http://knopikistore.storeland.ru/

Не указывайте в коде:
<img style="-webkit-user-select: none;" src="http://wallpapers-3d.ru/sstorage/53/2010/09/image_53200910211943590546.jpg" width="1000" height="150">
длину - height
То есть должно быть примерно так:
<img style="-webkit-user-select: none;" src="http://wallpapers-3d.ru/sstorage/53/2010/09/image_53200910211943590546.jpg" width="1000" >


#27 vflerii

vflerii

    Новичок

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

Отправлено 23 Декабрь 2013 - 13:41

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

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

  • Ashampoo_Snap_2013.12.jpg


#28 ne_yana

ne_yana

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

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

Отправлено 23 Декабрь 2013 - 13:52

Просмотр сообщенияvflerii (23 Декабрь 2013 - 13:41) писал:

здравствуйте, подскажите пожалуйста, как растянуть банер "с новым годом", а форму "поиск", сместить вниз
Здравствуйте, в разделе HTML замените
  <div style="padding: 0pt; position: relative; bottom: -10px; height: 150px; right: 0pt; width: 850px;"><img src="http://design.meb-tex.ru/new.png?0849" alt="" /></div>
на
  <div id="new-banner" ><img src="{ASSETS_IMAGES_PATH}new.png" alt="" /></div>

В файл style.css добавьте
#new-banner {
	text-align: center;
	margin-top: 10px;
	width: 100%;
}

Замените
form[role="search"] {position: absolute; right: 2em;top: 15em;}
на
form[role="search"] {position: absolute; right: 2em;top: 18em;}


#29 vflerii

vflerii

    Новичок

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

Отправлено 23 Декабрь 2013 - 14:10

Просмотр сообщенияne_yana (23 Декабрь 2013 - 13:52) писал:

Здравствуйте, в разделе HTML замените
<div style="padding: 0pt; position: relative; bottom: -10px; height: 150px; right: 0pt; width: 850px;"><img src="http://design.meb-tex.ru/new.png?0849" alt="" /></div>
на
<div id="new-banner" ><img src="{ASSETS_IMAGES_PATH}new.png" alt="" /></div>

В файл style.css добавьте
#new-banner {
text-align: center;
margin-top: 10px;
width: 100%;
}

Замените
form[role="search"] {position: absolute; right: 2em;top: 15em;}
на
form[role="search"] {position: absolute; right: 2em;top: 18em;}
спасибо

#30 brillik21

brillik21

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

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

Отправлено 26 Январь 2014 - 15:58

Ребята, подскажите как поставить банер под меню слева! И какой размер картинки ставить, чтобы было аккуратно под менюшкой! (На скрине! )
Спасибо большое ... за ранее! ))

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

  • банер.gif


#31 @lina_va

@lina_va

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

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

Отправлено 26 Январь 2014 - 16:12

Просмотр сообщенияbrillik21 (26 Январь 2014 - 15:58) писал:

Ребята, подскажите как поставить банер под меню слева! И какой размер картинки ставить, чтобы было аккуратно под менюшкой! (На скрине! )
Спасибо большое ... за ранее! ))
Добрый вечер. в HTML после блока:
			<!-- Каталог товаров -->
			  <div class="menu_main">
				<span class="link_nav"></span><a href="#" class="link_nav">Каталог</a>
				<a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a>
				{%IFNOT catalog_full_empty%}
				  {%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul>{% ENDIF %}
					<li {% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %}{% IF catalog_full.HIDE %} style="display:none;"{% 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>
			  <!-- /Каталог товаров -->
добавьте:
			<div class= "banner">
			  <img src= "{ASSETS_IMAGES_PATH}is.jpg">
			</div>
вместо
[/size][size=4]is.jpg[/size][size=4]
- название загруженной картинки

и в main.css добавьте:
.banner {
width: 100px;
height: 100px;
padding-top: 10px;
padding-bottom: 10px;
}


width: 100px; [size=4]height: 100px[/size]
; -укажите нужные размеры изображения
padding-top: 10px;padding-bottom: 10px;
- укажите расстояния сверху и снизу


#32 brillik21

brillik21

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

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

Отправлено 26 Январь 2014 - 16:41

Просмотр сообщения@lina_va (26 Январь 2014 - 16:12) писал:

Добрый вечер. в HTML после блока:
		 <!-- Каталог товаров -->
			 <div class="menu_main">
			 <span class="link_nav"></span><a href="#" class="link_nav">Каталог</a>
			 <a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a>
			 {%IFNOT catalog_full_empty%}
				 {%FOR catalog_full%}
				 {% IF catalog_full.FIRST %}<ul>{% ENDIF %}
				 <li {% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %}{% IF catalog_full.HIDE %} style="display:none;"{% 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>
			 <!-- /Каталог товаров -->
добавьте:
		 <div class= "banner">
			 <img src= "{ASSETS_IMAGES_PATH}is.jpg">
		 </div>
вместо
is.jpg
- название загруженной картинки
и в main.css добавьте:
.banner {
width: 100px;
height: 100px;
padding-top: 10px;
padding-bottom: 10px;
}

width: 100px; [size=4]height: 100px[/size]
; -укажите нужные размеры изображения
padding-top: 10px;padding-bottom: 10px;
- укажите расстояния сверху и снизу
<div class= "banner">
  <img src= "{ASSETS_IMAGES_PATH}is.jpg">
</div>

добавил, а потом не пойму....
[/size][size=4]is.jpg[/size][size=4]
не найду это

Просмотр сообщенияbrillik21 (26 Январь 2014 - 16:37) писал:

<div class= "banner">
  <img src= "{ASSETS_IMAGES_PATH}is.jpg">
</div>

добавил, а потом не пойму....
[/size][size=4]is.jpg[/size][size=4]
не найду это
в main.css добавить в любое место?

#33 @lina_va

@lina_va

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

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

Отправлено 26 Январь 2014 - 16:44

Просмотр сообщенияbrillik21 (26 Январь 2014 - 16:41) писал:

<div class= "banner">
  <img src= "{ASSETS_IMAGES_PATH}is.jpg">
</div>

добавил, а потом не пойму....
[/size][size=4]is.jpg[/size][size=4]
не найду это


в main.css добавить в любое место?
добавьте в конец файла

#34 brillik21

brillik21

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

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

Отправлено 26 Январь 2014 - 16:55

Просмотр сообщения@lina_va (26 Январь 2014 - 16:44) писал:

добавьте в конец файла
            <!-- Каталог товаров -->
              <div class="menu_main">
                <span class="link_nav"></span><a href="#" class="link_nav">Каталог</a>
                <a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a>
                {%IFNOT catalog_full_empty%}
                  {%FOR catalog_full%}
                    {% IF catalog_full.FIRST %}<ul>{% ENDIF %}
                    <li {% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %}{% IF catalog_full.HIDE %} style="display:none;"{% 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>
              <!-- /Каталог товаров -->
<div class= "banner">
                          <img src= "{ASSETS_IMAGES_PATH}банер.jpg">
                        </div>
добавил, потом следующее сделал


.banner {
width: 120px;
height: 220px;
padding-top: 10px;
padding-bottom: 10px;

но ничего не изменилось!
что не так?

#35 @lina_va

@lina_va

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

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

Отправлено 26 Январь 2014 - 17:23

Просмотр сообщенияbrillik21 (26 Январь 2014 - 16:55) писал:

<!-- Каталог товаров -->
  <div class="menu_main">
<span class="link_nav"></span><a href="#" class="link_nav">Каталог</a>
<a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a>
{%IFNOT catalog_full_empty%}
  {%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul>{% ENDIF %}
<li {% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %}{% IF catalog_full.HIDE %} style="display:none;"{% 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>
  <!-- /Каталог товаров -->
<div class= "banner">
  <img src= "{ASSETS_IMAGES_PATH}банер.jpg">
</div>
добавил, потом следующее сделал


.banner {
width: 120px;
height: 220px;
padding-top: 10px;
padding-bottom: 10px;

но ничего не изменилось!
что не так?
Извините, ошиблась. код:
<div class= "banner">
						 <img src= "{ASSETS_IMAGES_PATH}банер.jpg">
					 </div>
		
нужно поместить ПОСЛЕ блока навигации:
		 <!-- Блок навигации -->
		 {% IFNOT menu_empty %}
			 <ul class="span44 links">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
					 <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						 class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>
					 </li>
			 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
		 {% ENDIF %}
		 <div class="clear"></div>
		 <!-- Прелоадер изображений которые появляются при наведеннии на ссылку в меню -->
		 <div style="position:absolute;top:-9999px;">
			 <div class="header">
			 <ul class="links">
				 <li>
				 <a class="catalog-act"></a>
				 <a class="present-act"></a>
				 <a class="briefcase-act"></a>
				 <a class="key-act"></a>
				 <a class="tick-act"></a>
				 <a class="label-act"></a>
				 <a class="heart-act"></a>
				 <a class="clipboard-act"></a>
				 <a class="address-act"></a>
				 <a class="clock-act"></a>
				 <a class="cart-act"></a>
				 <a class="user-act"></a>
				 <a class="document-act"></a>
				 <a class="home-act"></a>
				 </li>
			 </ul>
			 </div>
		 </div>
		 <!-- /Блок навигации -->


#36 brillik21

brillik21

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

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

Отправлено 26 Январь 2014 - 17:28

Просмотр сообщения@lina_va (26 Январь 2014 - 17:23) писал:

Извините, ошиблась. код:
<div class= "banner">
						 <img src= "{ASSETS_IMAGES_PATH}банер.jpg">
					 </div>
		
нужно поместить ПОСЛЕ блока навигации:
		 <!-- Блок навигации -->
		 {% IFNOT menu_empty %}
			 <ul class="span44 links">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
					 <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						 class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>
					 </li>
			 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
		 {% ENDIF %}
		 <div class="clear"></div>
		 <!-- Прелоадер изображений которые появляются при наведеннии на ссылку в меню -->
		 <div style="position:absolute;top:-9999px;">
			 <div class="header">
			 <ul class="links">
				 <li>
				 <a class="catalog-act"></a>
				 <a class="present-act"></a>
				 <a class="briefcase-act"></a>
				 <a class="key-act"></a>
				 <a class="tick-act"></a>
				 <a class="label-act"></a>
				 <a class="heart-act"></a>
				 <a class="clipboard-act"></a>
				 <a class="address-act"></a>
				 <a class="clock-act"></a>
				 <a class="cart-act"></a>
				 <a class="user-act"></a>
				 <a class="document-act"></a>
				 <a class="home-act"></a>
				 </li>
			 </ul>
			 </div>
		 </div>
		 <!-- /Блок навигации -->
Спасибо! Исправил и заработало! )))

#37 brillik21

brillik21

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

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

Отправлено 26 Январь 2014 - 17:36

Просмотр сообщенияbrillik21 (26 Январь 2014 - 17:28) писал:

Спасибо! Исправил и заработало! )))
Еще вопросик!!! А как сделать, чтобы после нажатия на картинку банера, сразу переходило на место в каталоге? Реально это?

#38 @lina_va

@lina_va

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

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

Отправлено 26 Январь 2014 - 17:51

Просмотр сообщенияbrillik21 (26 Январь 2014 - 17:36) писал:

Еще вопросик!!! А как сделать, чтобы после нажатия на картинку банера, сразу переходило на место в каталоге? Реально это?
Замените:
<div class= "banner">
						  <img src= "{ASSETS_IMAGES_PATH}банер.jpg">
						</div>
на
<div class= "banner">
<a href="ссылка на страницу, на которую нужно перейти" target=" _blank"><img src= "{ASSETS_IMAGES_PATH}банер.jpg" title= "Перейти в каталог" /></a>
</div>


#39 brillik21

brillik21

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

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

Отправлено 26 Январь 2014 - 17:58

Просмотр сообщения@lina_va (26 Январь 2014 - 17:51) писал:

Замените:
<div class= "banner">
						 <img src= "{ASSETS_IMAGES_PATH}банер.jpg">
					 </div>
на
<div class= "banner">
<a href="ссылка на страницу, на которую нужно перейти" target=" _blank"><img src= "{ASSETS_IMAGES_PATH}банер.jpg" title= "Перейти в каталог" /></a>
</div>
Спасибо! :rolleyes: :)

#40 ipodushkin

ipodushkin

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

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

Отправлено 06 Март 2014 - 13:21

Здравствуйте! Как поставить баннер под основным левым меню в шаблоне Мокко? Чтобы он отображался на всех страницах кроме главной, ниже "товаров которые вы смотрели".




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

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