MyBB.de Forum
Yellow Shine - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Veröffentlichungen und -Support (https://www.mybb.de/forum/forum-83.html)
+--- Thema: Yellow Shine (/thread-27355.html)



Yellow Shine - MyBB.de Bot - 22.01.2013

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