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


Добавить Банер

банер

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

#1 Zagadaika

Zagadaika

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

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

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

Здравствуйте. Как добавить 2 банера одинакового размера с возможностью их изменения. Прим на скриншоте.
2Безымянный.png

#2 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

Просмотр сообщенияZagadaika (11 Январь 2015 - 12:04) писал:

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

В шаблоне HTML найдите код:
<div id="flexslideshow" class="flexslider">
			 <ul class="slides">

и перед ним добавьте:
<div class="banners"><a href="ссылка на страницу 1"><img src="ссылка на баннер 1"></a><a href="ссылка на страницу 2"><img src="ссылка на баннер 2"></a></div>

Далее в main.css добавьте:
.banners{float:left;}
.banners a{display:block;}

Как сделаете изменения - напишите, поможем дальше.

#3 Zagadaika

Zagadaika

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

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

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

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

В шаблоне HTML найдите код:
<div id="flexslideshow" class="flexslider">
			 <ul class="slides">

и перед ним добавьте:
<div class="banners"><a href="ссылка на страницу 1"><img src="ссылка на баннер 1"></a><a href="ссылка на страницу 2"><img src="ссылка на баннер 2"></a></div>

Далее в main.css добавьте:
.banners{float:left;}
.banners a{display:block;}

Как сделаете изменения - напишите, поможем дальше.
Измененния произвел, так же добавил 2 банера, смещается слайдер.

#4 Zagadaika

Zagadaika

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

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

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

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

В шаблоне HTML найдите код:
<div id="flexslideshow" class="flexslider">
			 <ul class="slides">

и перед ним добавьте:
<div class="banners"><a href="ссылка на страницу 1"><img src="ссылка на баннер 1"></a><a href="ссылка на страницу 2"><img src="ссылка на баннер 2"></a></div>

Далее в main.css добавьте:
.banners{float:left;}
.banners a{display:block;}

Как сделаете изменения - напишите, поможем дальше.
???

#5 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

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

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

???

В main.css найдите код:
#header .flexslider {
width: 900px;
margin: 0 auto !important;
left: 155px;
top: 7px;
border: 1px solid gray;
border-radius: 3px;
}

и замените на:
#header .flexslider {
width: 900px;
margin: 0 auto !important;
top: 7px;
border: 1px solid gray;
border-radius: 3px;
}


#6 Zagadaika

Zagadaika

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

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

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

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

В main.css найдите код:
#header .flexslider {
width: 900px;
margin: 0 auto !important;
left: 155px;
top: 7px;
border: 1px solid gray;
border-radius: 3px;
}

и замените на:
#header .flexslider {
width: 900px;
margin: 0 auto !important;
top: 7px;
border: 1px solid gray;
border-radius: 3px;
}
Спасибо. И нужно что бы банеры были не одиним целым, а как два разных одинакового размера, а то когда border делаю то обводятся сразу 2 банера.

#7 Ирина345

Ирина345

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

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

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

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

Спасибо. И нужно что бы банеры были не одиним целым, а как два разных одинакового размера, а то когда border делаю то обводятся сразу 2 банера.
Здравствуйте, найдите в main.css

.banners {
float: left;
border: 1px solid gray;
border-radius: 3px;
}
замените на

.banners {
float: left;
margin-left: 3px;
margin-top: 5px;
} 
 


далее в конец файла добавьте

.banners img {
border: 1px solid gray;
border-radius: 3px;
}


#8 Zagadaika

Zagadaika

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

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

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

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

Здравствуйте, найдите в main.css

.banners {
float: left;
border: 1px solid gray;
border-radius: 3px;
}
замените на

.banners {
float: left;
margin-left: 3px;
margin-top: 5px;
}



далее в конец файла добавьте

.banners img {
border: 1px solid gray;
border-radius: 3px;
}
Спасибо!





Темы с аналогичным тегами банер

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

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