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


На Главной Помогите Сделать Еще 2 Баннера.

Автор dostypno, 21 янв. 2015 15:42

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

#1 dostypno

dostypno

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

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

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

Злравствуйте , помогите сделать на главной баннеры так как здесь baby-butique.ru/ буду очень благодарен!

#2 Danil

Danil

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

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

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

Просмотр сообщенияdostypno (21 Январь 2015 - 15:42) писал:

Злравствуйте , помогите сделать на главной баннеры так как здесь baby-butique.ru/ буду очень благодарен!
Здравствуйте.
В конец main.css добавьте 
div#slider {
width: 470px;
height: 280px;
}
Можете сами регулировать значения height(высота) и width(ширина)
В шаблоне html найдите код 
</div>
<!-- Запуск слайдера -->
И перед ним вставьте
<div class="banners">
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
</div>
так же в конец main.css вставьте 
.banners {width:470px;height:280px;float:right;}
.banners img {height:120px;width:275px;}

#3 dostypno

dostypno

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

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

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

Просмотр сообщенияDanil (21 Январь 2015 - 15:53) писал:

Здравствуйте.
В конец main.css добавьте
div#slider {
width: 470px;
height: 280px;
}
Можете сами регулировать значения height(высота) и width(ширина)
В шаблоне html найдите код
</div>
<!-- Запуск слайдера -->
И перед ним вставьте
<div class="banners">
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
</div>
так же в конец main.css вставьте 
.banners {width:470px;height:280px;float:right;}
.banners img {height:120px;width:275px;}
а картинки баннеров в файлы закачивать?

#4 Danil

Danil

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

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

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

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

а картинки баннеров в файлы закачивать?
Да, изображения нужно загружать в редакторе шаблонов, нажав кнопку добавить файлы.

#5 dostypno

dostypno

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

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

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

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

Да, изображения нужно загружать в редакторе шаблонов, нажав кнопку добавить файлы.
Сделал по вашим инструкциями и все полезло(

#6 Danil

Danil

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

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

Отправлено 22 Январь 2015 - 21:01

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

Сделал по вашим инструкциями и все полезло(
В main.css найдите код
div#slider {
width: 470px;
height: 280px;
}
и замените на 
div#slider {
width: 470px;
float: left;
height: 280px;
}
Так же найдите 
.banners {
width: 470px;
height: 280px;
float: right;
}
и замените на 
.banners {
width: 180px;
height: 280px;
float: right;
}
Так же в конец main.css добавьте 
#content #mainindex .headline {
clear: both;
}

#7 dostypno

dostypno

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

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

Отправлено 22 Январь 2015 - 21:13

Просмотр сообщенияDanil (22 Январь 2015 - 21:01) писал:

В main.css найдите код
div#slider {
width: 470px;
height: 280px;
}
и замените на
div#slider {
width: 470px;
float: left;
height: 280px;
}
Так же найдите
.banners {
width: 470px;
height: 280px;
float: right;
}
и замените на
.banners {
width: 180px;
height: 280px;
float: right;
}
Так же в конец main.css добавьте
#content #mainindex .headline {
clear: both;
}
сделал, не помогло.

#8 dostypno

dostypno

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

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

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

помогите исправить...

#9 Vaccina

Vaccina

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

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

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

Пришлите пожалуйста скриншот с указанием проблемы, слайдер на данный момент работает корректно

#10 dostypno

dostypno

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

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

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

Просмотр сообщенияVaccina (23 Январь 2015 - 00:09) писал:

Пришлите пожалуйста скриншот с указанием проблемы, слайдер на данный момент работает корректно
посмотрите сейчас.

#11 Vaccina

Vaccina

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

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

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

В main.css найдите:
.banners {
width: 470px;
height: 280px;
float: right;
}
уменьшите значение width

далее пропишите реальные ссылки на изображения, также сам блок с баннерами перенесите в шаблоне HTML поставив перед кодом слайдера, то есть перед:
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">

#12 dostypno

dostypno

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

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

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

Просмотр сообщенияVaccina (23 Январь 2015 - 01:49) писал:

В main.css найдите:
.banners {
width: 470px;
height: 280px;
float: right;
}
уменьшите значение width

далее пропишите реальные ссылки на изображения, также сам блок с баннерами перенесите в шаблоне HTML поставив перед кодом слайдера, то есть перед:
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding: 1em; display: none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
Все сделал как советовали, а баннер дальше не работает, все полезло(

#13 dostypno

dostypno

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

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

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

Помогите пожалуйста.

#14 Alekseys

Alekseys

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

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

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

Просмотр сообщенияdostypno (23 Январь 2015 - 13:38) писал:

Помогите пожалуйста.
В main.css замените
.banners {
width: 430px;
height: 280px;
float: right;
}
на
.banners {
width: 270px;
height: 280px;
float: right;
margin-top: 11px;
}
затем
#content #mainindex .headline {
background: url(http://design.autopilot-style.ru/headline-index-bg.jpg?design=plastic) top center no-repeat;
width: 736px;
background-size: 100%;
}
замените на
#content #mainindex .headline {
background: url(http://design.autopilot-style.ru/headline-index-bg.jpg?design=plastic) top center no-repeat;
width: 736px;
background-size: 100%;
margin-top: 80px;
}
и
.banners img {
height: 120px;
width: 275px;
}
на
.banners img {
height: 120px;
width: 270px;
}

#15 dostypno

dostypno

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

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

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

Просмотр сообщенияAlekseys (23 Январь 2015 - 14:59) писал:

В main.css замените
.banners {
width: 430px;
height: 280px;
float: right;
}
на
.banners {
width: 270px;
height: 280px;
float: right;
margin-top: 11px;
}
затем
#content #mainindex .headline {
background: url(http://design.autopilot-style.ru/headline-index-bg.jpg?design=plastic) top center no-repeat;
width: 736px;
background-size: 100%;
}
замените на
#content #mainindex .headline {
background: url(http://design.autopilot-style.ru/headline-index-bg.jpg?design=plastic) top center no-repeat;
width: 736px;
background-size: 100%;
margin-top: 80px;
}
и
.banners img {
height: 120px;
width: 275px;
}
на
.banners img {
height: 120px;
width: 270px;
}
Уже лучше но еще плохо, справа хочу сделать 2 баннера , а не 3.

#16 Ирина345

Ирина345

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

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

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

Просмотр сообщенияdostypno (23 Январь 2015 - 15:10) писал:

Уже лучше но еще плохо, справа хочу сделать 2 баннера , а не 3.
Найдите в HTML
{% IF index_page %}<div class="banners">
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
</div>
замените на

{% IF index_page %}<div class="banners">
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>

</div>

#17 dostypno

dostypno

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

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

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

Просмотр сообщенияИрина345 (23 Январь 2015 - 15:48) писал:

Найдите в HTML
{% IF index_page %}<div class="banners">
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
</div>
замените на

{% IF index_page %}<div class="banners">
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>
<a href="ссылка"><img src="{ASSETS_IMAGES_PATH}Название картинки"></a>

</div>
Как сделать что бы баннеры справа по высоте были пропорциональны к большому баннеру, и отступ с правой стороны сделать больше?

#18 Ирина345

Ирина345

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

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

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

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

Как сделать что бы баннеры справа по высоте были пропорциональны к большому баннеру, и отступ с правой стороны сделать больше?
найдите в main.css
.banners img {
height: 120px;
width: 270px;
}
замените на
.banners img {
height: 139px;
width: 261px;
}

#19 dostypno

dostypno

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

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

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

Просмотр сообщенияИрина345 (23 Январь 2015 - 16:07) писал:

найдите в main.css
.banners img {
height: 120px;
width: 270px;
}
замените на
.banners img {
height: 139px;
width: 261px;
}
А как сделать тень, как у большого баннера.

#20 Ирина345

Ирина345

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

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

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

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

А как сделать тень, как у большого баннера.
Найдите
.banners img {
height: 139px;
width: 261px;
}
замените на


.banners img {
height: 139px;
width: 261px;
box-shadow: 1px 2px 3px #999;
}

Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. → Главная
  6. Privacy Policy