a.postbit {
background: #323232; /* Old browsers */
background: -moz-linear-gradient(top, #323232 50%, #1d1d1d 50%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(50%,#323232), color-stop(50%,#1d1d1d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #323232 50%,#1d1d1d
50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #323232 50%,#1d1d1d 50%); /*
Opera 11.10+ */
background: -ms-linear-gradient(top, #323232 50%,#1d1d1d 50%);
/* IE10+ */
background: linear-gradient(top, #323232 50%,#1d1d1d 50%); /*
W3C */
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#323232', endColorstr='#1d1d1d',GradientType=0 ); /* IE6-9
*/
border-radius: 3px;
color: #fff;
border: 1px solid #0a0a0a;
text-shadow: 0 0 2px #000;
font-size: 10px;
padding: 0 5px;
padding-bottom: 2px;
padding-top: 1px;
text-transform:uppercase;
margin-bottom: 4px;
}
a.postbit:hover {
background: #1d1d1d; /* Old browsers */
background: -moz-linear-gradient(top, #1d1d1d 50%, #323232 50%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(50%,#1d1d1d), color-stop(50%,#323232)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1d1d1d 50%,#323232
50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1d1d1d 50%,#323232 50%); /*
Opera 11.10+ */
background: -ms-linear-gradient(top, #1d1d1d 50%,#323232 50%);
/* IE10+ */
background: linear-gradient(top, #1d1d1d 50%,#323232 50%); /*
W3C */
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#1d1d1d', endColorstr='#323232',GradientType=0 ); /* IE6-9
*/
text-decoration: none;
border: 1px solid #0a0a0a;
}
a.postbit_large {
background: #323232; /* Old browsers */
background: -moz-linear-gradient(top, #323232 50%, #1d1d1d 50%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(50%,#323232), color-stop(50%,#1d1d1d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #323232 50%,#1d1d1d
50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #323232 50%,#1d1d1d 50%); /*
Opera 11.10+ */
background: -ms-linear-gradient(top, #323232 50%,#1d1d1d 50%);
/* IE10+ */
background: linear-gradient(top, #323232 50%,#1d1d1d 50%); /*
W3C */
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#323232', endColorstr='#1d1d1d',GradientType=0 ); /* IE6-9
*/
border-radius: 3px;
color: #fff;
border: 1px solid #0a0a0a;
text-shadow: 0 0 2px #000;
font-size: 14px;
padding: 0 10px;
padding-bottom: 4px;
padding-top: 2px;
text-transform:uppercase;
}
a.postbit_large:hover {
background: #1d1d1d; /* Old browsers */
background: -moz-linear-gradient(top, #1d1d1d 50%, #323232 50%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(50%,#1d1d1d), color-stop(50%,#323232)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1d1d1d 50%,#323232
50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1d1d1d 50%,#323232 50%); /*
Opera 11.10+ */
background: -ms-linear-gradient(top, #1d1d1d 50%,#323232 50%);
/* IE10+ */
background: linear-gradient(top, #1d1d1d 50%,#323232 50%); /*
W3C */
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#1d1d1d', endColorstr='#323232',GradientType=0 ); /* IE6-9
*/
text-decoration: none;
border: 1px solid #0a0a0a;
}
And follow the tutorial below.
http://community.mybb.com/thread-113303.html
Vorschau:
![]()
![]()
![]()
Quelle: http://mods.mybb.com/view/yellow-shine