22.01.2013, 17:30
(Dieser Beitrag wurde zuletzt bearbeitet: 26.08.2014, 09:54 von MyBB.de Bot.)
Eine neue Erweiterung wurde veröffentlicht: Yellow Shine
Zitat:A Dark Golden Color theme with custom thread legit and login modal. This theme also has round corners.
I have also added 2-3 background images so you may pick the one you like the most.
As for buttons, I recommend CSS buttons.
If you guys want CSS buttons then here is a code that I recommend. Add this to the bottom of your global.css of YellowShine
Code: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