Bitcoin Forum

Economy => Services => Topic started by: BitcoinVideoPoker on July 07, 2016, 01:24:36 AM

Title: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 07, 2016, 01:24:36 AM

★★★ Bitcoin Video Casino (https://www.bitcoinvideocasino.com/home) ★★★

Hi folks!

You may have noticed our HTML ad banners on display:

https://i.imgur.com/DRSQyIB.png (https://bitcoinvideocasino.com/videopoker)

https://i.imgur.com/kxfcP1I.png (https://bitcoinvideocasino.com/videopoker)

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 (http://codepen.io/pen/).

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 (https://bitcoinvideocasino.com/videopoker), so do keep that in mind when creating content. :)
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 Specifications

Quote

Ads 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 (http://codepen.io/pen/) 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! :)

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! :)

Cheers!

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 08, 2016, 04:39:38 PM

Surprised to see no response to this yet! $75 in BTC for any/all HTML banners we use which have been designed to our specs! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: bapparabi on July 09, 2016, 04:18:41 AM

quite surprising that no response till now ..may eb you have not escrowed the fund you mention ..ad one more thing you have not mentioned the banner size you want us to design and submit lete me know

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 09, 2016, 08:56:57 PM

Quote from: bapparabi on July 09, 2016, 04:18:41 AM

quite surprising that no response till now ..may eb you have not escrowed the fund you mention ..ad one more thing you have not mentioned the banner size you want us to design and submit lete me know

Hi bapparabi,

Thanks for your post! We're not using any escrow as this is more of an ongoing competition for banner ads than buying any particular user's time / service; users can post their banner ad HTML inside 'Code' tags on our thread here (https://forum.bitcoin.com/post26107.html#p26107) and if we end up using that particular banner in advertising on this forum or Forum.bitcoin.com we'll pay the user for it directly.

Regarding banner size, in the Ad Design Specifications outlined in our first post we've included the following:

Quote

- 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.

I'll make it a little clearer for people, it's probably buried a little too deep; thanks for bringing it to my attention! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: cryptohustla on July 10, 2016, 08:34:47 AM

I wonder why there are no participants even on bitcoin.com forum theres no participants yet 3 days after posts with $75 at stake? weird anyway i attempted and its kinda boring in my part lol or maybe im just so noob in html ads not my thing so after 2 hours of attempt i gave up.

the design spec made it hard for me haha or maybe im just too lazy

Quote

Ads 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.

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.

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. 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 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.

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.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: TastyChillySauce00 on July 10, 2016, 08:57:53 AM

Quote from: cryptohustla on July 10, 2016, 08:34:47 AM

Quote

~snippet

making html with the followings restriction just feel quite stressing,may make the restriction simple so it'll easy to be remember,however should give it a try,can't guarantee it'll finished,i'll spent my free time on this

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: cryptohustla on July 10, 2016, 09:37:45 AM

Quote from: aubert on July 10, 2016, 08:57:53 AM

Quote from: cryptohustla on July 10, 2016, 08:34:47 AM

Quote

~snippet

if you were successful on submitting i might give it a try as well :) agree with the restrictions but thats what the OP wants maybe just maybe if its more than $75 someone would probably jump .. (me? lol)

Title: Re: ★★ Bitcoin Video Casino ★★ -Design us an HTML banner, get paid $75 in BTC!
Post by: leowonderful on July 10, 2016, 11:00:24 AM

I've attempted to do this, but there's almost zero information out there on how to make an html banner with just html and no pictures. Most people will either use pictures or make the whole banner a pic and send it to you. It's definitely worth the 75$ if you can currently do html, but as a beginner, this just isn't worth the time. I doubt i'd be accepted anyways haha good luck everybody, I might go dissect some banners and figure out how to do this.

Okay, think I got it now. Hint, you must convert special symbols to hex, otherwise this will not work. Ex: ★ will not work in all cases, substitute &#9733. I've been at it ever since my last post, I'm getting it now :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: poptok1 on July 10, 2016, 11:01:17 AM

Code:

<a href="https://bitcoinvideocasino.com/videopoker">
<span style='font-weight:bold;font-family:"Arial";font-size:27px;'><span style='color:#25D119;'>★</span><span style='color:#24C91F;'>★</span><span style='color:#24C225;'>B</span><span style='color:#23BB2B;'>i</span><span style='color:#23B331;'>t</span><span style='color:#23AC37;'>c</span><span style='color:#22A53D;'>o</span><span style='color:#229D43;'>i</span><span style='color:#229649;'>n</span><span style='color:#218F4F;'>V</span><span style='color:#218855;'>i</span><span style='color:#21805B;'>d</span><span style='color:#207961;'>e</span><span style='color:#207268;'>o</span><span style='color:#206A6E;'>C</span><span style='color:#1F6374;'>a</span><span style='color:#1F5C7A;'>s</span><span style='color:#1F5580;'>i</span><span style='color:#1E4D86;'>o</span><span style='color:#1E468C;'>n</span><span style='color:#1E3F92;'>o</span> <span style='color:#1D309E;'>B</span><span style='color:#1D29A4;'>e</span><span style='color:#1C22AB;'>s</span><span style='color:#1D29A4;'>t</span> <span style='color:#1D3798;'>o</span><span style='color:#1E3F92;'>d</span><span style='color:#1E468C;'>d</span><span style='color:#1E4D86;'>s</span> <span style='color:#1F5C7A;'>i</span><span style='color:#1F6374;'>n</span> <span style='color:#207268;'>t</span><span style='color:#207961;'>h</span><span style='color:#21805B;'>e</span> <span style='color:#218F4F;'>i</span><span style='color:#229649;'>n</span><span style='color:#229D43;'>d</span><span style='color:#22A53D;'>u</span><span style='color:#23AC37;'>s</span><span style='color:#23B331;'>t</span><span style='color:#23BB2B;'>r</span><span style='color:#24C225;'>y</span><span style='color:#24C91F;'>★</span><span style='color:#25D119;'>★</span></span>

Does something like this fit?
Don't know much about coding but this was quite simple to make
question is does it match OP requirements? Maybe I just did a fool of myself ::)
Nevertheless please check it.
Second version:

Code:

<a href="https://bitcoinvideocasino.com/videopoker"><span style='font-weight:bold;font-family:"Arial";font-size:27px;'><span style='color:#577F9C;'>♦❤BitcoinVideoCasiono♣♠ </span><span style='color:#0A528E;'>300+BTC </span><span style='color:#B52C45;'>Progressive </span><span style='color:#622392;'>Jackpot!</span></span>

And 3rd one:

Code:

<a href="https://bitcoinvideocasino.com/videopoker"style="text-decoration: none; border-bottom: 1px solid #FF0000;">
<span style='font-weight:bold;font-family:"Arial";font-size:27px;'><span style='color:#ff0000;'>♦❤ </span><span style='color:#52D646;'>BitcoinVideoCasiono </span><span style='color: #000000
;'>♣♠ </span><span style='color:#ff8d00;'>300+BTC </span><span style='color: #29f10c ;'>Progressive </span><span style='color: #29f10c ;'>Jackpot </span><span style='color:#ff8d00;'>!!!</span></span>

O I just realised that this is competition on another forum...
Screw that...

Title: Re: ★★ Bitcoin Video Casino ★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: leowonderful on July 10, 2016, 12:02:38 PM

Submitted my first banner on the thread you mentioned. More coming up :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 11, 2016, 02:20:28 AM

Quote from: cryptohustla on July 10, 2016, 08:34:47 AM

We have a few participants now so the ball seems to be rolling! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 11, 2016, 02:22:58 AM

Quote from: aubert on July 10, 2016, 08:57:53 AM

The restrictions are unfortunately out of our control, but we'd love to see any submissions you might have over at the submission thread (https://forum.bitcoin.com/job-offers/bitcoin-video-casino-design-us-a-html-banner-get-paid-75-in-btc-t9186.html). :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 11, 2016, 02:25:05 AM

Quote from: cryptohustla on July 10, 2016, 09:37:45 AM

What do you think would be a fair amount for an HTML banner, cryptohustla? Don't forget though that the reward is $75 per banner, so if a user posts 5 banners, for example, and we choose 3 of them, that would be $225! :)

Title: Re: ★★ Bitcoin Video Casino ★★ -Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 11, 2016, 02:28:20 AM

Quote from: leowonderful on July 10, 2016, 11:00:24 AM

Yeah that's one of the problems we experienced also, pictures are the usual thing for banner advertising and making a really nice looking HTML banner can be a bit of a challenge; that's why we wanted to open it up to the rest of the Bitcoin community! :)

If you want to make submissions on our submission thread (https://forum.bitcoin.com/job-offers/bitcoin-video-casino-design-us-a-html-banner-get-paid-75-in-btc-t9186.html), following the Ad Design Specs and adding them to the test page etc., we'd love to see them!

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 11, 2016, 02:30:29 AM

Quote from: poptok1 on July 10, 2016, 11:01:17 AM

Thanks for your submissions on our submission thread (https://forum.bitcoin.com/job-offers/bitcoin-video-casino-design-us-a-html-banner-get-paid-75-in-btc-t9186.html), poptok1! I just added a highlighted section to the Ad Design Specs, if you'd like to check those out for your HTML banners that'd be awesome! :)

Title: Re: ★★ Bitcoin Video Casino ★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 11, 2016, 02:31:11 AM

Quote from: leowonderful on July 10, 2016, 12:02:38 PM

Submitted my first banner on the thread you mentioned. More coming up :)

Thanks leowonderful! I just added a highlighted section to the Ad Design Specs, if you'd like to check those out for your HTML banners so others in the community can check them out that'd be great! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: enhu on July 11, 2016, 02:36:53 AM

Will try to join the design contest. it does need to be two banners and one is when the mouse hover right?

i think its better to just submit the two banners and thats it as we can't upload it to you site to host the images and work with the html codes.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 11, 2016, 02:46:23 AM

Quote from: enhu on July 11, 2016, 02:36:53 AM

Hi enhu,

It doesn't necessarily need to be two banners / a roll-over effect, but we do really like that style!

I've added a request to upload the HTML banner code Codepen.io (http://codepen.io/pen/) so that other community members with no HTML experience can check the banners out. :)

Looking forward to seeing your submissions on our submission thread (https://forum.bitcoin.com/job-offers/bitcoin-video-casino-design-us-a-html-banner-get-paid-75-in-btc-t9186.html)!

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: cryptohustla on July 11, 2016, 04:57:52 AM

Quote from: BitcoinVideoPoker on July 11, 2016, 02:46:23 AM

Quote from: enhu on July 11, 2016, 02:36:53 AM

great to see that this is now ongoing :) i might give it a try in my spare time..

Quote from: BitcoinVideoPoker on July 11, 2016, 02:25:05 AM

Quote from: cryptohustla on July 10, 2016, 09:37:45 AM

i based this on the current restrictions and my laziness lol

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 11, 2016, 05:05:28 AM

Quote from: cryptohustla on July 11, 2016, 04:57:52 AM

great to see that this is now ongoing :) i might give it a try in my spare time..

That would be excellent, we look forward to seeing anything you might come up with! :)

Quote from: cryptohustla on July 11, 2016, 04:57:52 AM

Quote from: BitcoinVideoPoker on July 11, 2016, 02:25:05 AM

i based this on the current restrictions and my laziness lol

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: apoorvlathey on July 11, 2016, 07:53:49 AM

i would also try to use my knowledge of html to design banner(s) for you. Would try to submit asap. these restrictions makes it more challenging !!
Btw is there any deadline ? (i guess not.)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 11, 2016, 07:56:45 AM

Quote from: apoorvlathey on July 11, 2016, 07:53:49 AM

i would also try to use my knowledge of html to design banner(s) for you. Would try to submit asap. these restrictions makes it more challenging !!
Btw is there any deadline ? (i guess not.)

That would be fantastic, apoorvlathey! No, there's no deadline, and the more submissions we get the better! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 18, 2016, 03:35:58 AM

Just a reminder folks that we're hoping to get a lot more and make this thread and our submission thread (https://forum.bitcoin.com/post26615.html#p25955) a bit more active; and as always, the submissions we pick will receive $75 per submission in BTC! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 18, 2016, 07:46:41 PM

Hi guys!

We're now also accepting submissions right here in this thread for anyone interested in designing banner ads for a chance at winning $75 per banner that we choose to use! :)

We're hoping to get some more submissions in the next few days as we're getting a slightly urgent need for more banners! ;)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: jayce on July 19, 2016, 06:26:48 AM

Nice, its bit complicated for me to submit the design in another forum lol
I will finish and submit my design asap.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: poptok1 on July 19, 2016, 06:30:09 AM

Code:

<html>
<head>
<style type="text/css">
    div#line1 span#a {
        display:inline;
    }
    div#line1:hover span#a {
        display:none;
    }
    div#line1 span#b {
        display:none;
    }
    div#line1:hover span#b {
        display:inline;
    }
</style>

</head>
<body>
<div id="line1">
<span id="a">
<span style="background-color: black; font-size:23px;">
<a href="https://bitcoinvideocasino.com/videopoker">
<span style='font-weight:bold;font-family:"Arial";font-size:27px;'>

<span style='color:#25D119;'>★ </span><span style='color:#24C91F;'>★</span><span
style='color:#24C91F;'>★</span><span
style='color:#24C225;'>B</span><span style='color:#23BB2B;'>i</span><span style='color:#23B331;'>t</span><span style='color:#23AC37;'>c</span><span style='color:#22A53D;'>o</span><span style='color:#229D43;'>i</span><span style='color:#229649;'>n</span><span style='color:#218F4F;'>V</span><span style='color:#218855;'>i</span><span style='color:#21805B;'>d</span><span style='color:#207961;'>e</span><span style='color:#207268;'>o</span><span style='color:#206A6E;'>C</span><span style='color:#1F6374;'>a</span><span style='color:#1F5C7A;'>s</span><span style='color:#1F5580;'>i</span><span style='color:#1E4D86;'>o</span><span style='color:#1E468C;'>n</span><span style='color:#1E3F92;'>o</span> <span style='color:#1D309E;'>B</span><span style='color:#1D29A4;'>e</span><span style='color:#1C22AB;'>s</span><span style='color:#1D29A4;'>t</span> <span style='color:#1D3798;'>o</span><span style='color:#1E3F92;'>d</span><span style='color:#1E468C;'>d</span><span style='color:#1E4D86;'>s</span> <span style='color:#1F5C7A;'>i</span><span style='color:#1F6374;'>n</span> <span style='color:#207268;'>t</span><span style='color:#207961;'>h</span><span style='color:#21805B;'>e</span> <span style='color:#218F4F;'>i</span><span style='color:#229649;'>n</span><span style='color:#229D43;'>d</span><span style='color:#22A53D;'>u</span><span style='color:#23AC37;'>s</span><span style='color:#23B331;'>t</span><span style='color:#23BB2B;'>r</span><span style='color:#24C225;'>y</span><span style='color:#24C91F;'>★</span><span
style='color:#24C91F;'>★</span><span
style='color:#25D119;'> ★&nbsp;</span></span></span></span>

<span id="b">
<span style="background-color: black; font-size:23px;">
<span style='font-weight:bold;font-family:"Arial";font-size:27px;'><span style='color:#577F9C;'>❤No Registration required♠ </span><span style='color:#0A528E;'>300+BTC </span><span style='color:#B52C45;'>Progressive </span><span style='color:#622392;'>Jackpot!</span></span></span>

</div>
</body>
</html>

Code:

<html>
<head>
<style type="text/css">
    div#line1 span#a {
        display:inline;
    }
    div#line1:hover span#a {
        display:none;
    }
    div#line1 span#b {
        display:none;
    }
    div#line1:hover span#b {
        display:inline;
    }
</style>

</head>
<body>
<div id="line1">
<span id="a">
<span style="background-color: #AAC7E3; font-size:23px;">
<a href="https://bitcoinvideocasino.com/videopoker">
<span style='font-weight:bold;font-size:22px;'><span style='color:#FF0000;'>3</span><span style='color:#FA0004;'>0</span><span style='color:#F60008;'>0</span><span style='color:#F2000C;'>+ </span><span style='color:#ED0011;'>B</span><span style='color:#E90015;'>T</span><span style='color:#E50019;'>C</span> <span style='color:#DC0022;'>P</span><span style='color:#D80026;'>r</span><span style='color:#D3002B;'>o</span><span style='color:#CF002F;'>g</span><span style='color:#CB0033;'>r</span><span style='color:#C60038;'>e</span><span style='color:#C2003C;'>s</span><span style='color:#BE0040;'>s</span><span style='color:#B90045;'>i</span><span style='color:#B50049;'>v</span><span style='color:#B1004D;'>e</span> <span style='color:#A80056;'>J</span><span style='color:#A4005A;'>a</span><span style='color:#9F005F;'>c</span><span style='color:#9B0063;'>k</span><span style='color:#970067;'>p</span><span style='color:#92006C;'>o</span><span style='color:#8E0070;'>t</span><span style='color:#8A0074;'>!</span> <span style='color:#81007D;'>W</span><span style='color:#7D0081;'>i</span><span style='color:#790085;'>n</span> <span style='color:#70008E;'>i</span><span style='color:#6C0092;'>t</span> <span style='color:#63009B;'>n</span><span style='color:#5F009F;'>o</span><span style='color:#5A00A4;'>w</span><span style='color:#5600A8;'>! </span><span style='color:#5200AC;'>@ </span><span style='color:#4D00B1;'>B</span><span style='color:#4900B5;'>i</span><span style='color:#4500B9;'>t</span><span style='color:#4000BE;'>c</span><span style='color:#3C00C2;'>o</span><span style='color:#3800C6;'>i</span><span style='color:#3300CB;'>n </span><span style='color:#2F00CF;'>V</span><span style='color:#2B00D3;'>i</span><span style='color:#2600D8;'>d</span><span style='color:#2200DC;'>e</span><span style='color:#1E00E0;'>o </span><span style='color:#1900E5;'>C</span><span style='color:#1500E9;'>a</span><span style='color:#1100ED;'>s</span><span style='color:#0C00F2;'>i</span><span style='color:#0800F6;'>n</span><span style='color:#0400FA;'>o $</span></span></span></span>
  <span id="b">
  <span style="background-color: #AAC7E3; font-size:23px;">
  <span style='font-weight:bold;font-size:22px;'><span style='color:#FF0000;'>P</span><span style='color:#F50009;'>r</span><span style='color:#EC0012;'>o</span><span style='color:#E3001B;'>v</span><span style='color:#DA0024;'>a</span><span style='color:#D1002D;'>b</span><span style='color:#C80036;'>l</span><span style='color:#BF003F;'>y</span> <span style='color:#AD0051;'>f</span><span style='color:#A3005B;'>a</span><span style='color:#9A0064;'>i</span><span style='color:#91006D;'>r</span><span style='color:#880076;'>!</span><span style='color:#7F007F;'>O</span><span style='color:#760088;'>v</span><span style='color:#6D0091;'>e</span><span style='color:#64009A;'>r</span> <span style='color:#5100AD;'>9</span><span style='color:#4800B6;'>9</span><span style='color:#3F00BF;'>.</span><span style='color:#3600C8;'>5</span><span style='color:#2D00D1;'>%</span><span style='color:#2400DA;'>r</span><span style='color:#1B00E3;'>e</span><span style='color:#1200EC;'>t</span><span style='color:#0900F5;'>u</span><span style='color:#0000FF;'>r</span><span style='color:#0900F5;'>n</span><span style='color:#1200EC;'>!</span><span style='color:#1B00E3;'>B</span><span style='color:#2400DA;'>e</span><span style='color:#2D00D1;'>s</span><span style='color:#3600C8;'>t</span> <span style='color:#4800B6;'>o</span><span style='color:#5100AD;'>d</span><span style='color:#5B00A3;'>d</span><span style='color:#64009A;'>s</span> <span style='color:#760088;'>i</span><span style='color:#7F007F;'>n</span> <span style='color:#91006D;'>t</span><span style='color:#9A0064;'>h</span><span style='color:#A3005B;'>e</span> <span style='color:#B60048;'>i</span><span style='color:#BF003F;'>n</span><span style='color:#C80036;'>d</span><span style='color:#D1002D;'>u</span><span style='color:#DA0024;'>s</span><span style='color:#E3001B;'>t</span><span style='color:#EC0012;'>r</span><span style='color:#F50009;'>y</span><span style='color:#FF0000;'>!<span style='font-weight:bold;font-size:22px;'><span style='color:#FF0000;'>+MobileApp</span></span></span></span>
   </div>
</body>
</html>

Second hover-change bright background, lots of text.
codepen: http://codepen.io/anon/pen/akqGQj?editors=1100

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 19, 2016, 10:28:58 PM

Quote from: jayce on July 19, 2016, 06:26:48 AM

Nice, its bit complicated for me to submit the design in another forum lol
I will finish and submit my design asap.

Great jayce, we look forward to seeing your submission! :)

Quote from: poptok1 on July 19, 2016, 06:30:09 AM

Made you a roll-over one, black background, combined two of my previous entry's in to this one "change on hover" style. Fits the forum space nicely.
codepen: http://codepen.io/anon/pen/grvzQb?editors=1100

Second hover-change bright background, lots of text.
codepen: http://codepen.io/anon/pen/akqGQj?editors=1100

Those are great poptok1, just a small typo though in our name; "Bitcoin Video Casino" rather than "Bitcoin Video Casiono" ;) :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 19, 2016, 10:43:01 PM

We really like the look of one of the banners currently up on the forum from another site, viewable here:
https://i.imgur.com/PuCdIn2.png (https://i.imgur.com/PuCdIn2.png)

On rollover it turns to this:
https://i.imgur.com/GBA36BM.png (https://i.imgur.com/GBA36BM.png)

Those kinds of clean, high-end banners would be high up on our list but we will, of course, be choosing from the submissions already made too! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: poptok1 on July 20, 2016, 05:37:16 AM

Code:

<html>
<head>
<style type="text/css">
    div#line1 span#a {
        display:inline;
    }
    div#line1:hover span#a {
        display:none;
    }
    div#line1 span#b {
        display:none;
    }
    div#line1:hover span#b {
        display:inline;
    }
</style>

</head>
<body>
<div id="line1">
<span id="a">
<span style="background-color: black; font-size:15px;">
<a href="https://bitcoinvideocasino.com/videopoker"style="text-decoration: none; border-bottom: 1px solid #FF0000;">
<span style='font-weight:bold;font-size:27px;'> <span style='color:#FFD100;'>B</span><span style='color:#FFBC00;'>i</span><span style='color:#FFA700;'>t</span><span style='color:#FF9200;'>c</span><span style='color:#FF7D00;'>o</span><span style='color:#FF6800;'>i</span><span style='color:#FF5300;'>n</span><span style='color:#FF3E00;'>V</span><span style='color:#FF2900;'>i</span><span style='color:#FF1400;'>d</span><span style='color:#FF0200;'>e</span><span style='color:#FF1400;'>o</span><span style='color:#FF2900;'>C</span><span style='color:#FF3E00;'>a</span><span style='color:#FF5300;'>s</span><span style='color:#FF6800;'>i</span><span style='color:#FF7D00;'>n</span><span style='color:#FF9200;'>o</span><span style='color:#FFA700;'>.</span><span style='color:#FFBC00;'>c</span><span style='color:#FFD100;'>o</span><span style='color:#FFE600;'>m</span>
<span style='font-weight:bold;font-size:27px;'><span style='color:#FFE600;'>B</span><span style='color:#FFD200;'>e</span><span style='color:#FFBF00;'>s</span><span style='color:#FFAC00;'>t</span> <span style='color:#FF8600;'>o</span><span style='color:#FF7300;'>d</span><span style='color:#FF5F00;'>d</span><span style='color:#FF4C00;'>s</span> <span style='color:#FF2600;'>i</span><span style='color:#FF1300;'>n</span> <span style='color:#FF1300;'>t</span><span style='color:#FF2600;'>h</span><span style='color:#FF3900;'>e</span> <span style='color:#FF5F00;'>i</span><span style='color:#FF7300;'>n</span><span style='color:#FF8600;'>d</span><span style='color:#FF9900;'>u</span><span style='color:#FFAC00;'>s</span><span style='color:#FFBF00;'>t</span><span style='color:#FFD200;'>r</span><span style='color:#FFE600;'>y </span><span style='font-weight:bold;font-size:17px;'><span style='color:#FFE600;'>W</span><span style='color:#D4E500;'>i</span><span style='color:#AAE500;'>n</span> <span style='color:#55E400;'>$</span><span style='color:#2AE300;'>$</span><span style='color:#00E300;'>$</span> <span style='color:#55E400;'>n</span><span style='color:#7FE400;'>o</span><span style='color:#AAE500;'>w</span><span style='color:#D4E500;'>!</span></span>
</span></span></span></span>
<span id="b">
<span style="background-color: black; font-size:15px;">
<span style='font-weight:bold;font-size:27px;'><span style='color:#FFDA1F;'>O</span><span style='color:#FDCD1D;'>v</span><span style='color:#FCC01B;'>e</span><span style='color:#FAB319;'>r</span> <span style='color:#F89915;'>9</span><span style='color:#F68D14;'>9</span><span style='color:#F58012;'>.</span><span style='color:#F47310;'>5</span><span style='color:#F2660E;'>%</span> <span style='color:#F04C0A;'>r</span><span style='color:#EE4009;'>e</span><span style='color:#ED3307;'>t</span><span style='color:#EC2605;'>u</span><span style='color:#EA1903;'>r</span><span style='color:#E90C01;'>n</span></span>
<span style='font-size:27px;'><span style='color:#FFE600;'>M</span><span style='color:#FFCC00;'>o</span><span style='color:#FFB200;'>b</span><span style='color:#FF9900;'>i</span><span style='color:#FF7F00;'>l</span><span style='color:#FF6600;'>e</span> <span style='color:#FF3300;'>A</span><span style='color:#FF1900;'>n</span><span style='color:#FF0200;'>d</span><span style='color:#FF1900;'>r</span><span style='color:#FF3300;'>o</span><span style='color:#FF4C00;'>i</span><span style='color:#FF6600;'>d</span> <span style='color:#FF9900;'>A</span><span style='color:#FFB200;'>p</span><span style='color:#FFCC00;'>p</span></span>
<span style='font-weight:bold;font-size:17px;'><span style='color:#FFE600;'>3</span><span style='color:#FFD500;'>0</span><span style='color:#FFC500;'>0</span><span style='color:#FFB400;'>+</span><span style='color:#FFA400;'>B</span><span style='color:#FF9300;'>T</span><span style='color:#FF8300;'>C</span> <span style='color:#FF6200;'>P</span><span style='color:#FF5200;'>r</span><span style='color:#FF4100;'>o</span><span style='color:#FF3100;'>g</span><span style='color:#FF2000;'>r</span><span style='color:#FF1000;'>e</span><span style='color:#FF0600;'>s</span><span style='color:#FF1000;'>s</span><span style='color:#FF2000;'>i</span><span style='color:#FF3100;'>v</span><span style='color:#FF4100;'>e</span> <span style='color:#FF6200;'>J</span><span style='color:#FF7300;'>a</span><span style='color:#FF8300;'>c</span><span style='color:#FF9300;'>k</span><span style='color:#FFA400;'>p</span><span style='color:#FFB400;'>o</span><span style='color:#FFC500;'>t</span><span style='color:#FFD500;'>!</span></span></span></span></a href>

Third Entry, (letters stick out from background was deliberate) check at codepen: http://codepen.io/anon/pen/akqGaK?editors=1100
:) sorry for typos, in case you select one of those I will fix them.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: Avirunes on July 20, 2016, 07:10:59 AM

I will be also trying my hands on.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: poptok1 on July 20, 2016, 07:22:11 AM

Yet another of my entry's. So far, one of my best, I think.
https://codepen.io/anon/pen/dXmbRb?editors=1100#0

Code:

<html>
<head>
<style type="text/css">
    div#line1 span#a {
        display:inline;
    }
    div#line1:hover span#a {
        display:none;
    }
    div#line1 span#b {
        display:none;
    }
    div#line1:hover span#b {
        display:inline;
    }
</style>

</head>
<body>
<div id="line1">
<span id="a">
<span style="background-color: black; font-size:28px;">
<a href="https://bitcoinvideocasino.com/videopoker"style="text-decoration: none; border-bottom: 1px solid #FF0000;">
<span style='font-weight:bold;font-size:27px;'><span style='color:#E87605;'>BitcoinVideoCasino.com </span></span><span style="background-color: #FF9012; font-size:28px;">
<span style='font-weight:bold;font-size:22px;'><span style='color:#000000;'>300+BTC ProgressiveJackpot! </span></span><span style="background-color: black; font-size:28px;"><span style='font-weight:bold;font-size:22px;'><span style='color:#FF9012;'> Win Big $$$ </span></span></span></span></span></span></span></a href>
<span id="b">
<span style="background-color: black; font-size:28px;">
<a href="https://bitcoinvideocasino.com/videopoker"style="text-decoration: none; border-bottom: 1px solid #FF0000;">
<span style='font-weight:bold;font-size:27px;'><span style='color:#E87605;'>BitcoinVideoCasino.com </span></span><span style="background-color: #FF9012; font-size:28px;"><span style="background-color: #FF9012; font-size:28px;"><span style='font-weight:bold;font-size:22px;'><span style='color:#000000;'> ☺ No Registration required ☺ </span></span><span style="background-color: black; font-size:28px;"><span style='font-weight:bold;font-size:22px;'><span style='color:#FF9012;'> Win Big $$$ </span></span></span></span></span></span></span></a href>

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 20, 2016, 11:41:03 AM

Quote from: Avirunes on July 20, 2016, 07:10:59 AM

I will be also trying my hands on.

We look forward to seeing your submissions Avirunes! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 20, 2016, 11:44:50 AM

Quote from: poptok1 on July 20, 2016, 07:22:11 AM

Yet another of my entry's. So far, one of my best, I think.
https://codepen.io/anon/pen/dXmbRb?editors=1100#0

This is great poptok1, thanks so much for all your submissions! :)

One thing to note though from the design specs is the following:

Quote

- Special symbols, especially including & symbols in URLs, need to be converted into entities like &

Thanks all! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: poptok1 on July 20, 2016, 01:58:27 PM

Fifth banner from me:

Code:

<html>
<head>
<style type="text/css">
    div#line1 span#a {
        display:inline;
    }
    div#line1:hover span#a {
        display:none;
    }
    div#line1 span#b {
        display:none;
    }
    div#line1:hover span#b {
        display:inline;
    }
</style>

</head>
<body>
<div id="line1">
<span id="a">
<span style="background-color: #2E399E; font-size:40px;">&nbsp;
<span style="background-color: #0BA800; font-size:24px;">
<a href="https://bitcoinvideocasino.com/videopoker"style="text-decoration: none; border-bottom: 1px solid #2E399E;">
<span style='font-size:20px;'><span style='color:#FFFFFF;'>&nbsp;BitcoinVideoCasino.com </span></span>
<span style="background-color: #2E399E; font-size:40px;"><span style='font-weight:bold;font-size:27px;'><span style='color:#F0F0F0;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Over 99.5%return</span></span>
<span style="background-color: #696969; font-size:24px;"><span style='font-size:17px;'><span style='color:#FFFFFF;'>&nbsp;Win BIG $$$</span></span>&nbsp;<span style="background-color: #2E399E; font-size:40px;">&nbsp;</span></span></span></span></span></span></a href>
<span id="b">
<span style="background-color: #2E399E; font-size:40px;"> &nbsp;
<span style="background-color: #696969; font-size:24px;">
<a href="https://bitcoinvideocasino.com/videopoker"style="text-decoration: none; border-bottom: 1px solid #2E399E;">
<span style='font-size:20px;'><span style='color:#FFFFFF;'>&nbsp;BitcoinVideoCasino.com </span></span>
<span style="background-color: #2E399E; font-size:40px;"><span style='font-weight:bold;font-size:27px;'><span style='color:#F0F0F0;'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Provably fair </span></span><span style='font-size:16px;'><span style='color:#F0F0F0;'>Best odds in the industry</span></span>
<span style="background-color: #0BA800; font-size:24px;"><span style='font-size:17px;'><span style='color:#FFFFFF;'>&nbsp;Win BIG $$$</span></span>&nbsp;<span style="background-color: #2E399E; font-size:40px;">&nbsp;

Check at codepen: https://codepen.io/anon/pen/yJKyqr?editors=1100#0
Personally I like this one the most.
Note, that I'm using only default font style, nothing fancy, this way ad will always look as intended (no matter on which OS), without breaking the space.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 20, 2016, 07:44:18 PM

Quote from: poptok1 on July 20, 2016, 01:58:27 PM

Fifth banner from me:
Check at codepen: https://codepen.io/anon/pen/yJKyqr?editors=1100#0
Personally I like this one the most.
Note, that I'm using only default font style, nothing fancy, this way ad will always look as intended (no matter on which OS), without breaking the space.

This is definitely one of the styles we're looking for poptok1, and your other submissions are awesome too! :)

We'll be using 4 banners in our next advertising round and we'll pick from the submissions on this thread and our other submission thread (https://forum.bitcoin.com/job-offers/bitcoin-video-casino-design-us-a-html-banner-get-paid-75-in-btc-t9186.html). Lots of great banners to choose from here so far, thanks so much!

We're still looking forward to more submissions so keep them rolling in guys! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: FullBuster09 on July 21, 2016, 01:40:04 AM

Quote from: BitcoinVideoPoker on July 19, 2016, 10:43:01 PM

Like this sorry im not preferred codepen.io because some bug and issue,Im preferred in jsfiddle than codepen.io.This is pure css no js

link https://jsfiddle.net/FullBuster09/8egwhv64/4/

I want to post the code here but I didnt know how to post the code here. Hehehehe newbie ;D

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: jayce on July 21, 2016, 04:44:03 AM

[quote author=FullBuster09 link=topic=1541386.msg15654481#msg15654481 date=1469065204]
[quote author=BitcoinVideoPoker link=topic=1541386.msg15641344#msg15641344 date=1468968181]
We really like the look of one of the banners currently up on the forum from another site, viewable here:
https://talkimg.com/images/2023/05/17/blob045353eba6a89389.png (https://talkimg.com/images/2023/05/17/blob045353eba6a89389.png)

On rollover it turns to this:
https://talkimg.com/images/2023/05/17/blob8adbdf2027dd6b59.png (https://talkimg.com/images/2023/05/17/blob8adbdf2027dd6b59.png)

Those kinds of clean, high-end banners would be high up on our list but we will, of course, be choosing from the submissions already made too! :)
[/quote]

Like this sorry im not preferred codepen.io because some bug and issue,Im preferred in jsfiddle than codepen.io.This is pure css no js

link https://jsfiddle.net/FullBuster09/8egwhv64/4/

I want to post the code here but I didnt know how to post the code here. Hehehehe newbie ;D
[/quote]
Just put your code on this thread using code tag, you could find it when you creating a post which it using hash tag symbol. Anw nice design you have, but it looks exact same with FJ design.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: FullBuster09 on July 21, 2016, 05:12:05 AM

Quote from: jayce on July 21, 2016, 04:44:03 AM

Quote from: FullBuster09 on July 21, 2016, 01:40:04 AM

Quote from: BitcoinVideoPoker on July 19, 2016, 10:43:01 PM

Just put your code on this thread using code tag, you could find it when you creating a post which it using hash tag symbol. Anw nice design you have, but it looks exact same with FJ design.

Ahh thank you,Yes its the same design but I have a design too I upload it later if I finish.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: npredtorch on July 21, 2016, 05:48:49 AM

I'm not sure if I was correct in all the format required for the ad, anyway anyone can try, right? :) so here you go. I hope that you will like it. Sample working code is here https://jsfiddle.net/148xorv4/ then for the preview,

Quote

http://i.epvpimg.com/BBLnf.jpg

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: jayce on July 21, 2016, 07:08:24 AM

I'm not an expert on HTML banner, so I hope my code will work lol. Anw you could take a look at my design here http://codepen.io/anon/pen/KroqqJ
I have tested the code on https://bitcointalk.org/ad_test.html and it looks good (http://i66.tinypic.com/28v4vfn.jpg) ;D

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 21, 2016, 09:31:18 PM

Quote from: FullBuster09 on July 21, 2016, 01:40:04 AM

Quote from: npredtorch on July 21, 2016, 05:48:49 AM

Hey guys, these are really great submissions and definitely the clean, smooth kind of look we appreciate, but as has been pointed out they do use a competing website's color scheme and are very similar to the existing banner ad by that website. Thanks so much for taking the time to create and submit them though! :) :)

We have picked 3 entries in this round - some submissions were edited slightly:

jayce (https://bitcointalk.org/index.php?topic=1541386.msg15656402#msg15656402) right here on this thread.
jayce submission (https://codepen.io/anon/pen/XKExBy)

poptok1 (https://bitcointalk.org/index.php?topic=1541386.msg15534640#msg15534640) right here on this thread.
poptok1 submission (https://codepen.io/anon/pen/LkdgrP)

KingTylerVVS (https://forum.bitcoin.com/post26615.html#p26503) on our Forum.bitcoin.com (https://forum.bitcoin.com/post26615.html#p26503) thread.
KingTylerVVS submission (https://codepen.io/anon/pen/XKExOO)

All users have been contacted via PM for their Bitcoin address and will be sent $75 worth of BTC!

Thanks to all who submitted entries for this round; if you didn't win a slot, or even if you did, please feel free to make more submissions! We may eventually be using 10 banner slots, so there's still lots of room for more winners! We may also be changing the banners that we feel aren't having the right kind of impact, so that will create even more space for more submissions.

Cheers! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: npredtorch on July 22, 2016, 01:13:34 AM

Hello again :) Here is my another entry. I've change the color scheme and added more text to it. Hope you will like it this time. Sample working ad here http://codepen.io/anon/pen/QEAbBr . Thank you and congrats to Jayce, poptok1 and KingTylerVVS!

http://i.epvpimg.com/MWGOc.gif

Code:

<HTML>

<head>
    <style type="text/css">
      #bvc-link:hover { text-decoration:none; }
    .bvc-cont { display:inline-block; width:900px; height:42px; background: #c41313; background: -webkit-linear-gradient(left top, #840000, #f73434); background: -moz-linear-gradient(bottom right, #840000, #f73434); background: linear-gradient(bottom right, #840000, #f73434);  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .bvc-cont div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .bvc-cont span {  font-family:arial; font-weight:bold;}
    .bvc-d { text-align:center; height:42px; float:left; position:relative;}
    .bvc-b { background: #333; background: -webkit-linear-gradient(top, #111, #222); background: -o-linear-gradient(top, #111, #222); background: -moz-linear-gradient(top, #111, #222); background: linear-gradient(top, #111, #222); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}
    .bvc-b span { color:#e5e5e8; }
    .bvc-cont .bvc-c { position:absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
    .bvc-g { background: #1cbcb4; background: -webkit-linear-gradient(left top, #1cbcb4, #36b8e9); background: -o-linear-gradient(left top, #1cbcb4, #36b8e9); background: -moz-linear-gradient(left top, #1cbcb4, #36b8e9); background: linear-gradient(left top, #1cbcb4, #36b8e9);  }
    .bvc-cont .bvc-t span {}
    .bvc-cont .bvc-t span:after { content:"300+ BTC Progressive Jackpot!"; }
    .bvc-cont:hover .bvc-b {  -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);  transition:.4s; }
    .bvc-cont:hover .bvc-b span { transition: .4s; color:white;; }
    .bvc-cont:hover .bvc-t span:after { content:"No Registration required - Provably fair"; font-size:14px; }
    </style>
    
</head>
    
<body>
    <a id="bvc-link" href="bvc-link">
    <div class="bvc-cont">
        <div class="bvc-d bvc-g" style="width:470px; ">
            <div style="background:#e5e5e8; width:30px; height:30px; border-radius:15px; float:left; margin-top:7px; margin-left:8px;"><span  style="color:#3049b9; font-size:25px; position:relative; top:-2px;">&spades;</span></div>
            
            <div style="background:#e5e5e8; width:30px; height:30px; border-radius:15px; float:left; margin-top:7px; margin-left:5px;"><span  style="color:#b90202; font-size:25px; position:relative; top:-1px;">&diams;</span></div>
            
            <div style="background:#e5e5e8; width:30px; height:30px; border-radius:15px; float:left; margin-top:7px; margin-left:5px;"><span  style="color:#d4af00; font-size:25px; position:relative; top:-1px;">&clubs;</span></div>
            
            <div style="background:#e5e5e8; width:30px; height:30px; border-radius:15px; float:left; margin-top:7px; margin-left:5px;"><span  style="color:#007521; font-size:25px; position:relative; ">&hearts;</span></div>
            <div style="margin-left:0px; margin-top:7px;">
            <span style="width:470px; font-size:25px; "><span style="color:#fff; font-weight:normal;"> BITCOIN </span><span style="color:#fff; font-size:25px;"> VIDEO</span><span style="color:#fff; font-weight:normal; "> CASINO</span> </span></div>
            
            </div>
    
        <div class="bvc-d bvc-t" style="width:335px; padding:2px 0px;"><span class="bvc-c" style="width:325px;  font-weight:normal; font-size:16px; color:#fff; "> </span></div>
        <div class="bvc-d bvc-b" style="width:95px;"><span class="bvc-c" style="width:95px; font-size:18px; ">WIN IT !</span></div>
    </div>
    </a>
</body>

</HTML>

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: FullBuster09 on July 22, 2016, 03:49:43 AM

Hello again my second banner submission check it here.http://codepen.io/anon/pen/qNYOjO
Congrats to the winner.

Code:

 <html>
  <head>

    <meta name="viewport" content="width=device-width; initial-scale=1.0" />
    <style  type="text/css">
   .card .hand {
  position: relative;
  height: 9.6em;
}

.card {
  height: 37px;
  width: 30px;
  background: #fff;
  border: 1px solid #695d39;
  -webkit-border-radius:  .5em;
  -moz-border-radius:     .5em;
  border-radius:          .1em;
  -webkit-box-shadow:   0 0 .5em -.15em #000;
  -moz-box-shadow:      0 0 .5em -.15em #000;
  box-shadow:           0 0 .5em -.15em #000;
  font-family: 'Times', serif;
  text-align: left;
  line-height: 1em;
  padding-top: .25em;
  padding-left: .1em;
  letter-spacing: -.2em;
  position: absolute;
}

/* SUITS */
.C { background-position-y: 0;       color: #000; }
.D { background-position-y: -9.1em; color: #890000; }
.S { background-position-y: -18.2em; color: #000; }
.H { background-position-y: -27.3em;    color: #890000; }

/* RANKS */
.rankA  { background-position-x: 0; }
.rank2  { background-position-x: -6.5em; }
.rank3  { background-position-x: -13em; }
.rank4  { background-position-x: -19.5em; }

/* Lay cards out edge-to-edge */
.card:nth-of-type(1) { left: 0; }
.card:nth-of-type(2) { left: 10px; }
.card:nth-of-type(3) { left: 20px; }
.card:nth-of-type(4) { left: 30px; }
/* For FF compatibility, the combined rank-suit classes */
.rank2H {color: #890000; background-position: -6.5em -27.3em; }
.rankAS {color: #000; background-position: 0 -18.2em; }
.rank3C {color: #000; background-position: -13em 0; }
.rank4D {color: #890000; background-position: -19.5em -9.1em; }



.card:hover {
  cursor: pointer;
}


/*SPREAD*/
.spread {
  width: 20px;
  height: 37px;
  position: relative;
}

.spread > .card {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: top 03.s ease, left 0.3s ease;
  -moz-transition: top 0.3s ease, left 0.3s ease;
  -o-transition: top 0.3s ease, left 0.3s ease;
  -ms-transition: top 0.3s ease, left 0.3s ease;
  transition: top 0.3s ease, left 0.3s ease;
}

.spread:hover .rankAS {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.spread:hover .rank2H {
  left: 10px;
  top: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.spread:hover .rank3C {
  left: 20px;
  top: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.spread:hover .rank4D{
  left: 30px;
  top: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.spread > .card:hover {
  -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,0.4);
  box-shadow: 1px 1px 7px rgba(0,0,0,0.4);
}
.bvccontainer {
    width:100%;
    background-color:#fff;
    height:42px;
    box-sizing:border-box;
    display:inline-flex;
    font-family: 'HelveticaNeue','Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;
}
.bvcinner-container {
  margin:0 auto;
  width:100%;
  max-width:720px;
  background-color:#fff;
  background-color:#576a91;
  display:flex;
  font-weight:bold;
  position:relative;
}

.bvclogo {
  flex:0 25%;
  color:#fff;
  font-size:13px;
  font-weight:600;
  background-color:#0000ff;
  height:inherit;
  line-height:42px;
  text-align:center;
  box-sizing:border-box;
  position:relative;
  transition:0.3s;
}
.bvclogo:after {
  content:'';
  display:block;
  position:absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 21px 0 21px 30px;
  border-color: transparent transparent transparent #0000ff;
  right:-30px;
  top:0;
  z-index:1;
  transition:0.3s;
}

.bvcmain {
  flex:0 calc(75% - 42px);
  line-height:42px;
  padding:0 15px 0 47.5px;
  box-sizing:border-box;
  background-color:#ffd700;
  font-size:18px;
  text-align:center;
}
.bvcpoker {
  flex:1;
  background-color:#fff;
}

.bvchidden {
  opacity:0;
  left:25%;
  top:0;
  width:calc(75% - 42px);
  height:42px;
  background-color:#ffff00;
  position:absolute;
  transition:0.3s;
  text-align:center;
  line-height:42px;
  color:#000000;
  font-size:18px;
}

.bvclogo:hover + .bvchidden, .bvchidden:hover {
  opacity:1;
}
</style>
  </head>

  <body>
      
<a href="https://bitcoinvideocasino.com/videopoker" class="bvclink" style="text-decoration: none">   
<span class="bvccontainer">    
 <span class="bvcinner-container">  
     <span style="display:block" class="bvclogo">
<strong>BITCOIN VIDEO </strong>
<span style ="color:#ffd500;"><strong>CASINO</strong></span>  </span>   
  <span style="display:block" class="bvchidden">Classic fun for serious player!</span>      
 <span style="display:block;color:#000000;" class="bvcmain">300+BTC Progressive Jackpot! </span> 
<span style="display:block" class="bvcpoker">         
 <div
class="spread" style="font-size: 12px;"><div
class="card rankAS">P<br/> &spades;</div><div
class="card rank2H">L<br/> &hearts;<br/>N</div><div
class="card rank3C">A<br/> &clubs;<br/>O</div><div
class="card rank4D">Y<br/> &diams;<br/>W</div></div>   </span> </a>
  </body>
</html>

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: Mongwapogi on July 22, 2016, 04:18:50 AM

Edit:

I just want to try this service. You can get my work anytime you want. Just check my profile bitcoin address as my BTC tip jar. Thanks ;D

Hi Jayce, who is BPV? ;D
Here's mine. Thanks

http://codepen.io/anon/pen/jAzXBE

Code:

<HTML>

<head>
    <style type="text/css">
        
    .bvc-cont { display:inline-block; width:900px; height:42px; background: #0000FF; background: -webkit-linear-gradient(left top, #C71585, #f73434); background: -moz-linear-gradient(bottom right, #840000, #f73434); background: linear-gradient(bottom right, #840000, #f73434);  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .bvc-cont div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .bvc-cont span {  font-family:arial; font-weight:bold;}
    .bvc-d { text-align:center; height:42px; float:left; position:relative;}
    .bvc-b { background: #080808 ; background: -webkit-linear-gradient(top, #111, #222); background: -o-linear-gradient(top, #111, #222); background: -moz-linear-gradient(top, #111, #222); background: linear-gradient(top, #111, #222); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}
    .bvc-b span { color:#e5e5e8; }
    .bvc-cont .bvc-c { position:absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
    .bvc-g { background: #1cbcb4; background: -webkit-linear-gradient(left top, #1cbcb4, #36b8e9); background: -o-linear-gradient(left top, #1cbcb4, #36b8e9); background: -moz-linear-gradient(left top, #1cbcb4, #36b8e9); background: linear-gradient(left top, #1cbcb4, #36b8e9);  }
    .bvc-cont .bvc-t span {}
    .bvc-cont .bvc-t span:after { content:"300,000 mbtc Progressive Jackpot!"; }
    .bvc-cont:hover .bvc-b {  -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);  transition:.4s; }
    .bvc-cont:hover .bvc-b span { transition: .2s; color:#FFFF00;; }
    .bvc-cont:hover .bvc-t span:after { content:"No Registration Required ▬ Provably fair ▬"; font-size:17px; }
       
    </style>
    
</head>
    
<body>
    <a href="bvc-link">
    <div class="bvc-cont">
        <div class="bvc-d bvc-g" style="width:470px; "><span class="bvc-c" style="width:470px; font-size:23px;"><span style="color: #00FF00; font-weight:medium;">▐★★★BITCOIN</span><span style="color:#FFFAFA; font-size:23px;">VIDEO</span><span style="color:#FF0000; font-weight:meduim; ">CASINO★★★▐</span> </span></div>
    
        <div class="bvc-d bvc-t" style="width:335px; padding:2px 0px;"><span class="bvc-c" style="width:325px;  font-weight:normal; font-size:16px; color:#fff; "> </span></div>
        <div class="bvc-d bvc-b" style="width:95px;"><span class="bvc-c" style="width:95px; font-size:19px; ">TRY NOW!</span></div>
    </div>
    </a>
</body>

</HTML>

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: jayce on July 22, 2016, 04:29:22 AM

Thank you BPV for choosing my design, HTML design is really tougher than BBcode lol, it spent me two days to just finish that design :D Thanks guys, good luck. I will make and submit the newer design asap.
And Mongwapogi, as the rule in OP, you must test your design on codepen.io and copy the link of your codepen test here.

edit:

Quote from: Mongwapogi on July 22, 2016, 04:18:50 AM

Hi Jayce, who is BPV? ;D

Lol my mistake, it's BVP

Quote from: Avirunes on July 22, 2016, 04:38:40 AM

Yeah sure it does. I am making the banner for 3 days and all ends in to error either an overflow of a box or a text gets undisplayed. Hope i finish it today and all works good.

Haha good luck Avirunes

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: Avirunes on July 22, 2016, 04:38:40 AM

Quote from: jayce on July 22, 2016, 04:29:22 AM

Yeah sure it does. I am making the banner for 3 days and all ends in to error either an overflow of a box or a text gets undisplayed. Hope i finish it today and all works good.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: npredtorch on July 22, 2016, 05:12:23 AM

@Mongwapogi , Hello looks like our entry were brothers . My entry is the eldest and yours is the youngest. Have you use the same class names and styles for consistency? . Anyway, good luck to you and to the other participants :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: FullBuster09 on July 23, 2016, 07:54:07 AM

My third banner submission I hope you like it codepen url : http://codepen.io/anon/pen/Lkmprx

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: Avirunes on July 23, 2016, 11:30:21 AM

Here comes my entry. Really worked hard making this one. Colour scheme is though not much good but its not bad as well : P . Hope this entry pays me for my hard work of 4 days :D

http://codepen.io/psonwoal83/pen/JKvGyA?editors=1000

Code:

<style>
.bvcbanner {
    width: 900px;
    height: 42px;
    font-family: Arial;
    text-align: center;
    background: #DDDDDD;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
  -webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;
}
  .bvcbanner:hover {
    background-color: rgba(255, 0, 0, 0.4);
  }
.bvcbanner .title {
    display: inline-block;
    overflow: hidden;
    float: left;
    height: 38px;
    width: 235px;
    color: #fff;
    height: 100%;
    font-size: 20px;
    background: #292929;
    line-height: 42px;
}
.bvcbanner .content {
    height: 100%;
    float: left;
    display: inline-block;
    font-size: 18px;
    overflow: hidden;
    color: #292929;
    vertical-align: middle;
    padding-left: 10%;
    padding-top: 10px;
}
.bvcbanner .content .phrase-1, .container1 .content .phrase-2 {
	position: absolute;
	width: 100%;
	top: 0;
	left: -100px;
	z-index: ;
  -webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;
}
.bvcbanner .content .phrase-1 {
	opacity: 1;
  top: 19px;
	left: 35px;
 }
.bvcbanner .content .phrase-2 {
	opacity: 0;
	color: black;
}
.bvcbanner:hover .content .phrase-1 {
	opacity: 0;
}
.bvcbanner:hover .content .phrase-2 {
	opacity: 1;
 }
.bvcbanner .content .circle-1, .bvcbanner .content .circle-2, .bvcbanner .content .circle-3,.bvcbanner .content .circle-4, .bvcbanner .content .side, .bvcbanner .content .side-2 ,.bvcbanner .content .side-3 {
	position: absolute;
	z-index: 1;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;
}
.bvcbanner .content .circle-1 {
	border-radius: 40px;
	background-color: rgba(58,72,95,0.2);
  text-align: center;
  color: rgba(0, 48, 255, 0.6);
  font-size: 30px;
	width: 40px;
	height: 40px;
  top: 9px ;
  left: 248px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
}
.bvcbanner:hover .content .circle-1 {border-radius: 40px;
	background-color: white;
  text-align: center;
  color: blue;
  font-size: 30px;
	width: 40px;
	height: 40px;
  top: 9px ;
  left: 248px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
}
.bvcbanner .content .circle-2 {
	border-radius: 40px;
	background-color: rgba(58,72,95,0.2);
	width: 40px;
  text-align: center;
  font-size: 30px;
  color: rgba(255, 0, 0, 0.4);
	height: 40px;
  top: 9px ;
  left: 290px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
}
.bvcbanner:hover .content .circle-2 {border-radius: 40px;
	background-color: white;
	width: 40px;
  text-align: center;
  font-size: 30px;
  color: red;
	height: 40px;
  top: 9px ;
  left: 290px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
	;
}
.bvcbanner .content .circle-3 {
	border-radius: 40px;
	background-color: rgba(58,72,95,0.2);
  color: yellow;
  text-align: center;
  font-size: 30px;
	width: 40px;
	height: 40px;
  top: 9px ;
  left: 710px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
}
.bvcbanner:hover .content .circle-3 {
	opacity: 0;
}
  .bvcbanner .content .circle-4 {
	border-radius: 40px;
	background-color: rgba(58,72,95,0.2);
  color: rgba(0, 100, 0, 0.4);
  text-align: center;
  font-size: 30px;
	width: 40px;
	height: 40px;
  top: 9px ;
  left: 752px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
}
.bvcbanner:hover .content .circle-4 {
	opacity: 0 ;
}
.bvcbanner .content .side {
  text-align:center;
  border-radius: 3px;
  background-color: rgba(58,72,95,0.2);
  font-size: 18px;
  overflow: hidden;
	width: 110px;
	height: 25px;
	top: 17px;
	left: 795px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
}
.bvcbanner:hover .content .side {
  opacity:0;
	border-radius: 25px;
	background-color: black;
	width: 100px;
	height: 32px;
	top: 13px;
	left: 593px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
}
.bvcbanner .content .side-3 {
  opacity:0;
	border-radius: 25px;
	background-color: rgba(58,72,95,0.2);
  overflow: hidden;
  color: white;
	width: 100px;
	height: 32px;
	top: 13px;
	left: 800px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
}
.bvcbanner:hover .content .side-3 {
  opacity:1;
	border-radius: 25px;
	background-color: black;
  font-size:17.4px;
	width: 120px;
	height: 20px;
	top: 18px;
	left: 593px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
}  
 .bvcbanner .content .side-2 {
  border-radius: 5px;
   opacity:0;
	background-color: rgba(58,72,95,0.2);
	width: 150px;
	height: 32px;
	top: 13px;
	left: 800px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
}
.bvcbanner:hover .content .side-2 {
  opacity:1;
	border-radius: 7px;
	background-color: black;
  font-size: 16px;
  text-align: down;
  color: white;
	width: 170px;
	height: 35px;
	top: 13px;
	left: 720px;
	-webkit-animation: rotating 10s ease-in infinite;
	-moz-animation: rotating 10s ease-in infinite;
	-ms-animation: rotating 10s ease-in infinite;
	animation: rotating 10s ease-in infinite;
}
  </style>
  <body>
  <a href="https://bitcoinvideocasino.com/videopoker" class="bvcbanner">      
   <span class="title">  
         BITCOIN VIDEO CASINO         </span> 
        <span class="content">
        <span class="banner">
<span class="phrase-1">
					Classic fun for Serious Players!
				</span>
      <span class="phrase-2">
      <strong>300+</strong> BTC Progressive Jackpot!
				</span>
<span class="circle-1">♠</span>
<span class="circle-2">♦</span>
<span class="circle-3">♣</span>
<span class="circle-4">♥</span>
          <span class="side"><strong><u>Play Now!!!</u></strong></span>
          <span class="side-2">Best odds in the Industry </span><span class="side-3">Win it NOW!!</span></a>

EDIT: Banner is not doing good when pasted code in the ad_test page. I have to check it.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 26, 2016, 10:22:30 PM

Quote from: jayce on July 22, 2016, 04:29:22 AM

Thank you BPV for choosing my design, HTML design is really tougher than BBcode lol, it spent me two days to just finish that design :D

Thanks for submitting it jayce, it's really great! HTML design is certainly challenging, and that's the main reason we opened it up to the community. Lots of awesome creative people floating around these parts. :)

Thanks to all of you awesome Bitcoiners for submitting cool designs; don't forget to read and follow the ad design specs exactly, and test your designs on the ad test (https://bitcointalk.org/ad_test.html) page! ;)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 29, 2016, 10:34:17 AM

Hey guys, we're still looking for more cool submissions for the next round of advertising! :)

Don't forget to test your ad in the ad_test page and provide a screenshot of how it looks, as well as providing the Codepen link! ;)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: SFR10 on July 29, 2016, 03:11:07 PM

I'm still fairly new to designing html banner ads but here's what I could come up with: (It's simple style with hover effect)

https://i.imgur.com/gLUQEHE.png

http://codepen.io/SFR10/pen/WxKRad

Update:

Quote from: poptok1 on July 29, 2016, 03:24:52 PM

~Snipped~

Thank you. Unfortunately that seems to be the result of viewing from your phone (AFAIK) and if I use default fonts, they seem less appealing but will try to find a font that would be compatible using phones as well. Regarding the ending </a href>tag, there's </a> tag already. What your saying is wrong according to tutorials I've seen on the internet since there's no such thing as </a href> .

Quote from: BitcoinVideoPoker on July 29, 2016, 03:30:42 PM

Thanks for your submission, SFR10, very cool! :)

Just a tip: on Codepen you can click the little drop-down arrow and hit 'Analyze HTML' and it'll show any HTML errors. ;)

Your very welcome, and thanks for the nice words :)
Thanks as well for the tip, it seems I had a lot of errors that I should learn more.

Quote from: jayce on July 29, 2016, 03:43:13 PM

Oh sure I will submit my design asap. After I finish my current project, I will start to make that. Hope it will be better than the first one. Good luck everybody. Anw nice design SFR10

Thank you, I appreciate it. Yours is the best (as usual) :)

Update:
Link has been updated now (no more errors). http://codepen.io/SFR10/pen/WxKRad

Update 2:

Quote from: jayce on July 30, 2016, 04:39:34 AM

You're welcome SFR10, good luck :)

Thank you, likewise :)
Another great design by you :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: poptok1 on July 29, 2016, 03:24:52 PM

@SFR10
This looks very nice man. Very nice, but one tip for you here:
use default fonts, otherwise it will break space on different OS's
here is how it looks on my https://i.imgur.com/JajxvKc.jpg
Also, I might be wrong here, </a href> (link finisher) could be necessary.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 29, 2016, 03:30:42 PM

Quote from: SFR10 on July 29, 2016, 03:11:07 PM

I'm still fairly new to designing html banner ads but here's what I could come up with: (It's simple style with hover effect)

http://codepen.io/SFR10/pen/rLAWZZ

Thanks for your submission, SFR10, very cool! :)

Just a tip: on Codepen you can click the little drop-down arrow and hit 'Analyze HTML' and it'll show any HTML errors. ;)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: jayce on July 29, 2016, 03:43:13 PM

Quote from: BitcoinVideoPoker on July 29, 2016, 10:34:17 AM

Oh sure I will submit my design asap. After I finish my current project, I will start to make that. Hope it will be better than the first one. Good luck everybody. Anw nice design SFR10

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 29, 2016, 09:25:02 PM

Quote from: jayce on July 29, 2016, 03:43:13 PM

Oh sure I will submit my design asap. After I finish my current project, I will start to make that. Hope it will be better than the first one. Good luck everybody. Anw nice design SFR10

Sounds great, jayce, we look forward to seeing your design! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: jayce on July 30, 2016, 04:39:34 AM

You're welcome SFR10, good luck :)

My second design http://codepen.io/anon/pen/QEBrkP

Good luck everyone!

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on July 30, 2016, 04:42:27 PM

Quote from: jayce on July 30, 2016, 04:39:34 AM

You're welcome SFR10, good luck :)

My second design http://codepen.io/anon/pen/QEBrkP

Good luck everyone!

Thanks for another great submission, jayce!

We're looking forward to seeing more from everyone! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on August 02, 2016, 05:31:40 PM

We have picked 1 entry in this round, and the submission was edited slightly:

npredtorch (https://bitcointalk.org/index.php?topic=1541386.msg15666200#msg15666200) right here on this thread.
npredtorch submission (https://codepen.io/anon/pen/akaVOY)

He has been contacted via PM and has been sent his $75 worth of BTC!

Thanks to all who submitted entries for this round! If you didn't win a slot, or even if you did, please feel free to make more submissions! We're dialing down the advertising for a while but if we choose to start up again in future we'll be interested in using more HTML banners! For those of you whose banners were excellent but were not chosen, there were unfortunately some HTML errors and we could not use them. As mentioned before, you can view these errors by using the little drop-down arrow on Codepen.io and choosing 'Test HTML'. :)

In the meantime, feel free to come visit us at BitcoinVideoCasino.com (https://www.bitcoinvideocasino.com/videopoker) to enjoy the best odds in the gaming industry (our House Edge is just 0.5%!), and take a look at our Referral Program (https://bitcoinvideocasino.com/referral) to earn yourself a little passive income! 8)

Cheers! :)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: npredtorch on August 03, 2016, 07:00:40 AM

Thank you BitcoinVideoPoker! I confirm that I received the $75 worth of bitcoin prize for the html ad.
I'll try to make another entry soon :) Thanks BitcoinVideoCasino.com (http://bitcoinvideocasino.com/videopoker) !

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: jayce on August 03, 2016, 11:47:26 AM

Congrats npredtorch, too bad I didn't win this time :D
Yeah I will make another design as well. Good luck everyone.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: npredtorch on August 04, 2016, 08:40:30 AM

Quote from: jayce on August 03, 2016, 11:47:26 AM

Congrats npredtorch, too bad I didn't win this time :D
Yeah I will make another design as well. Good luck everyone.

Nah I just got lucky, I'm sure you will win again Jayce. You got the skillz :) Goodluck!!

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: poptok1 on August 04, 2016, 01:50:33 PM

Hi. Maybe the contest is still active?
If so I have one simple entry: http://codepen.io/anon/pen/xOyOkY
Thanks for throwing that competition, it made me learn few new things :)
More valuable than money and fun.
Have a blast with this people, you can reverse engineer the codes and learn how to make them with ease.
Don't be afraid of wall of text, just try, may be useful someday.

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: BitcoinVideoPoker on August 05, 2016, 08:02:49 PM

Quote from: npredtorch on August 03, 2016, 07:00:40 AM

You're very welcome, thanks again for the awesome work! ;)

Quote from: jayce on August 03, 2016, 11:47:26 AM

Congrats npredtorch, too bad I didn't win this time :D
Yeah I will make another design as well. Good luck everyone.

Thanks for your submission jayce! We really liked it but unfortunately when analyzed using the 'Analyze HTML' tool on Codepen.io it had the following error and we couldn't use it :( :
"<style> elements inside <body> must contain the 'scoped' attribute."

Quote from: poptok1 on August 04, 2016, 01:50:33 PM

We're still accepting submissions, poptok1, but we probably won't be picking any for the next while. That being said, if we do pick any submission at any point in the future we'll message the poster and pay them their $75, so if it's something you enjoy doing it could pay dividends in the future. :)
Learning new things is always more valuable than money, in our opinion! We're really glad that we were able to help create an outlet for your creativity! :)

The above banner is great! One thing I will mention though, as per the design rules for this particular forum:
- Special symbols, especially including & symbols in URLs, need to be converted into entities like &. So the heart symbol, for instance, would have to be entered as "&hearts;" and all other special symbols would have to be entered the same way. I did have to change these in a number of people's submissions but it wasn't any work at all compared to the work you guys put in creating them! 8)

Title: Re: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC!
Post by: jayce on August 08, 2016, 06:51:00 AM

Quote from: BitcoinVideoPoker on August 05, 2016, 08:02:49 PM

Quote from: jayce on August 03, 2016, 11:47:26 AM

Congrats npredtorch, too bad I didn't win this time :D
Yeah I will make another design as well. Good luck everyone.

Thanks BVP, but if you told me about that sooner at that time, I could fix it quickly :) Well I have repaired it anw http://codepen.io/anon/pen/QEBrkP , you can use it next time. Thank you