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


Слайдер И Банер В Один Ряд


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

#1 мистка

мистка

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

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

Отправлено 20 Октябрь 2013 - 11:03

Доброго дня! Ребята и модераторы у меня к вам просьба-вопрос. Как установить банер рядом со слайдером .Перелопатила все темы и результата нет,  конечно пыталась применить то , что там предлагали но мой кривой хтмл отказался принять банер как родной ))
Главная сложность в банере нужно организовать что то типо меню (переходить по ссылке в тексте)

я покажу как это выглядит на банере и вообщем на самой главной странице.

Большое спасибо всем кто откликнется,  возможно кто-то сам реализовывал подобную идею или с помощью модераторов буду рада предоставленной  ссылке где это прочесть.
Отдельно поблагодарю заранее модератора который отпишется по этому вопросу.

банер с переходящими ссылками(примерный )os.png

вид общий на сайте Безымянный.png (если можно только на главной удалить хлебные крошки)

#2 Stasya

Stasya

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

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

Отправлено 20 Октябрь 2013 - 14:29

Давайте Вы сначала поставите данный баннер к себе на страницу. То есть Вам нужно в шаблоне HTML найти блок
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" />
<a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
<img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" />
<img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>
</div>
<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show(); });
</script>
{% ENDIF %}
и после него поставить блок
<div class="ban">
<img src="{ASSETS_IMAGES_PATH}название картинки"}
</div>
После того как Вы вставите данный код( поставите картинку на сайт), я Вам пришлю точную инструкцию( она будет относительно только данной картинки) чтобы сделать именно те ссылки, которые Вы хотите и правильно поставить данный баннер. Так же не забудьте, что данную картинку Вам необходимо загрузить в разделе Сайт-> Редактор шаблонов-> Добавить файлы.

#3 miyako

miyako

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

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

Отправлено 20 Октябрь 2013 - 14:36

Просмотр сообщениязлая я))) (20 Октябрь 2013 - 11:03) писал:

Доброго дня! Ребята и модераторы у меня к вам просьба-вопрос. Как установить банер рядом со слайдером .Перелопатила все темы и результата нет,  конечно пыталась применить то , что там предлагали но мой кривой хтмл отказался принять банер как родной ))
Главная сложность в банере нужно организовать что то типо меню (переходить по ссылке в тексте)

я покажу как это выглядит на банере и вообщем на самой главной странице.

Большое спасибо всем кто откликнется,  возможно кто-то сам реализовывал подобную идею или с помощью модераторов буду рада предоставленной  ссылке где это прочесть.
Отдельно поблагодарю заранее модератора который отпишется по этому вопросу.

банер с переходящими ссылками(примерный )Прикрепленный файл os.png

вид общий на сайте Прикрепленный файл Безымянный.png (если можно только на главной удалить хлебные крошки)

Ниже кода слайдера добавьте  -
<div style="position:relative;width: 500px;height: 250px;">
<a href="ссылка" style="position: absolute;right: 109px;">ссылка</a>
<a href="ссылка" style="position: absolute;top: 40px;right: 109px;">ссылка</a>
<a href="ссылка" style="position: absolute;top: 80px;right: 109px;">ссылка</a>
<img src="адрес изображения" />
</div>
Укажите путь до изображения и адреса ссылок.

Найдите в шаблоне Страница код -
<div class="pad-box">
  <!-- Строка пути -->
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
  <!-- end Строка пути -->
и замените на -
<div class="pad-box">
  <!-- Строка пути -->
{%IFNOT index_page%}
  <div id="site-path">
	<p>
	  <a href="http://{NET_DOMAIN}/">Главная</a> » <span class="current">{PAGE_NAME}</span>
	</p>
  </div>
{%ENDIF%}
  <!-- end Строка пути -->





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

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