Перейти к содержанию

Рекламный фон (подложка)


totoshka

Рекомендуемые сообщения

Коллеги,

рекламодатель озадачил вопросом. Хочет чтобы в базовом стиле IPS4 на заднем фоне была их кликабельная картинка. 

фон.jpg

 

стрелками указал.

Есть идеи как это сделать? Стиль базовый.

Ссылка на комментарий
Поделиться на другие сайты

В globalTemplate найти:

<body class='ipsApp ipsApp_front {{if isset( \IPS\Request::i()->cookie['hasJS'] )}}ipsJS_has{{else}}ipsJS_none{{endif}} ipsClearfix{{foreach output.bodyClasses as $class}} {$class}{{endforeach}}' {{if output.globalControllers}}data-controller='{expression="implode( ',', output.globalControllers )"}'{{endif}} {{if isset( output.inlineMessage )}}data-message="{expression="output.inlineMessage"}"{{endif}} data-pageApp='{$location['app']}' data-pageLocation='front' data-pageModule='{$location['module']}' data-pageController='{$location['controller']}' itemscope itemtype="http://schema.org/WebSite">

Измени на:

<body class='home ipsApp ipsApp_front {{if isset( \IPS\Request::i()->cookie['hasJS'] )}}ipsJS_has{{else}}ipsJS_none{{endif}} ipsClearfix{{foreach output.bodyClasses as $class}} {$class}{{endforeach}}' {{if output.globalControllers}}data-controller='{expression="implode( ',', output.globalControllers )"}'{{endif}} {{if isset( output.inlineMessage )}}data-message="{expression="output.inlineMessage"}"{{endif}} data-pageApp='{$location['app']}' data-pageLocation='front' data-pageModule='{$location['module']}' data-pageController='{$location['controller']}' itemscope itemtype="http://schema.org/WebSite">

После его поставит ето код:

<a style="height:100%;width:100%;" id="ad_bg" href="http://сайт.ru" target="_blank"></a>

Измени сайт.ru с ваш сайт реклама

В custom.css постави ето код:

.home {
	background:url('ваша картинка.png');
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
 
#ad_bg {
	top: 0;
	left:0;
	position: absolute;
	display: inline;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
}
 
.main-content-block {
	position: relative;
	z-index: 1000;
	margin: 0pt auto;
	width: 900px;
	border: 1px solid red;
	background: #fff;
}

Измени ваша картинка.png с вашем

Ссылка на комментарий
Поделиться на другие сайты

Спасибо! если все будет ОК в FAQ или БЗ это надо будет закинуть! Отпишусь как проверю.

Ссылка на комментарий
Поделиться на другие сайты

Итак все - отлично!

Теперь задача усложняется.  Мне надо чтобы при каждом (обновлении, переходе, открытии темы) фон менялся. т.е. рекламных картинок будет несколько. Заранее спасибо за помощь.

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...