Confirmed users
895
edits
Webmakers/Projects/Hack-a-Commercial: Difference between revisions
Webmakers/Projects/Hack-a-Commercial (view source)
Revision as of 10:46, 18 June 2012
, 18 June 2012no edit summary
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
<div style="display:block;background-color:#ffffff;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;height:81%;"> | <div style="display:block;background-color:#ffffff;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;height:81%;"> | ||
<div style="display:block;float:right;"> | <div style="display:block;float:right;"> | ||
<div style="padding-left:30px;">[[Image:videourl.png]]</div><div style="font-size:10px; color:#333333;font-style:italic;padding:0px 0px 0px 25px;">Switch out the URL</div> | <div style="padding-left:30px;">[[Image:videourl.png]]</div><div style="font-size:10px; color:#333333;font-style:italic;padding:0px 0px 0px 25px;">Switch out the URL</div> | ||
| Line 10: | Line 8: | ||
[[Image:addevent.png|300px|right]]<br/><div style="font-size:10px; color:#333333;font-style:italic;padding:15px 0px 10px 25px;">Add Popup events</div> | [[Image:addevent.png|300px|right]]<br/><div style="font-size:10px; color:#333333;font-style:italic;padding:15px 0px 10px 25px;">Add Popup events</div> | ||
</div> | </div> | ||
<div style="width:80%;display:block;"> | <div style="width:80%;display:block;"> | ||
| Line 17: | Line 14: | ||
'''Step 1:''' Find a commercial you would like to comment on at the [http://archive.org/details/prelinger_commercials Prelinger Archives] Browse by collection or title. Once you’ve found a commercial to work with, choose a file type (we recommend the ogg file format) and click to open the commercial in your browser. | '''Step 1:''' Find a commercial you would like to comment on at the [http://archive.org/details/prelinger_commercials Prelinger Archives] Browse by collection or title. Once you’ve found a commercial to work with, choose a file type (we recommend the ogg file format) and click to open the commercial in your browser. | ||
'''Step 2:''' Open the [ http://maker.mozillapopcorn.org/templates/supported/popup/ Popup template] in your browser | '''Step 2:''' Open the [http://maker.mozillapopcorn.org/templates/supported/popup/ Popup template] in your browser | ||
'''Step 3:''' Click the Edit Source button in the upper left-hand corner of the video and change the URL to the URL of the of the commercial you’ll be commenting on. | '''Step 3:''' Click the Edit Source button in the upper left-hand corner of the video and change the URL to the URL of the of the commercial you’ll be commenting on. | ||