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


Баннер


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

#101 Danil

Danil

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

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

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

Просмотр сообщенияm-ya-v (29 Январь 2015 - 15:30) писал:

спасибо большое!! все получилось! А подскажите, еще пожалуйста, как подвинуть иконки соцсетей В контакте и одноклассники (справа внизу) немного вправо, возможно ли это? На рисунке указала
В конец main.css добавьте
div#vk_groups {
margin: 0 auto;
}


#102 m-ya-v

m-ya-v

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

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

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

ничего не произошло, все на месте..

#103 m-ya-v

m-ya-v

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

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

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

Одноклассники подвинула, а в контакте не могу :(

#104 RayLi

RayLi

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

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

Отправлено 29 Январь 2015 - 16:20

Просмотр сообщенияm-ya-v (29 Январь 2015 - 16:15) писал:

Одноклассники подвинула, а в контакте не могу :(
Здравствуйте.
Вы точно выполнили вышеуказанную инструкцию? Так как, на данный момент, вышеуказанный код в шаблоне main.css не наблюдается.

#105 m-ya-v

m-ya-v

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

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

Отправлено 29 Январь 2015 - 16:23

Просмотр сообщенияRayLi (29 Январь 2015 - 16:20) писал:

Здравствуйте.
Вы точно выполнили вышеуказанную инструкцию? Так как, на данный момент, вышеуказанный код в шаблоне main.css не наблюдается.

Посмотрите, пожалуйста, сейчас...я добавила, но ничего не происходит...

#106 RayLi

RayLi

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

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

Отправлено 29 Январь 2015 - 18:51

Просмотр сообщенияm-ya-v (29 Январь 2015 - 16:23) писал:

Посмотрите, пожалуйста, сейчас...я добавила, но ничего не происходит...
К сожалению у вас допущена ошибка в коде.
Найдите в шаблоне main.css код:
div#ok_group_widget {
		padding-top: 15px;
		margin-left: 10px;
}15px;
div#vk_groups {
margin: 0 auto;
}
И замените его вот этим кодом:
div#ok_group_widget {
		padding-top: 15px;
		margin-left: 10px;
}
div#vk_groups {
margin: 0 auto;
}


#107 m-ya-v

m-ya-v

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

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

Отправлено 30 Январь 2015 - 09:41

спасибо большое! Все получилось!

#108 reaktor

reaktor

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

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

Отправлено 16 Февраль 2015 - 22:34



#109 Vaccina

Vaccina

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

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

Отправлено 17 Февраль 2015 - 01:03

Попробуйте еще раз написать сообщение, на данный момент оно пустое.

#110 Екатерина79

Екатерина79

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

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

Отправлено 21 Май 2015 - 13:04

Добрый день, я загрузила код для баннеров, но у меня почему-то нет картинок, посмотрите пожалуйста, что я не так сделала((( или надо определенного размера картинки????
картинка banner1.png
Аккаунт SL-345040

#111 RayLi

RayLi

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

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

Отправлено 21 Май 2015 - 18:36

Просмотр сообщенияЕкатерина79 (21 Май 2015 - 13:04) писал:

Добрый день, я загрузила код для баннеров, но у меня почему-то нет картинок, посмотрите пожалуйста, что я не так сделала((( или надо определенного размера картинки????
картинка banner1.png
Аккаунт SL-345040

Здравствуйте.
Вам нужно в шаблоне html найти данный код:

<!-- Вывод левого меню  -->
<div id="leftcolum" class="fleft">
  <div class="block">
	 <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 %}fnt12 b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="margin-left:15px; background:#be91cf; color:#fff;padding-left:{catalog.LEVEL | multiply("10")}px"{% ENDIF %}>{catalog.NAME}</a></li>
				  {% ENDIF %}
				{% ENDFOR %}
			  {% ENDIF %}
			</ul>
			<div class="banner" style="margin-top: 20px;">
<a href="#"><img src="banner1.png"></a>
<a href="#"><img src="banner2.png"></a>
<a href="#"><img src="banner3.png"></a>
</div>
  </div>
		<div class="bottom"></div>
</div>

И заменить его вот этим вот кодом:

<!-- Вывод левого меню  -->
<div id="leftcolum" class="fleft">
  <div class="block">
	 <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 %}fnt12 b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="margin-left:15px; background:#be91cf; color:#fff;padding-left:{catalog.LEVEL | multiply("10")}px"{% ENDIF %}>{catalog.NAME}</a></li>
				  {% ENDIF %}
				{% ENDFOR %}
			  {% ENDIF %}
			</ul>
			<div class="banner" style="margin-top: 20px;">
<a href="#"><img src="{ASSETS_IMAGES_PATH}banner1.png"></a>
<a href="#"><img src="{ASSETS_IMAGES_PATH}banner2.png"></a>
<a href="#"><img src="{ASSETS_IMAGES_PATH}banner3.png"></a>
</div>
  </div>
		<div class="bottom"></div>
</div>


#112 Котуся

Котуся

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

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

Отправлено 10 Май 2016 - 17:03

День добрый!

Помогите с баннерами пожалуйста. Нужно 3 баннера поставить под каталог, а у меня не получается. И подскажите, какой размер баннеров должен быть.

Спасибо.

#113 Котуся

Котуся

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

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

Отправлено 10 Май 2016 - 17:42

Вопрос актуален, потому что я загружаю изображение, а его не видно. Может дело в размерах баннера. Подскажите.
Я поставила картинку 300*200.

#114 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 10 Май 2016 - 17:43

Просмотр сообщенияКотуся (10 Май 2016 - 17:03) писал:

День добрый!

Помогите с баннерами пожалуйста. Нужно 3 баннера поставить под каталог, а у меня не получается. И подскажите, какой размер баннеров должен быть.

Спасибо.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, добавьте в конце код:
.infoBoxContents .banners a img {max-width:246px;}
@media only screen and (max-width: 960px) {
.infoBoxContents .banners a img {max-width:150px;}
}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <!-- /Каталог товаров -->
		 <div class="banner" style="margin-top: 20px;">
<a href="#"><img src="23232.jpg"></a>
<a href="#"><img src="banner2.png"></a>
<a href="#"><img src="banner3.png"></a>
</div>

Замените на:
		 <!-- /Каталог товаров -->
		 <div class="infoBoxContents">
		 <div class="banners">
			 <a href="#"><img src="{ASSETS_IMAGES_PATH}23232.jpg"></a><br>
			 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner2.png"></a><br>
			 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner3.png"></a>
		 </div>
		 </div>

Изображения Вы можете загружать любого размера, поскольку я установил Вам параметры подгоняющие картинки под размер блока, однако оптимальным размером будут изображения с шириной 250px.

#115 Котуся

Котуся

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

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

Отправлено 11 Май 2016 - 08:56

Просмотр сообщенияFirefly (10 Май 2016 - 17:43) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, добавьте в конце код:
.infoBoxContents .banners a img {max-width:246px;}
@media only screen and (max-width: 960px) {
.infoBoxContents .banners a img {max-width:150px;}
}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <!-- /Каталог товаров -->
		 <div class="banner" style="margin-top: 20px;">
<a href="#"><img src="23232.jpg"></a>
<a href="#"><img src="banner2.png"></a>
<a href="#"><img src="banner3.png"></a>
</div>

Замените на:
		 <!-- /Каталог товаров -->
		 <div class="infoBoxContents">
		 <div class="banners">
			 <a href="#"><img src="{ASSETS_IMAGES_PATH}23232.jpg"></a><br>
			 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner2.png"></a><br>
			 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner3.png"></a>
		 </div>
		 </div>

Изображения Вы можете загружать любого размера, поскольку я установил Вам параметры подгоняющие картинки под размер блока, однако оптимальным размером будут изображения с шириной 250px.

Просмотр сообщенияFirefly (10 Май 2016 - 17:43) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, добавьте в конце код:
.infoBoxContents .banners a img {max-width:246px;}
@media only screen and (max-width: 960px) {
.infoBoxContents .banners a img {max-width:150px;}
}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <!-- /Каталог товаров -->
		 <div class="banner" style="margin-top: 20px;">
<a href="#"><img src="23232.jpg"></a>
<a href="#"><img src="banner2.png"></a>
<a href="#"><img src="banner3.png"></a>
</div>

Замените на:
		 <!-- /Каталог товаров -->
		 <div class="infoBoxContents">
		 <div class="banners">
			 <a href="#"><img src="{ASSETS_IMAGES_PATH}23232.jpg"></a><br>
			 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner2.png"></a><br>
			 <a href="#"><img src="{ASSETS_IMAGES_PATH}banner3.png"></a>
		 </div>
		 </div>

Изображения Вы можете загружать любого размера, поскольку я установил Вам параметры подгоняющие картинки под размер блока, однако оптимальным размером будут изображения с шириной 250px.

Спасибо))))




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

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