<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://techspecs.iqd-ao.de/en/index.php?action=history&amp;feed=atom&amp;title=Rollover_Content_Billboard</id>
	<title>Rollover Content Billboard - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://techspecs.iqd-ao.de/en/index.php?action=history&amp;feed=atom&amp;title=Rollover_Content_Billboard"/>
	<link rel="alternate" type="text/html" href="https://techspecs.iqd-ao.de/en/index.php?title=Rollover_Content_Billboard&amp;action=history"/>
	<updated>2026-05-03T12:08:57Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.43.1</generator>
	<entry>
		<id>https://techspecs.iqd-ao.de/en/index.php?title=Rollover_Content_Billboard&amp;diff=352&amp;oldid=prev</id>
		<title>Tlohmann at 06:27, 3 June 2020</title>
		<link rel="alternate" type="text/html" href="https://techspecs.iqd-ao.de/en/index.php?title=Rollover_Content_Billboard&amp;diff=352&amp;oldid=prev"/>
		<updated>2020-06-03T06:27:52Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 08:27, 3 June 2020&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Line 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{TechSpecsOnline&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{TechSpecsOnline&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|galerie=[[Datei:&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Online_Sonder_Rollover_Content_Billboard&lt;/del&gt;.png|200px]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|galerie=[[Datei:&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Online_Sonder_Rollover_Content_Billboard_en&lt;/ins&gt;.png|200px]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|beschreibung=When the page is scrolled, a “transparent” advertising space provides a view of an excerpt of the fullscreen ad behind the website.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|beschreibung=When the page is scrolled, a “transparent” advertising space provides a view of an excerpt of the fullscreen ad behind the website.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|technischeDaten={{AnlieferungKombination&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|technischeDaten={{AnlieferungKombination&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Tlohmann</name></author>
	</entry>
	<entry>
		<id>https://techspecs.iqd-ao.de/en/index.php?title=Rollover_Content_Billboard&amp;diff=282&amp;oldid=prev</id>
		<title>Tlohmann at 12:40, 29 May 2020</title>
		<link rel="alternate" type="text/html" href="https://techspecs.iqd-ao.de/en/index.php?title=Rollover_Content_Billboard&amp;diff=282&amp;oldid=prev"/>
		<updated>2020-05-29T12:40:51Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 14:40, 29 May 2020&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l20&quot;&gt;Line 20:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 20:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Baustein|titel=Background image|text=The background image scales to 100% of the browser viewport with centred orientation. The background image is loaded behind the non-transparent content of the page and is only visible in the excerpt of the positioning area of the ad (see [[#Presentation example|Presentation example  below]]). Please do not use any relevant ad-related info in the background image.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Baustein|titel=Background image|text=The background image scales to 100% of the browser viewport with centred orientation. The background image is loaded behind the non-transparent content of the page and is only visible in the excerpt of the positioning area of the ad (see [[#Presentation example|Presentation example  below]]). Please do not use any relevant ad-related info in the background image.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Baustein|titel=Billboard|text=&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Das Billboard Ad benötigt für den Rollover-Effekt eine transparente Bühne&lt;/del&gt;. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Die Inhalte des Billboard Ads sind unabhängig vom Hintergrund zu gestalten&lt;/del&gt;, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;da auf das Hintergrundbild Skalierungseffekte einwirken können&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Baustein|titel=Billboard|text=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;The billboard ad needs a transparent stage for the rollover effect&lt;/ins&gt;. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;The content of the billboard ad should be laid out separately from the background&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;as it is possible that scaling effects will impact the background image&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|beispielDarstellungScribble= {{beispielDarstellungScribble|galerie=[[File:Online Sonder BB Rollover Scribble.png|407px]]|text=&amp;lt;b&amp;gt;Background image:&amp;lt;/b&amp;gt; 1920 x 1080 (16:9) - &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Das Hintergrundbild wird im transparentem Bereich des Billboard Ads durch &lt;/del&gt;user-&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;scrolling von oben nach unten und umgekehrt durchlaufen&lt;/del&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|beispielDarstellungScribble= {{beispielDarstellungScribble|galerie=[[File:Online Sonder BB Rollover Scribble.png|407px]]|text=&amp;lt;b&amp;gt;Background image:&amp;lt;/b&amp;gt; 1920 x 1080 (16:9) - &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;The background image is passed through in the transparent area of the billboard ad by &lt;/ins&gt;user &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;scrolling from top to bottom and vice&lt;/ins&gt;-&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;versa.&lt;/ins&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{beispielDarstellungScribble|galerie=[[Datei:Online Sonder BB Rollover Scribble2.png|670px]]|text=&amp;lt;b&amp;gt;Billboard Ad &amp;lt;/b&amp;gt; (&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;mit transparentem Hintergrund&lt;/del&gt;) 300 x 600&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{beispielDarstellungScribble|galerie=[[Datei:Online Sonder BB Rollover Scribble2.png|670px]]|text=&amp;lt;b&amp;gt;Billboard Ad &amp;lt;/b&amp;gt; (&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;with transparent background&lt;/ins&gt;) 300 x 600&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Tlohmann</name></author>
	</entry>
	<entry>
		<id>https://techspecs.iqd-ao.de/en/index.php?title=Rollover_Content_Billboard&amp;diff=280&amp;oldid=prev</id>
		<title>Tlohmann at 12:37, 29 May 2020</title>
		<link rel="alternate" type="text/html" href="https://techspecs.iqd-ao.de/en/index.php?title=Rollover_Content_Billboard&amp;diff=280&amp;oldid=prev"/>
		<updated>2020-05-29T12:37:44Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 14:37, 29 May 2020&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Line 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{TechSpecsOnline&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{TechSpecsOnline&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|galerie=[[Datei:Online_Sonder_Rollover_Content_Billboard.png|200px]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|galerie=[[Datei:Online_Sonder_Rollover_Content_Billboard.png|200px]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|beschreibung=&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Beim Scrollen der Seite ermöglicht eine „transparente“ Werbefläche den Blick auf einen Ausschnitt des Fullscreen Werbemittels&lt;/del&gt;, &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;das hinter der Website liegt &lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|beschreibung=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;When the page is scrolled&lt;/ins&gt;, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;a “transparent” advertising space provides a view of an excerpt of the fullscreen ad behind the website.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|technischeDaten={{AnlieferungKombination&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|technischeDaten={{AnlieferungKombination&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|typ=vertikal&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|typ=vertikal&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l18&quot;&gt;Line 18:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 18:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|3rdParty={{3rdParty|typ= only for &amp;#039;&amp;#039;&amp;#039;Billboard&amp;#039;&amp;#039;&amp;#039; as &amp;lt;iFrame&amp;gt; tag|plattform=online|erlaubt=ja|}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|3rdParty={{3rdParty|typ= only for &amp;#039;&amp;#039;&amp;#039;Billboard&amp;#039;&amp;#039;&amp;#039; as &amp;lt;iFrame&amp;gt; tag|plattform=online|erlaubt=ja|}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|besondereInformation=&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|besondereInformation=&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Baustein|titel=Background image|text=&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Das Hintergrundbild skaliert auf &lt;/del&gt;100% &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;des Browser&lt;/del&gt;-&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Viewport mit zentrierter Ausrichtung. Das Hintergrundbild wird hinter dem nicht durchlässigen Content der Seite geladen und ist nur im Ausschnitt des Platzierungsbereichs der Anzeige sichtbar &lt;/del&gt;(&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;siehe &lt;/del&gt;[[#&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Beispiel Darstellung&lt;/del&gt;|&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Darstellungs-Beispiel&lt;/del&gt;]] &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;unten&lt;/del&gt;). &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Bitte verwenden Sie keine werberelevanten Informationen im Hintergrundbild&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Baustein|titel=Background image|text=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;The background image scales to &lt;/ins&gt;100% &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;of the browser viewport with centred orientation. The background image is loaded behind the non&lt;/ins&gt;-&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;transparent content of the page and is only visible in the excerpt of the positioning area of the ad &lt;/ins&gt;(&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;see &lt;/ins&gt;[[#&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Presentation example&lt;/ins&gt;|&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Presentation example  below&lt;/ins&gt;]]). &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Please do not use any relevant ad-related info in the background image&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Baustein|titel=Billboard|text=Das Billboard Ad benötigt für den Rollover-Effekt eine transparente Bühne. Die Inhalte des Billboard Ads sind unabhängig vom Hintergrund zu gestalten, da auf das Hintergrundbild Skalierungseffekte einwirken können.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{Baustein|titel=Billboard|text=Das Billboard Ad benötigt für den Rollover-Effekt eine transparente Bühne. Die Inhalte des Billboard Ads sind unabhängig vom Hintergrund zu gestalten, da auf das Hintergrundbild Skalierungseffekte einwirken können.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Tlohmann</name></author>
	</entry>
	<entry>
		<id>https://techspecs.iqd-ao.de/en/index.php?title=Rollover_Content_Billboard&amp;diff=228&amp;oldid=prev</id>
		<title>Tlohmann: Created page with &quot;{{TechSpecsOnline |galerie=200px |beschreibung=Beim Scrollen der Seite ermöglicht eine „transparente“ Werbefläche...&quot;</title>
		<link rel="alternate" type="text/html" href="https://techspecs.iqd-ao.de/en/index.php?title=Rollover_Content_Billboard&amp;diff=228&amp;oldid=prev"/>
		<updated>2020-05-19T05:46:31Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;{{TechSpecsOnline |galerie=&lt;a href=&quot;/en/index.php?title=File:Online_Sonder_Rollover_Content_Billboard.png&quot; title=&quot;File:Online Sonder Rollover Content Billboard.png&quot;&gt;200px&lt;/a&gt; |beschreibung=Beim Scrollen der Seite ermöglicht eine „transparente“ Werbefläche...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{TechSpecsOnline&lt;br /&gt;
|galerie=[[Datei:Online_Sonder_Rollover_Content_Billboard.png|200px]]&lt;br /&gt;
|beschreibung=Beim Scrollen der Seite ermöglicht eine „transparente“ Werbefläche den Blick auf einen Ausschnitt des Fullscreen Werbemittels, das hinter der Website liegt &lt;br /&gt;
|technischeDaten={{AnlieferungKombination&lt;br /&gt;
|typ=vertikal&lt;br /&gt;
|zeichen=AND&lt;br /&gt;
|bezeichnung1=Part 1&lt;br /&gt;
|text1=&lt;br /&gt;
|teil1={{AnlieferungKombination&lt;br /&gt;
|zeichen=&lt;br /&gt;
|teil1={{Anlieferungselement|bezeichnung=Billboard|abmessung={{Abmessung|w=800|h=250}}|format=png, gif, html5|gewicht={{Gewicht Online Standard}}}}}}&lt;br /&gt;
|bezeichnung2=Part 2&lt;br /&gt;
|teil2={{AnlieferungKombination&lt;br /&gt;
|zeichen=&lt;br /&gt;
|teil1={{Anlieferungselement|bezeichnung=Background image|abmessung={{Abmessung|w=1920|h=1080}}|format=jpg, png, gif|gewicht=Initial Load: max. 200 KB}}}}&lt;br /&gt;
}}&lt;br /&gt;
|html5={{HTML5|erlaubt=ja|typ=PNG, GIF and HTML5 zip File for &amp;#039;&amp;#039;&amp;#039;Billboard&amp;#039;&amp;#039;&amp;#039;|anmerkung=&amp;#039;&amp;#039;&amp;#039;Background image&amp;#039;&amp;#039;&amp;#039; only as JPG, PNG or GIF, no HTML5 possible}}.&lt;br /&gt;
|3rdParty={{3rdParty|typ= only for &amp;#039;&amp;#039;&amp;#039;Billboard&amp;#039;&amp;#039;&amp;#039; as &amp;lt;iFrame&amp;gt; tag|plattform=online|erlaubt=ja|}}&lt;br /&gt;
|besondereInformation=&lt;br /&gt;
{{Baustein|titel=Background image|text=Das Hintergrundbild skaliert auf 100% des Browser-Viewport mit zentrierter Ausrichtung. Das Hintergrundbild wird hinter dem nicht durchlässigen Content der Seite geladen und ist nur im Ausschnitt des Platzierungsbereichs der Anzeige sichtbar (siehe [[#Beispiel Darstellung|Darstellungs-Beispiel]] unten). Bitte verwenden Sie keine werberelevanten Informationen im Hintergrundbild.&lt;br /&gt;
}}&lt;br /&gt;
{{Baustein|titel=Billboard|text=Das Billboard Ad benötigt für den Rollover-Effekt eine transparente Bühne. Die Inhalte des Billboard Ads sind unabhängig vom Hintergrund zu gestalten, da auf das Hintergrundbild Skalierungseffekte einwirken können.&lt;br /&gt;
}}&lt;br /&gt;
|beispielDarstellungScribble= {{beispielDarstellungScribble|galerie=[[File:Online Sonder BB Rollover Scribble.png|407px]]|text=&amp;lt;b&amp;gt;Background image:&amp;lt;/b&amp;gt; 1920 x 1080 (16:9) - Das Hintergrundbild wird im transparentem Bereich des Billboard Ads durch user-scrolling von oben nach unten und umgekehrt durchlaufen}}&lt;br /&gt;
{{beispielDarstellungScribble|galerie=[[Datei:Online Sonder BB Rollover Scribble2.png|670px]]|text=&amp;lt;b&amp;gt;Billboard Ad &amp;lt;/b&amp;gt; (mit transparentem Hintergrund) 300 x 600&lt;br /&gt;
}}&lt;br /&gt;
}}&lt;/div&gt;</summary>
		<author><name>Tlohmann</name></author>
	</entry>
</feed>