|
BitcoinVideoPoker (OP)
|
 |
July 21, 2016, 09:31:18 PM
Last edit: July 22, 2016, 12:50:16 AM by BitcoinVideoPoker |
|
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  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 submissionpoptok1 right here on this thread. poptok1 submissionKingTylerVVS on our Forum.bitcoin.com thread. KingTylerVVS submissionAll 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! |
|
|
|
|
|
|
|
|
|
|
Remember that Bitcoin is still beta software. Don't put all of your money into BTC!
|
|
|
Advertised sites are not endorsed by the Bitcoin Forum. They may be unsafe, untrustworthy, or illegal in your jurisdiction.
|
|
|
|
|
|
|
npredtorch
Legendary
 Offline
Activity: 1246
Merit: 1049
|
|
July 22, 2016, 01:13:34 AM
Last edit: July 26, 2016, 11:34:18 PM by npredtorch |
|
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!  <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;">♠</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;">♦</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;">♣</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; ">♥</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>
|
|
|
|
|
FullBuster09
Member
Offline
Activity: 75
Merit: 10
Time heals everything but be patient
|
|
July 22, 2016, 03:49:43 AM
Last edit: July 23, 2016, 06:24:57 AM by FullBuster09 |
|
Hello again my second banner submission check it here. http://codepen.io/anon/pen/qNYOjOCongrats to the winner. <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/> ♠</div><div
class="card rank2H">L<br/> ♥<br/>N</div><div
class="card rank3C">A<br/> ♣<br/>O</div><div
class="card rank4D">Y<br/> ♦<br/>W</div></div> </span> </a>
</body>
</html> |
|
|
|
|
|
Mongwapogi
|
|
July 22, 2016, 04:18:50 AM
Last edit: July 22, 2016, 05:13:22 AM by Mongwapogi |
|
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 Hi Jayce, who is BPV? Here's mine. Thanks http://codepen.io/anon/pen/jAzXBE<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> |
|
|
|
|
jayce
Legendary
Offline
Activity: 2954
Merit: 1501
Pie Baking Contest: https://tinyurl.com/2s3z6dee
|
|
July 22, 2016, 04:29:22 AM
Last edit: July 22, 2016, 06:48:52 AM by jayce |
|
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  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: Hi Jayce, who is BPV? Lol my mistake, it's BVP 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 |
| R |
▀▀▀▀▀▀▀██████▄▄
████████████████
▀▀▀▀█████▀▀▀█████
████████▌███▐████
▄▄▄▄█████▄▄▄█████
████████████████
▄▄▄▄▄▄▄██████▀▀ | LLBIT | │ | CRYPTO
FUTURES | | | | | | | │ | 1,000x
LEVERAGE | │ | COMPETITIVE
FEES | │ | INSTANT
EXECUTION | │ | .
TRADE NOW |
|
|
|
Avirunes
Legendary
Offline
Activity: 3094
Merit: 1468
|
|
July 22, 2016, 04:38:40 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 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. 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. |
|
|
|
|
npredtorch
Legendary
Offline
Activity: 1246
Merit: 1049
|
|
July 22, 2016, 05:12:23 AM
Last edit: July 22, 2016, 05:54:30 AM by npredtorch |
|
@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 |
|
|
|
|
|
|
Avirunes
Legendary
Offline
Activity: 3094
Merit: 1468
|
|
July 23, 2016, 11:30:21 AM
Last edit: July 23, 2016, 11:45:28 AM by Avirunes |
|
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 http://codepen.io/psonwoal83/pen/JKvGyA?editors=1000<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> : Banner is not doing good when pasted code in the ad_test page. I have to check it. |
|
|
|
|
|
BitcoinVideoPoker (OP)
|
|
July 26, 2016, 10:22:30 PM |
|
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 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 page!  |
|
|
|
|
BitcoinVideoPoker (OP)
|
|
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! |
|
|
|
SFR10
Legendary
Offline
Activity: 2996
Merit: 3429
Crypto Swap Exchange
|
|
July 29, 2016, 03:11:07 PM
Last edit: July 30, 2016, 05:55:46 AM by SFR10 |
|
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/WxKRadUpdate:~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> . 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. 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/WxKRadUpdate 2:You're welcome SFR10, good luck Thank you, likewise Another great design by you |
|
|
|
|
poptok1
|
|
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  Also, I might be wrong here, </a href> (link finisher) could be necessary. |
|
|
|
|
BitcoinVideoPoker (OP)
|
|
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. |
|
|
|
jayce
Legendary
Offline
Activity: 2954
Merit: 1501
Pie Baking Contest: https://tinyurl.com/2s3z6dee
|
|
July 29, 2016, 03:43:13 PM |
|
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! 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 |
| R |
▀▀▀▀▀▀▀██████▄▄
████████████████
▀▀▀▀█████▀▀▀█████
████████▌███▐████
▄▄▄▄█████▄▄▄█████
████████████████
▄▄▄▄▄▄▄██████▀▀ | LLBIT | │ | CRYPTO
FUTURES | | | | | | | │ | 1,000x
LEVERAGE | │ | COMPETITIVE
FEES | │ | INSTANT
EXECUTION | │ | .
TRADE NOW |
|
|
|
|
BitcoinVideoPoker (OP)
|
|
July 29, 2016, 09:25:02 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! |
|
|
|
jayce
Legendary
Offline
Activity: 2954
Merit: 1501
Pie Baking Contest: https://tinyurl.com/2s3z6dee
|
|
July 30, 2016, 04:39:34 AM |
|
You're welcome SFR10, good luck My second design http://codepen.io/anon/pen/QEBrkPGood luck everyone! |
| R |
▀▀▀▀▀▀▀██████▄▄
████████████████
▀▀▀▀█████▀▀▀█████
████████▌███▐████
▄▄▄▄█████▄▄▄█████
████████████████
▄▄▄▄▄▄▄██████▀▀ | LLBIT | │ | CRYPTO
FUTURES | | | | | | | │ | 1,000x
LEVERAGE | │ | COMPETITIVE
FEES | │ | INSTANT
EXECUTION | │ | .
TRADE NOW |
|
|
|
|
BitcoinVideoPoker (OP)
|
|
July 30, 2016, 04:42:27 PM |
|
Thanks for another great submission, jayce! We're looking forward to seeing more from everyone! |
|
|
|
|
BitcoinVideoPoker (OP)
|
|
August 02, 2016, 05:31:40 PM |
|
We have picked 1 entry in this round, and the submission was edited slightly:npredtorch right here on this thread. npredtorch submissionHe 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 to enjoy the best odds in the gaming industry (our House Edge is just 0.5%!), and take a look at our Referral Program to earn yourself a little passive income!  Cheers!
|
|
|
|
npredtorch
Legendary
Offline
Activity: 1246
Merit: 1049
|
|
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 ! |
|
|
|
|
|
