Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
5cb1cf60 by Dan Rempel
Options

added label to expanding ads

1 parent 766fc5cc
Inline Side-by-side
Showing 3 changed files with 17 additions and 2 deletions
...@@ -27,7 +27,10 @@ ...@@ -27,7 +27,10 @@
27 27
28 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_globalCannon_c01/index.html"></iframe> 28 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_globalCannon_c01/index.html"></iframe>
29 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe> 29 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
30 <iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe> 30 <div class="label" style="margin-top: -60px;">
31 <p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
32 <iframe id='' class="b600x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe>
33 </div>
31 <!-- 34 <!--
32 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe> 35 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_nationalEntrepreneur_c01/index.html"></iframe>
33 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_bc_c01/index.html"></iframe> 36 <iframe id='' class="b300x600" scrolling="no" src="en_300x600_EY_2016FallPMM_bc_c01/index.html"></iframe>
......
...@@ -26,7 +26,10 @@ ...@@ -26,7 +26,10 @@
26 <h1>300x1050</h1> 26 <h1>300x1050</h1>
27 27
28 <iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe> 28 <iframe id='' class="b300x1050" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/index.html"></iframe>
29 <div class="label" style="margin-top: 500px;">
30 <p>When in the media, this expanded video panel will appear overtop of the main ad after a user click on the play button in the main ad.</p>
29 <iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe> 31 <iframe id='' class="b300x1050exp" scrolling="no" src="en_300x1050_EY_2016FallPMM_nationalGeneral_c01/expanded.html"></iframe>
32 </div>
30 33
31 </body> 34 </body>
32 </html> 35 </html>
......
...@@ -34,9 +34,18 @@ iframe { ...@@ -34,9 +34,18 @@ iframe {
34 iframe::-webkit-scrollbar { 34 iframe::-webkit-scrollbar {
35 display: none; 35 display: none;
36 } 36 }
37 display:inline; 37 display:inline-block;
38 vertical-align:middle; 38 vertical-align:middle;
39 } 39 }
40 .label {
41 display:inline-block;
42 margin: 0px;
43 width: 400px;
44 vertical-align: top;
45 }
46 .label p{
47 margin: 0px 20px -10px 20px;
48 }
40 49
41 .b300x250 { 50 .b300x250 {
42 width: 300px; 51 width: 300px;
......