Подскажите как можно установить баннер под полоску поиска в шапке?
Комментарии: 20

CabinetAdmin 22 апр 2015, 16:13 Сообщение

Возможно какое нибудь расширение это делает, но я рекламными расширениями не интересуюсь, поэтому не в курсе... :unknown

Если через шаблоны, то можно в хедере перед:

Код: Выделить всё

			</div>
		</div>

		<!-- INCLUDE navbar_header.html -->
поставить:

Код: Выделить всё

			<dic class="right-box">
				<!-- Banner -->
			</dic>
ну и сюда уже сам баннер.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 22 апр 2015, 17:46 Сообщение

CabinetAdmin, а можно чуть пониже, что бы отступ был от поиска?
  • 0

CabinetAdmin 22 апр 2015, 19:50 Сообщение

Код: Выделить всё

			<div class="right-box banner-top">
				<!-- Banner -->
			</div>
В тему:

Код: Выделить всё

.banner-top {
	margin-top: 10px;
}
поставить:
Хе... Вместо div написал dic :milo:
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 23 апр 2015, 07:56 Сообщение

CabinetAdmin, а в ту куда? Коммон?
  • 0

silver073000Василий 23 апр 2015, 11:07 Сообщение

Если не указывается, что надо в таком-то файле добавить после такого-то найденного и не сказано, что надо отредактировать что-то где-то, то просто в конец stylesheet.css все новые добавки кидать можно :)
  • 2

eska 24 апр 2015, 18:27 Сообщение

CabinetAdmin, silver073000, спасибо друзья
  • 1

eska 24 апр 2015, 18:30 Сообщение

CabinetAdmin, а можно ли сделать, при наведении на этот баннер подсветку, как например "Ссылки" и "конкурс"?
Даже далеко ходить не нужно, у вас надпись в шапке кабинетАдмина.ру
  • 0

CabinetAdmin 24 апр 2015, 19:20 Сообщение

Можно:)
Вот заготовка:

Код: Выделить всё

.banner-top:hover {
	box-shadow: 0 0 5px #000;
}
Цвет чёрный. Если баннер изображение, то можно сделать так .banner-top img:hover {
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 25 апр 2015, 15:58 Сообщение

Хрень какая-то получилась :)
  • 0

CabinetAdmin 25 апр 2015, 16:14 Сообщение

Почему хрень?...

зы. А, вон оно чего, полукруглая картинка... К такой картинке красивую тень не сделаешь, только в фотошопе. Ну или заменить картинку на блок на css.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 25 апр 2015, 16:33 Сообщение

CabinetAdmin писал(а): Ну или заменить картинку на блок на css
А можно поподробнее?
  • 0

CabinetAdmin 25 апр 2015, 17:51 Сообщение

Например так:

Код: Выделить всё

<div class="banner">Хостел<br />Санкт-Петербург</div>
Стили

Код: Выделить всё

.banner {
	background: #FBC256;
	background-image: -moz-linear-gradient(top, #F7BF57, #EC8C1A);
	background-image: -webkit-linear-gradient(top, #F7BF57, #EC8C1A);
	background-image: -o-linear-gradient(top, #F7BF57, #EC8C1A);
	background-image: linear-gradient(to bottom, #F7BF57, #EC8C1A);
	border-radius: 30px;
	-webkit-box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121;
	-moz-box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121;
	box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121;
	color: #006;
	font-family: Georgia;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 202px;
	height: 53px;
}

.banner:hover {
	cursor: pointer;
	-webkit-box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121, 0 0 8px #000;
	-moz-box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121, 0 0 8px #000;
	box-shadow: 0 -5px 0 #A26206 inset, 0 2px 1px #212121, 0 0 8px #000;
}
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 02 май 2015, 15:36 Сообщение

CabinetAdmin, вот так вот стало
Баннер под поиск - 111.jpg
  • 0

eska 02 май 2015, 15:41 Сообщение

CabinetAdmin, как её под поиск поставить и как сделать кликабельную, то есть ссылкой
  • 0