Jump to content

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

totoshka
totoshka
in Themes and design Invision Community 4

Featured Replies

Posted
comment_121923

Коллеги,

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

фон.jpg

 

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

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

  • Цитата
    comment_121949

    В 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 с вашем

  • Цитата
    • Author
    comment_121953

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

  • Цитата
    • Author
    comment_122229

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

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

  • Цитата

    • Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.