Summary

A ribbon across the top of the page with a message inside it. Useful for announcements, special sponsors. Very customizable.

Ad Preview

Setup / Inputs

These are the fields / inputs taken to generate this ad. In general, inputs are not required. That said, these inputs are how you customize the ad!

Inputs
Default
Description
Text
Default This is a completely customizable message!
Description The message that will be displayed to the user inside the ribbon. You can use HTML.
Destination
Default http://broadstreetads.com
Description Where the user will be taken when they click the ribbon. Use '#' for no destination
Static Position
Default False
Description If 'Yes', the ribbon will overlay the very top of the site. This will work with most sites. If 'No', it will attempt to inject the ribbon in the first position of the page.
Ribbon Color
Default #5EB3FF (more on color values here)
Description The CSS color of the ribbon. Can be a basic color name like 'green' or a hex value
Text Color
Default white
Description The CSS color of the text. Can be a basic color name like 'white' or a hex value
Text Size
Default 1.2em
Description The size of the font in the ribbon. Can be in pixels, '16px', points, '16pt', or any other CSS value
Text Bold?
Default False
Description Whether or not the text is bold
Padding
Default 4
Description The padding, or breathing room between the text and ribbon border
Show Close
Default True
Description Allow the user to close the ribbon for the time specified in the Timeout Limit
Timeout Limit
Default 3600
Description The number of seconds that should pass before the ribbon is shown again

Embed An Example In Your Media Kit

Customers who wish to embed the example on some "Media Kit" page on their website can do so in one of two ways:


Option 1: If you have Wordpress and the Broadstreet plugin, you can use this shortcode anywhere in any post to render the example.

[broadstreet ad="30366"]

Option 2: If you do not have Wordpress, or choose not install the Broadstreet plugin, you can embed this javascript code snippet into your post:

<div street-address="30366"></div><script>
    (function(d, s) {
    // CLICK MACRO AND CONFIGURATION SECTION
    var destination = '%%CLICK_URL_ESC%%';
    // DO NOT EDIT BELOW THIS LINE
    var js, bjs = d.getElementsByTagName(s)[0];
    js = d.createElement(s); js.async = true;
    js.src = "//ad.broadstreetads.com/display/30366.js?sa=1&"
        + (window.broadstreet ? 'init=0' : '')
        + (destination.indexOf('CLICK_URL_ESC') >= 0
        ? '' : '&destination=' + destination);
    bjs.parentNode.insertBefore(js, bjs);
    }(document, 'script'));</script>