Сообщений в теме: 7

[Zagadaika]

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

[MikDark]

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;}

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

[Zagadaika]

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 банера, смещается слайдер.

[Zagadaika]

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;}

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

???

[MikDark]

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;
}

[Zagadaika]

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 банера.

[Ирина345]

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;
}

[Zagadaika]

Ирина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;
}

Спасибо!