December 25, 2024, 08:06:02 AM

Welcome, Guest

News: Latest Bitcoin Core release: 28.0 [Torrent]

Bitcoin Forum>Economy>Marketplace>Services

Pages:

Author

Topic: ★★★ Bitcoin Video Casino ★★★ - Design us an HTML banner, get paid $75 in BTC! - page 2. (Read 3183 times)

jayce

legendary

Activity: 2982

Merit: 1506

Pie Baking Contest: https://tinyurl.com/2s3z6dee

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 Cheesy

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 21, 2016, 11:18:50 PM

Hi Jayce, who is BPV? Grin

Lol my mistake, it's BVP

Quote from: Avirunes on July 21, 2016, 11:38:40 PM

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

Mongwapogi

sr. member

Activity: 378

Merit: 250

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 Grin

Hi Jayce, who is BPV? Grin

Here's mine. Thanks

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

Code:

▐★★★BITCOINVIDEOCASINO★★★▐

TRY NOW!

FullBuster09

member

Activity: 75

Merit: 10

Time heals everything but be patient

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

Code:

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

BITCOIN VIDEO
CASINO
Classic fun for serious player!
300+BTC Progressive Jackpot!

class="spread" style="font-size: 12px;">class="card rankAS">P
♠

class="card rank2H">L
♥
N

class="card rank3C">A
♣
O

class="card rank4D">Y
♦
W

npredtorch

legendary

Activity: 1246

Merit: 1049

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!

Code:

BitcoinVideoPoker

hero member

Activity: 806

Merit: 500

Quote from: FullBuster09 on July 20, 2016, 08:40:04 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 Grin

Quote from: npredtorch on July 21, 2016, 12: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,

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 right here on this thread.
jayce submission

poptok1 right here on this thread.
poptok1 submission

KingTylerVVS on our Forum.bitcoin.com thread.
KingTylerVVS submission

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!

jayce

legendary

Activity: 2982

Merit: 1506

Pie Baking Contest: https://tinyurl.com/2s3z6dee

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 Grin

npredtorch

legendary

Activity: 1246

Merit: 1049

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

FullBuster09

member

Activity: 75

Merit: 10

Time heals everything but be patient

Quote from: jayce on July 20, 2016, 11:44:03 PM

Quote from: FullBuster09 on July 20, 2016, 08:40:04 PM

Quote from: BitcoinVideoPoker on July 19, 2016, 05: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

On rollover it turns to this:
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!

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.

jayce

legendary

Activity: 2982

Merit: 1506

Pie Baking Contest: https://tinyurl.com/2s3z6dee

Quote from: FullBuster09 on July 20, 2016, 08:40:04 PM

Quote from: BitcoinVideoPoker on July 19, 2016, 05: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.

FullBuster09

member

Activity: 75

Merit: 10

Time heals everything but be patient

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

BitcoinVideoPoker

hero member

Activity: 806

Merit: 500

Quote from: poptok1 on July 20, 2016, 08:58:27 AM

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

poptok1

hero member

Activity: 1638

Merit: 756

Bobby Fischer was right

Fifth banner from me:

Code:









 


 BitcoinVideoCasino.com 
                    Over 99.5%return
 Win BIG $$$  

  


 BitcoinVideoCasino.com 
     Provably fair Best odds in the industry
 Win BIG $$$

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.

BitcoinVideoPoker

hero member

Activity: 806

Merit: 500

Quote from: poptok1 on July 20, 2016, 02: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!

BitcoinVideoPoker

hero member

Activity: 806

Merit: 500

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

I will be also trying my hands on.

We look forward to seeing your submissions Avirunes!

poptok1

hero member

Activity: 1638

Merit: 756

Bobby Fischer was right

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

Code:











BitcoinVideoCasino.com 
300+BTC ProgressiveJackpot!  Win Big $$$ 



BitcoinVideoCasino.com  ☺ No Registration required ☺  Win Big $$$

Avirunes

legendary

Activity: 3094

Merit: 1472

I will be also trying my hands on.

poptok1

hero member

Activity: 1638

Merit: 756

Bobby Fischer was right

Code:











 BitcoinVideoCasino.com
Best odds in the industry Win $$$ now!



Over 99.5% return
Mobile Android App
300+BTC Progressive Jackpot!

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.

BitcoinVideoPoker

hero member

Activity: 806

Merit: 500

BitcoinVideoPoker

hero member

Activity: 806

Merit: 500

Quote from: jayce on July 19, 2016, 01: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, 01: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" Wink

poptok1

hero member

Activity: 1638

Merit: 756

Bobby Fischer was right

Code:













★ ★style='color:#24C91F;'>★style='color:#24C225;'>BitcoinVideoCasiono Best odds in the industry★style='color:#24C91F;'>★style='color:#25D119;'> ★ 



❤No Registration required♠ 300+BTC Progressive Jackpot!

Code:











300+ BTC Progressive Jackpot! Win it now! @ Bitcoin Video Casino $
  
  
  Provably fair!Over 99.5%return!Best odds in the industry!+MobileApp

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