[GET][CpaGrip] CoC Button
2015-07-25, 10:20 AM, (This post was last modified: 2015-07-25, 10:22 AM by ๖ۣۜPhoenix.)
#1
A lot of people have been wanting to know how to make your url locker button to look like the ones in the game Clash of Clans so here it is. I recommend iframing it onto your website.

Features:
  • Looks Exactly Like CoC
  • Transparent Background & Centered: Good for iframing
  • Uses CSS instead of an image. (Loads a tiny bit faster)
  • Removes Download Icon
  • Doesn't say "Complete an offer below to continue." because you'll already say something like "Click to verify" on your website.
    (I can't make css change text.
  • Increase Conversion


CSS:
[hide]body {
background-color:transparent
}

#offerlst {
color:transparent;
margin-top:-25px
}

.link_a {
border-radius:5px;
width:100%;
border:1px solid #000;
background:-webkit-linear-gradient(#c6e776,#61ad0f)!important;
/* For Safari 5.1 to 6.0 */
background:-o-linear-gradient(#c6e776,#61ad0f)!important;
/* For Opera 11.1 to 12.0 */
background:-moz-linear-gradient(#c6e776,#61ad0f)!important;
/* For Firefox 3.6 to 15 */
background:linear-gradient(#c6e776,#61ad0f)!important
/* Standard syntax (must be last) */
}

.link_a:hover {
color:#fff!important
}

.dl_button {
font-size:26px;
margin:auto;
font-family:'CoC',sans-serif;
font-weight:700;
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border:1px solid #000;
box-shadow:0 2px 2px 0 rgba(0,0,0,1);
-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,1);
-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,1);
text-shadow:-1px -1px 0 #000,1px -1px 0 #000,1px -1px 0 #000,-2px 3px 0 #000,1px 1px 0 #000;
background:#f2fadf;
background:-moz-linear-gradient(top,#f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2fadf),color-stop(3%,#c6e776),color-stop(5%,#b9e256),color-stop(7%,#d3ea7f),color-stop(50%,#b1d94d),color-stop(50%,#8bc631),color-stop(78%,#61ad0f),color-stop(85%,#61ad0f),color-stop(94%,#61ad0f),color-stop(100%,#6bb21e));
background:-webkit-linear-gradient(top,#f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
background:-o-linear-gradient(top,#f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
background:-ms-linear-gradient(top,#f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
background:linear-gradient(to bottom,#f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2fadf',endColorstr='#6bb21e',GradientType=0)
}

.dl_button:hover {
background:-moz-linear-gradient(top,#f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2fadf),color-stop(3%,#c6e776),color-stop(5%,#b9e256),color-stop(7%,#d3ea7f),color-stop(50%,#b1d94d),color-stop(50%,#8bc631),color-stop(78%,#61ad0f),color-stop(85%,#61ad0f),color-stop(94%,#61ad0f),color-stop(100%,#6bb21e));
background:-webkit-linear-gradient(top,#f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
background:-o-linear-gradient(top,#f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
background:-ms-linear-gradient(top,#f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
background:linear-gradient(to bottom,#f2fadf 0%,#c6e776 3%,#b9e256 5%,#d3ea7f 7%,#b1d94d 50%,#8bc631 50%,#61ad0f 78%,#61ad0f 85%,#61ad0f 94%,#6bb21e 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2fadf',endColorstr='#6bb21e',GradientType=0)
}

.dl_button i {
display:none
}[/hide]
HTML:
[hide]Put nothing accept a useless piece of empty code like <body>. This removes the background elements.[/hide]
Reply
Share This Thread :

2015-07-25, 10:25 AM,
#2
thank you so much buddy.. looking for this codesfrom many days . thanks and rep added for your great work :)

[Image: adludum_banner3.jpg]
Reply
2015-07-26, 08:10 PM,
#3
Nice share bro ! I finding something like this!
Reply
2015-07-27, 01:29 AM,
#4
yeah, the features awesome
good job. thanks mate
Reply
2015-07-27, 02:07 AM,
#5
Wow worth share bro! :D but code is so long :D

I WANT TO BANK HARD $$$$$$$$$$$
Reply
2015-07-27, 05:02 AM,
#6
nice share brooooooooooo
Reply
2015-07-27, 09:06 PM,
#7
(2015-07-27, 02:07 AM)mshajid Wrote: Wow worth share bro! :D but code is so long :D

Yeah there's a lot that went into this. Especially the gradients.
Reply


Related Threads
Thread Author Replies Views Last Post
  [GET] CPAGrip File Locker Movie Template g3lux 46 14,578 2018-05-05, 06:40 AM
Last Post: raganstreet
  SC like - CPAgrip Download Locker Template by Nagimas ti Pipit nagimastipipit 21 6,822 2018-04-14, 10:05 AM
Last Post: ingpov
  CPAgrip + Youtube method Niko1992 15 1,451 2018-04-12, 09:58 AM
Last Post: Xert
  [METHOD]How to earn extra dollars from OGADS / CPAGRIP. [TESTED] CR3ATIV3 36 15,280 2018-04-07, 02:45 PM
Last Post: gmax29
  [GET]Fake Mediafire Download (cpagrip) grune 79 22,004 2017-12-09, 02:15 PM
Last Post: odacrem08





About Us | Contact Us | CPA Elites | Advertise | Stats

© 2013-2018 CPA Elites Ltd
Enhanced by MyBB and WallBB
Return to top