Hi folks!
You may have noticed our HTML ad banners on display:
![](https://ip.bitcointalk.org/?u=https%3A%2F%2Fi.imgur.com%2FDRSQyIB.png&t=665&c=M-U0aWbEwuho0Q)
![](https://ip.bitcointalk.org/?u=https%3A%2F%2Fi.imgur.com%2FkxfcP1I.png&t=665&c=1YHZvWPzqejhBw)
We want to get more HTML ad banners designed, and we'd like the community's help in doing so! Running a thread for this seems like a great way to get some excellent, varied submissions!
We don't just want one banner; we expect we'll use between 1 - 9 banners every week or two (though we won't always choose new banners), so the more submissions you make the higher chance you have of having one of your submissions picked!
Payment$75 in Bitcoin if we use your banner ad on any forum. This applies to
each banner ad, so if you make 5 submissions and we choose 3 of them we'll pay you $225 in Bitcoin!
We'll contact you via PM requesting a Bitcoin address for payment if we do decide to use any of your submissions.
Please read all the rules and ad design specifications, and provide us with your HTML banner in action at Codepen.io.Rules- Only submissions made on-thread will qualify.
- All submissions must exactly meet the ad design specifications at the bottom of this post.
- You must provide the Codepen.io link to your code, and a screenshot of the ad in action at the ad_test page (further details below).
- If your submission is chosen, your $75 will be converted from USD to BTC immediately prior to sending payment, not at the time we choose the banner or request your Bitcoin address.
- The purpose of the banner ad is, of course, to advertise BitcoinVideoCasino.com, so do keep that in mind when creating content.
![Smiley](https://bitcointalk.org/Smileys/default/smiley.gif)
- Some of our current banner ads have a 'rollover' style, so when you hover your cursor over it the ad switches from the first image above to the second. We'll certainly accept static submissions but we really like the 'rollover' kind of banner so submissions in that style are more likely to be chosen.
Examples of text you could use for the rollover:"Over 99.5% return"
"Best odds in the industry”
“No Registration required”
"Mobile Android App”
"Provably fair”
“300+BTC Progressive Jackpot! Win it now!"
If you have any other cool suggestions we'd be happy to hear them!
Ad Design SpecificationsAds are allowed to contain any non-annoying HTML/CSS style. No images, JavaScript, or animation. Ads must appear 3 or fewer lines tall in my browser (Firefox, 900px wide). Ad text may not contain lies, misrepresentation, or inappropriate language.
You can use HTML/CSS styling with some freedom. However:
- I will copy/paste your ad into the ad area of the page's HTML. It then must actually fit in that location of the page and not overflow into other things. Usually you don't have to go to any extra trouble to make this happen if you avoid manual positioning (including negative margins, etc.) and other weird tricks.
- Ads must not contain images (not even images made via data URIs, CSS, or SVG) or JavaScript.
-
The maximum size of everything related to each of your ads is 51200 bytes.- Ads must not contain forms.
-
Ads must not animate except for subtle hover effects.- Ads must not load things from external sites, including custom fonts, even if they're downloaded from a common trusted location like Google.
-
Ads must not be taller than about 42px as I see them on my browser,
which is around 900px wide. Keep in mind that people often view the forum on smartphones and other devices with small screens: to ensure that everyone can read your ad, it's a good idea to make it work even at very low screen sizes. This isn't required, though.
Common mistakes when creating ads:
- It is invalid XHTML to put a <div> inside of an <a>.
- Ads will be affected by the forum's CSS. Ads will by default have text-align:center and font-size:90%; links will have :hover{text-decoration:underline}; etc.
- If your top-level element is a block element (<div>, <span style="display:block">, etc.), it is sometimes surrounded by extra whitespace. It's usually best for your top-level element to be inline or inline-block.
- Special symbols, especially including & symbols in URLs, need to be converted into entities like &.
- Using tables often causes various problems.
★★
Make sure you insert your ad into a downloaded version of https://bitcointalk.org/ad_test.html to see whether it looks OK with the inherited styles. (Read the HTML comments in that page.) If everything works, input your HTML code at Codepen and paste the link here, along with a screenshot of how the ad looks on the ad_test page. This makes it possible for other community members with no HTML experience to check out the cool designs!
![Smiley](https://bitcointalk.org/Smileys/default/smiley.gif)
You can send valid BBcode (the markup used when making forum posts), or you can send HTML with inline CSS (style="..."). Do not minify anything you send -- I may need to modify it slightly. Note that your ad's style may be affected by the board's default CSS, especially if you use inline CSS.
Bypassing AdBlock Plus:
It is difficult or impossible for ABP filters to block the ad space itself without blocking posts. However, filters can match against the URLs in your links, your CSS classes and style attributes, and the HTML structure of your ads.
To bypass Adblock Plus, you should:
- Use header CSS, not inline.
- Use no more than 4 CSS classes per banner as.
- Use only one <a> and no other tags if possible. If your ads get blocked because of matching done on something inside of your ad, you are responsible for noticing this and giving me new ad HTML.
We plan to keep this an ongoing thread, so we're happy to take submissions at any point until further notice.
If you have any questions at all please let me know! If not, I look forward to seeing your submissions!
![Smiley](https://bitcointalk.org/Smileys/default/smiley.gif)
Cheers!