Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel





seo Css3 Button 2013

Seo Master present to you:
CSS3 Button Generator.
CSS Button Generator will create beautiful css buttons for you to use on your web pages without the need for any images.
How To Apply This Label Hack?






Code:

apply this hack manually by adding below CSS code just above/before ]]></b:skin> tag in your template,



.duy-bcss3 {
cursor:pointer;
border:3px solid #6b6b6e;
background-color:#f2ac08;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcd600', endColorstr='#f2ac08');
background-image:-webkit-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
background-image:-moz-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
background-image:-ms-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
background-image:-o-linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
background-image:linear-gradient(top, #fcd600 8%, #ffba3b 55%, #f2ac08 100%);
padding:18px 36px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px;
-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.3), 0px 3px 11px #515151;
text-shadow:0px 1px 0px rgba(0,0,0,0.3);
color:#140114;
font:normal 20px 'Century Gothic',Helvetica,Arial,Sans-Serif;
text-decoration:none;
outline:none;
vertical-align:middle;
}

.duy-bcss3:hover {
border-color:#4a4743;
background-color:#fcc203;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcc203', endColorstr='#de7104');
background-image:-webkit-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
background-image:-moz-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
background-image:-ms-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
background-image:-o-linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
background-image:linear-gradient(top, #fcc203 0%, #fa8805 50%, #de7104 100%);
color:#ffffff;
}

.duy-bcss3:active {
background-color:#de7104;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#de7104', endColorstr='#fcc203');
background-image:-webkit-linear-gradient(top, #de7104, #fcc203);
background-image:-moz-linear-gradient(top, #de7104, #fcc203);
background-image:-ms-linear-gradient(top, #de7104, #fcc203);
background-image:-o-linear-gradient(top, #de7104, #fcc203);
background-image:linear-gradient(top, #de7104, #fcc203);
}




HTML: <a class="duy-bcss3" href="URL" target="_blank">DEMO</a>


2013, By: Seo Master

Labels: ,



Leave A Comment:

Powered by Blogger.