22.01.2013, 18:30
(Dieser Beitrag wurde zuletzt bearbeitet: 26.08.2014, 10: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