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


Как разместить банер


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

#21 Vaccina

Vaccina

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

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

Отправлено 25 Май 2011 - 19:41

Хм. можно попробовать указать размер для верхнего баннера, и сделать его просто поменьше.

как пример зададим 300px. Думаю смотреться будет лучше.
<img src="http://www.cs-auto.ru/Baners/ban2.gif" style="width: 300px;">


#22 C S-auto

C S-auto

    Новичок

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

Отправлено 28 Май 2011 - 13:25

Просмотр сообщенияVaccina (25 Май 2011 - 19:41) писал:

Хм. можно попробовать указать размер для верхнего баннера, и сделать его просто поменьше.

как пример зададим 300px. Думаю смотреться будет лучше.
<img src="http://www.cs-auto.ru/Baners/ban2.gif" style="width: 300px;">

Спасибо, получилось. Немножко не так, но смысл понятен, буду пробовать дальше.

#23 medisan

medisan

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

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

Отправлено 01 Август 2011 - 11:43

Как поставить банер?

Если вписываю его непосредственно над каталогом, то сам каталог смещается вниз и вверху остается та же пустота.
Если вписываю под меню, то само "тело" сдвигается вниз.
Как его вот именно на это пустое место поставить?
И размера какого он должен быть? при условии его расположения прямо над каталогом и вровень с ним?

#24 Vaccina

Vaccina

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

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

Отправлено 02 Август 2011 - 04:27

Пожалуйста сообщите адрес вашего магазина, попробую вам помочь.

#25 medisan

medisan

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

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

Отправлено 02 Август 2011 - 13:49



#26 Vaccina

Vaccina

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

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

Отправлено 02 Август 2011 - 20:53

Можно сделать следующее

в фале стилей main.css найти

.content_catalog {
	padding-top: 80px;
	vertical-align: top;
}

далее уменьшить этот отступ padding-top: 80px;

.content_catalog {
	padding-top: 10px;
	vertical-align: top;
}

после в шаблоне "HTML" найти подобную строку  


<ul class="leftmenu">
				  <li class="categories"><h2><a class="indexPage" href="http://nutritionsport54.ru/catalog">Каталог</a></h2>

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

<ul class="leftmenu">
 <li style="padding-bottom: 10px;"><a href="#">Link</a></li> 
				  <li class="categories"><h2><a class="indexPage" href="http://nutritionsport54.ru/catalog">Каталог</a></h2>

далее меняете ссылку <a href="#">Link</a> или вставляете свой банер в

<li style="padding-bottom: 10px;">тут банер</li>

в случае необходимости можно изменить отступы.

#27 medisan

medisan

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

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

Отправлено 03 Август 2011 - 16:59

Просмотр сообщенияVaccina (02 Август 2011 - 20:53) писал:

Можно сделать следующее

в фале стилей main.css найти

.content_catalog {
	padding-top: 80px;
	vertical-align: top;
}

далее уменьшить этот отступ padding-top: 80px;

.content_catalog {
	padding-top: 10px;
	vertical-align: top;
}

после в шаблоне "HTML" найти подобную строку  


<ul class="leftmenu">
				  <li class="categories"><h2><a class="indexPage" href="http://nutritionsport54.ru/catalog">Каталог</a></h2>

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

<ul class="leftmenu">
 <li style="padding-bottom: 10px;"><a href="#">Link</a></li> 
				  <li class="categories"><h2><a class="indexPage" href="http://nutritionsport54.ru/catalog">Каталог</a></h2>

далее меняете ссылку <a href="#">Link</a> или вставляете свой банер в

<li style="padding-bottom: 10px;">тут банер</li>

в случае необходимости можно изменить отступы.

Большое, спасибо! Встал именно там где надо. Только вот точка какая то непонятная появилась :unsure:

Как ее убрать?

#28 Vaccina

Vaccina

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

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

Отправлено 03 Август 2011 - 18:46

Хм. вы не в то место вставили код.
Сейчас у вас выглядит так

<td class="content_catalog cont250">
   <li style="padding-bottom: 12px;">
	  <a target="_blank" href="http://nutritionsport54.ru/page/%D0%A1%D0%BA%D0%B8%D0%B4%D0%BA%D0%B8">
		<img alt="банер" src="http://img.storeland.ru/web/upload/assets/images/15/14019/catalog.gif">
	  </a>
   </li>
<div class="pad-box">
	 <ul class="leftmenu">
	   <li class="categories">
		 <script charset="utf-8" src="//yandex.st/share/share.js" type="text/javascript">
		 <div class="yashare-auto-init" data-yasharequickservices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed" data-yasharetype="none" data-yasharel10n="ru">
	</ul>
 </div>

вам предлагалось вставить код

Цитата

после в шаблоне "HTML" найти подобную строку


<ul class="leftmenu">
				  <li class="categories"><h2><a class="indexPage" href="http://nutritionsport54.ru/catalog">Каталог</a></h2>


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

<ul class="leftmenu">
 <li style="padding-bottom: 10px;"><a href="#">Link</a></li> 
				  <li class="categories"><h2><a class="indexPage" href="http://nutritionsport54.ru/catalog">Каталог</a></h2>
посмотрите повнимательней.

#29 medisan

medisan

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

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

Отправлено 04 Август 2011 - 04:35

Просмотр сообщенияVaccina (03 Август 2011 - 18:46) писал:

Хм. вы не в то место вставили код.
Сейчас у вас выглядит так

<td class="content_catalog cont250">
   <li style="padding-bottom: 12px;">
	  <a target="_blank" href="http://nutritionsport54.ru/page/%D0%A1%D0%BA%D0%B8%D0%B4%D0%BA%D0%B8">
		<img alt="банер" src="http://img.storeland.ru/web/upload/assets/images/15/14019/catalog.gif">
	  </a>
   </li>
<div class="pad-box">
	 <ul class="leftmenu">
	   <li class="categories">
		 <script charset="utf-8" src="//yandex.st/share/share.js" type="text/javascript">
		 <div class="yashare-auto-init" data-yasharequickservices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed" data-yasharetype="none" data-yasharel10n="ru">
	</ul>
 </div>

вам предлагалось вставить код


посмотрите повнимательней.

Спасибо большое.

#30 Liza

Liza

    Новичок

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

Отправлено 04 Август 2011 - 10:47

В продолжение этой темы - еще один вопрос по размещению баннера.
Я разместила на главной странице слайдер, вот: www.yorkstore.ru
Все двигается, все устраивает.
Но никак не могу вставить ссылки на каждый из элементов этого слайдера.
Подскажите, как это сделать?
Код в шаблоне выглядит таким образом:

<!-- Баннер на главной -->
			  {% IF index_page %}
			  <link href="/web/upload/assets/styles/15/14759/slyshow.css" rel="stylesheet" type="text/css" media="screen, projection" />
<script type="text/javascript" src="/web/upload/assets/js/15/14759/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/web/upload/assets/js/15/14759/slyshow.js"></script>
<div id="starconteiner">
 <img class="slyshow" alt="Игрушка Косточки, 390.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/1.jpg"/>
<img class="slyshow" alt="Игрушка Собака, 390.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/2.jpg" />
<img class="slyshow" alt="Футболка CELEBRITY, 890.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/3.jpg" />
<img class="slyshow" alt="Платье Для особого случая, 1100.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/4.jpg" />
<img class="slyshow" alt="Штанишки на подтяжках, 890.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/5.jpg" />
<img class="slyshow" alt="Сумка Fashion Style, 890.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/6.jpg" />
<img class="slyshow" alt="Футболка на каждый день, 490.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/7.jpg" />
</div>
			  {% ENDIF %}

Большое спасибо!

#31 Vaccina

Vaccina

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

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

Отправлено 04 Август 2011 - 20:07

Хм. данный слайдер не работает с сылками на изображение.
Можно попробовать сделать следующее

Данный блок заменить на

<!-- Баннер на главной -->
			  {% IF index_page %}
			  <link href="/web/upload/assets/styles/15/14759/slyshow.css" rel="stylesheet" type="text/css" media="screen, projection" />
<script type="text/javascript" src="/web/upload/assets/js/15/14759/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/web/upload/assets/js/15/14759/slyshow.js"></script>
<div id="starconteiner">
 <img class="slyshow banner1" alt="Игрушка Косточки, 390.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/1.jpg"/>
<img class="slyshow banner2" alt="Игрушка Собака, 390.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/2.jpg" />
<img class="slyshow banner3" alt="Футболка CELEBRITY, 890.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/3.jpg" />
<img class="slyshow banner4" alt="Платье Для особого случая, 1100.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/4.jpg" />
<img class="slyshow banner5" alt="Штанишки на подтяжках, 890.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/5.jpg" />
<img class="slyshow banner6" alt="Сумка Fashion Style, 890.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/6.jpg" />
<img class="slyshow banner7" alt="Футболка на каждый день, 490.-" src="http://yorkstore.ru/web/upload/assets/images/15/14759/7.jpg" />
</div>
			  {% ENDIF %}

далее в файле main.js прописать

$('.banner1').click(function(){
location.href="index.html";
})
$('.banner2').click(function(){
location.href="index.html";
})
$('.banner3').click(function(){
location.href="index.html";
})
и так для каждого банера. index.html - это Ваш УРЛ

#32 Liza

Liza

    Новичок

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

Отправлено 08 Август 2011 - 13:14

Нет, пока что не получается
Пробовала второй код добавить не в main.js
а у меня еще при установке слайдера появился slyshow.js
но и там никакого эффекта.
может есть какие-то еще идеи?
Спасибо!

#33 Vaccina

Vaccina

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

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

Отправлено 08 Август 2011 - 22:01

Хм у вас есть следующий код в файле slyshow.js

ss.click(function(){
$('.banner1').index();
location.href="http://yorkstore.ru/goods/%D0%9A%D0%BE%D1%81%D1%82%D0%BE%D1%87%D0%BA%D0%B8-1?from=MzRh";
})
ss.click(function(){
$('.banner2').index();
location.href="http://yorkstore.ru/goods/%D0%98%D0%B3%D1%80%D1%83%D1%88%D0%BA%D0%B0-%D0%A1%D0%BE%D0%B1%D0%B0%D0%BA%D0%B0-1?from=MzRh";
})
ss.click(function(){
$('.banner3').index();
location.href="http://yorkstore.ru/goods/%D0%A4%D1%83%D1%82%D0%B1%D0%BE%D0%BB%D0%BA%D0%B0-CELEBRITY-1?from=OGRi";
})

попробуйте его просто заменить на

$(document).ready(function(){
$('.banner1').click(function(){
location.href="http://yorkstore.ru/goods/%D0%9A%D0%BE%D1%81%D1%82%D0%BE%D1%87%D0%BA%D0%B8-1?from=MzRh";
})
$('.banner2').click(function(){
location.href="http://yorkstore.ru/goods/%D0%98%D0%B3%D1%80%D1%83%D1%88%D0%BA%D0%B0-%D0%A1%D0%BE%D0%B1%D0%B0%D0%BA%D0%B0-1?from=MzRh";
})
$('.banner3').click(function(){
location.href="http://yorkstore.ru/goods/%D0%A4%D1%83%D1%82%D0%B1%D0%BE%D0%BB%D0%BA%D0%B0-CELEBRITY-1?from=OGRi";
})
});

далее удалить все дубли которые вы сделали. Данный дубль есть в файле main.js

так же у вас на сайте есть ошибки Javascript первая из них связана с

ss.click(function(){
$('.banner1').index();
location.href="http://yorkstore.ru/goods/%D0%9A%D0%BE%D1%81%D1%82%D0%BE%D1%87%D0%BA%D0%B8-1?from=MzRh";
})
ss.click(function(){
$('.banner2').index();
location.href="http://yorkstore.ru/goods/%D0%98%D0%B3%D1%80%D1%83%D1%88%D0%BA%D0%B0-%D0%A1%D0%BE%D0%B1%D0%B0%D0%BA%D0%B0-1?from=MzRh";
})
ss.click(function(){
$('.banner3').index();
location.href="http://yorkstore.ru/goods/%D0%A4%D1%83%D1%82%D0%B1%D0%BE%D0%BB%D0%BA%D0%B0-CELEBRITY-1?from=OGRi";
}) 

заменив выше приведенный код вы избавитесь от неё

вторая ошибка это второе подключение
<script src="/web/upload/assets/js/15/14759/jquery-1.4.4.min.js" type="text/javascript">
у вас в шапке уже подключается библиотека jquery.
просто удалите данную строку.

#34 Liza

Liza

    Новичок

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

Отправлено 09 Август 2011 - 12:52

заработало! Большое спасибо!

#35 medisan

medisan

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

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

Отправлено 12 Август 2011 - 15:07

После преобразования каталога из этой темы
рядом с банером появилась точка

Как ее убрать?
Моя ссылка

#36 Vaccina

Vaccina

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

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

Отправлено 12 Август 2011 - 22:08

Хм. вроде у вас уже был вопрос по поводу данной точки - почитайте пост http://forum.storela...ndpost__p__6090
если не поможет, то отпишитесь.

#37 homelectric

homelectric

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

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

Отправлено 02 Октябрь 2011 - 23:44

Извините за вопрос, но как можно создать подобный баннер, а в идеале сменяющие друг друга картинки (например http://www.nextline....temid=3&lang=ru), если обсуждалось уже, то подскажите ссылочку.
Спасибо.

#38 Vaccina

Vaccina

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

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

Отправлено 03 Октябрь 2011 - 19:38

По идее это простой слайдер или же фото галерея в виде слайдов. Подобную можно найти тут http://ruseller.com/...p?rub=29&id=534
на данном сайте расписаны этапы его создания.
А тут есть несколько вопросов по нему http://forum.storela...ch__1#entry5633

#39 Anutash

Anutash

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

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

Отправлено 30 Октябрь 2011 - 13:33

Добрый день!

Подскажите пожалуйста как баннер поднять чуть выше, чтобы между ним и главным меню не было столько свободного места, ну и чтобы слово "Каталог" было на уровне "Добро пожаловать..."
http://tkanechki.ru/


Все уже получилось, спасибо.

#40 Anutash

Anutash

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

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

Отправлено 09 Ноябрь 2011 - 21:45

Опять возникли трудности с расположением баннера, теперь баннер "Акция" хочу переместить влево, т.е. по высоте на том же уровне, а по горизонтали, чтобы он располагался примерно под пунктом главного меню "Как заказать"
Заранее благодарна.




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

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