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


Баннер Над Шапкой.


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

#1 niko1a

niko1a

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

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

Отправлено 21 Апрель 2015 - 05:03

Здравствуйте,

подскажите, пожалуйста, как реализовать "баннер" над верхнем меню?

Примерно как на приложенном изображении.
Мой сайт imsleep.ru заранее спасибо
Аккаунт SL-328526
заранее спасибо.

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

  • Снимок.JPG


#2 Vaccina

Vaccina

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

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

Отправлено 21 Апрель 2015 - 06:33

В шаблоне HTML перед:
<div class="header-top">

вставьте:
<div class="banner">
  <a href="ссылка"><img src="ссылка на баннер" alt="" /></a>
</div>

В конец main.css пропишите:
.banner{
width:100%;
text-align:center;
}


#3 niko1a

niko1a

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

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

Отправлено 21 Апрель 2015 - 07:56

Спасибо, это в общем-то понятно.
А можно его сделать "резиновым"? К примеру фон с границами и текст, чтобы он адаптировался в зависимости от разрешения экрана.

#4 Cupuyc

Cupuyc

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

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

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

Просмотр сообщенияniko1a (21 Апрель 2015 - 07:56) писал:

Спасибо, это в общем-то понятно.
А можно его сделать "резиновым"? К примеру фон с границами и текст, чтобы он адаптировался в зависимости от разрешения экрана.

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

#5 niko1a

niko1a

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

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

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

Добавил баннер и необходимый стиль.Помогите, пожалуйста, сделать его адаптивным к размерам экрана.

#6 Alekseys

Alekseys

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

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

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

Просмотр сообщенияniko1a (21 Апрель 2015 - 12:42) писал:

Добавил баннер и необходимый стиль.Помогите, пожалуйста, сделать его адаптивным к размерам экрана.
Здравствуйте. В main.css замените
img {
  vertical-align: middle;
}
на
img {
  vertical-align: middle;
  width: 100%;
}


#7 AShchuka

AShchuka

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

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

Отправлено 17 Ноябрь 2015 - 18:45

Здравствуйте.
Скажите пожалуйста,как убрать баннер "Гарантия 30 дней"
И внести изменения в описание к другому (обведено красным)
Спасибо!

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

  • Безымянный3.jpg


#8 Danil

Danil

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

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

Отправлено 17 Ноябрь 2015 - 18:47

Просмотр сообщенияAShchuka (17 Ноябрь 2015 - 18:45) писал:

Здравствуйте.
Скажите пожалуйста,как убрать баннер "Гарантия 30 дней"
И внести изменения в описание к другому (обведено красным)
Спасибо!
Здравствуйте.
Не дублируйте, пожалуйста, вопросы, Вам ответили в другой теме.




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

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