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

[dypel]

Добрый вечер!
Помогите разместить два баннера Яндекс маркета на сайте SL-342718
Разместиить необходимо как указано на фото. Куда вставить эти коды?

1. Динамический

<a href="http://clck.yandex.r...8/reviews"><img src="http://clck.yandex.r...n=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a>


2. Статистический

<a href="http://clck.yandex.r...views/add"><img src="http://clck.yandex.r.../informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a>

Заранее спасибо.

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

• 

[Vaccina]

В main.css после:

#header #logo a {
	display: inline-block;
}

пропишите:

#header #logo a img {
	width: 100%;
}

Далее в шаблоне HTML найдите:

<!-- END: Logo -->
<div id="logo" class="col-xs-3">
<p></p>
<p></p>
</div>

замените на:

<!-- END: Logo -->
<div id="logo" class="col-xs-3">
<span><a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*https://market.yandex.ru/shop/316248/reviews%22%3E%3Cimg"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=316248&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></span>
<span><a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*https://market.yandex.ru/shop/316248/reviews/add%22%3E%3Cimg"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*http://img.yandex.ru/market/informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a></span>
</div>

[dypel]

Сделал как Вы советовали, но:
1. они расположились друг под другом, а надо рядом.
2. надо чтобы открывались в новом окне браузера.
3. ссылки почему не актуальные.

Во вложениях ошибки

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

• 
• 

[dypel]

Надо чтобы уходил на эту ссылку
https://market.yande.../316248/reviews

[Юля123]

dypel (24 Ноябрь 2015 - 10:51) писал:

Надо чтобы уходил на эту ссылку
https://market.yande.../316248/reviews

Здравствуйте, в конце main.css добавьте код:

#header .container {
	width: 1222px;
}

Код:

<!-- END: Logo -->
<div id="logo" class="col-xs-3">
<span><a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2508/*https://market.yandex.ru/shop/316248/reviews%22%3E%3Cimg"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=316248&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></span>
<span><a href="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*https://market.yandex.ru/shop/316248/reviews/add%22%3E%3Cimg"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*http://img.yandex.ru/market/informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a></span>
</div>

замените на код:

<!-- END: Logo -->
<div id="logo" class="col-xs-3.5">
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=316248&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></span>
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*http://img.yandex.ru/market/informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a></span>
</div>

Так же найдите код:

<div class="header-right col-xs-5">

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

<div class="header-right col-xs-4.5">

[dypel]

Спасибо огромное!
Очень приятно! Все работает.
Огромное спасибо за оперативность.

[dypel]

Прошу Вас еще помочь в следующем:
1. Хотим поменять местами блок-поиска (поиск и соц сети) на блок-Яндекса.
Во вложении 2 фото (1 - как сейчас; 2 - как хотим, чтобы было).

2. окантовку блока "Нравится магазин" сделать не черным цветом, а серым, как у блока "Читайте отзывы".

Заранее спасибо.

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

• 
• 

[Юля123]

dypel (24 Ноябрь 2015 - 17:19) писал:

Прошу Вас еще помочь в следующем:
1. Хотим поменять местами блок-поиска (поиск и соц сети) на блок-Яндекса.
Во вложении 2 фото (1 - как сейчас; 2 - как хотим, чтобы было).

2. окантовку блока "Нравится магазин" сделать не черным цветом, а серым, как у блока "Читайте отзывы".

Заранее спасибо.

Здравствуйте, в шаблоне HTML найдите код:

<div class="header-right col-xs-4.5">
			  <div class="header-right-inner">
				<ul class="connect-us">
								 <li><a href="http://ok.ru/group/52375467524230" target="_blank"><img src="http://design.zonagsm.ru/odnoklassniki.png" width="28px"></a></li>
								 <li><a href="https://instagram.com/zonagsm.ru/"  target="_blank" class="fa fa-instagram"></a></li>
								 <li><a href="http://vk.com/zonagsmru"  target="_blank" class="fa fa-vk"></a></li>
						 </ul>
				<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
				  <div class="form-search">
					<input id="search" type="text" name="q" value="" class="inputText search-string" placeholder="Поиск по магазину...">
					<button type="submit" title="Искать" class="button search-submit"></button>
				  </div>
				</form>
			  </div>
			</div>

и переместите его перед кодом:

<div id="logo" class="col-xs-3.5">
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=316248&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></span>
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*http://img.yandex.ru/market/informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a></span>
</div>

2) Окантовку (рамку) поменять, к сожалению не получится, т.к. это картинка. Вы можете изменить ее в графическом редакторе.

[dypel]

1. Спасибо. Первый пункт удалось изменить, но помогите сдвинуть "картинки-Яндекса" (две картинки) вправо так, чтобы край картинки "Нравится магазин" совпадал с краем "Контакты", как указано во вложении.
2. Рамку картинки у меня получилось изменить на серый цвет. Но вставить в код HTML не получается. Ошибка. Саму картинку загрузил в "Изображения" (вложенный файл). Помогите заменить.

Заранее благодарю.

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

• 
• 

[Vaccina]

<div id="logo" class="col-xs-3.5">
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=316248&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></span>
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=1248/*http://img.yandex.ru/market/informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a></span>
</div>

замените на:

<div id="logo" class="right col-xs-3.5">
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=316248&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></span>
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="{ASSETS_IMAGES_PATH}informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a></span>
</div>

[dypel]

Спасибо. Цвет рамки получилось сменить.
Помогите сдвинуть вправо как на фото во вложении

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

• 

[Юля123]

dypel (25 Ноябрь 2015 - 12:51) писал:

Спасибо. Цвет рамки получилось сменить.
Помогите сдвинуть вправо как на фото во вложении

Добрый день! в main.css найдите код:

#header #logo {display: block;float: left;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

и замените на код:

#header #logo {display: block;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-right: 25px;}

[dypel]

Юля123 (25 Ноябрь 2015 - 13:52) писал:

Добрый день! в main.css найдите код:

#header #logo {display: block;float: left;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

и замените на код:

#header #logo {display: block;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-right: 25px;}

Спасибо огромное. Все получилось.

[dypel]

Помогите исправить SL-342718:

Ситуация:

В мобильной версии баннеры Яндекса и название магазина расположены за пределами экрана телефона (см. на фото) (необходимо смахнуть слева направо)
Как сделать так, чтобы они располагались на одном экране?

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

• 
• 

[MikDark]

dypel (08 Январь 2016 - 15:49) писал:

Помогите исправить SL-342718:

Ситуация:

В мобильной версии баннеры Яндекса и название магазина расположены за пределами экрана телефона (см. на фото) (необходимо смахнуть слева направо)
Как сделать так, чтобы они располагались на одном экране?

В шаблоне main.css попробуйте найти код:

#header #logo a {
	display: inline-block;
}

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

#header #logo a {
	display: inline-block;
	float: left;
}

[dypel]

MikDark (08 Январь 2016 - 21:02) писал:

В шаблоне main.css попробуйте найти код:

#header #logo a {
display: inline-block;
}

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

#header #logo a {
display: inline-block;
float: left;
}

Получилось, но результат не 100%.
1. Картинки Яндекса слились между собой и немного сдвинуты влево. Необходимо чтобы они были раздельными и размещались по центру экрана.
2. Возможно ли, чтобы логотип и название магазина, тоже влазили на экран гаджета (телефона), без сдвига вправо?

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

• 

[Юля123]

dypel (10 Январь 2016 - 14:58) писал:

Получилось, но результат не 100%.
1. Картинки Яндекса слились между собой и немного сдвинуты влево. Необходимо чтобы они были раздельными и размещались по центру экрана.
2. Возможно ли, чтобы логотип и название магазина, тоже влазили на экран гаджета (телефона), без сдвига вправо?

Здравствуйте, в шаблоне HTML  найдите код:

<div id="logo" class="right col-xs-3.5">

и замените на код:

<div class="logo" class="right col-xs-3.5">

1) В конце main.css добавьте код:

.logo span:first-child {
	margin-left: 16px;
	margin-right: 10px;
}

затем в main.css найдите и удалите код:

#header #logo a img {
		width: 100%;
}

2) После кода:

@media all and (max-width: 767px) {

добавьте код:

  #header #logo a img {
	width: 50% !important;
		float: left;
}
#header #logo {padding:0;}

[dypel]

Юля123, всё сделал как Вы написали, но опять же результат не 100%. Во вложении результат.
Помогите!!!!

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

• 

[Юля123]

dypel (12 Январь 2016 - 12:21) писал:

Юля123, всё сделал как Вы написали, но опять же результат не 100%. Во вложении результат.
Помогите!!!!

Здравствуйте, инструкция выполнена не полностью.


В шаблоне HTML найдите код:

<div id="logo" class="right col-xs-3.5">
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=316248&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></span>
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="{ASSETS_IMAGES_PATH}informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a></span>
</div>

и замените на код:

 <div class="right col-xs-3.5">
<div class="logo" >
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="http://clck.yandex.ru/redir/dtype=stred/pid=47/cid=2507/*http://grade.market.yandex.ru/?id=316248&action=image&size=2" border="0" width="150" height="101" alt="Читайте отзывы покупателей и оценивайте качество магазина на Яндекс.Маркете" /></a></span>
<span><a href="https://market.yandex.ru/shop/316248/reviews" target="_block"><img src="{ASSETS_IMAGES_PATH}informer1.png" border="0" alt="Оцените качество магазина на Яндекс.Маркете." /></a></span>
</div>
</div>

Затем в main.css  код:

@media all and (max-width: 767px) {
#header #logo a img {
		width: 50% !important;
				float: left;
}

замените на код:

@media all and (max-width: 767px) {
#header #logo a img {
		width: 40% !important;
	   float: left;
}
.right {float:none !important;}

[dypel]

Юля123, спасибо огромное за оперативную помощь, но все же баннер Яндекса выступает за правый край монитора смартфона.
Возможно ли разместить оба баннера Яндекса по центру монитора смартфона?

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

•