MyBB Community Forums

I was bored today and did a few edits to the MyBB CSS via Stylish (listed below). Note: This does not contain major changes its just a few edits with some CSS3 effects to make the site look a little nicer (imo). For a preview click the link below.

http://i.imgur.com/I6OfM.png


To install this use the Stylish plugin available for Chrome and Firefox

Enjoy !

.alert, .notice2, .notice {
	z-index: 2;
	width: 97%;
	margin-left: -12px;
	padding-left: 26px;
	padding-right: 26px;
}

.notice {margin-bottom:40px;}

#menu li a {
	transition: .1s linear;
	-webkit-transition: .1s linear;
	-moz-transition: .1s linear;
	-o-transition: .1s linear;
}

.menu ul a:link, .menu ul a:visited {
	transition: .1s linear;
	-webkit-transition: .1s linear;
	-moz-transition: .1s linear;
	-o-transition: .1s linear;
}

input#search_box {
	background: rgba(255, 255, 255, .8);
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
}

input#search_box:focus { 
	background: #fff url(http://mybboard.net/assets/images/search.png) 5px no-repeat;
	outline: none;
}

.thead a:link {
	text-shadow: 0 0 1px rgba(0, 0, 0, .9);
}

.thead .smalltext {text-shadow: 0;}

.thead {
	text-shadow: 0 0 1px rgba(0, 0, 0, .9);
}

#lang_select {display:none;}

.bottommenu {
	text-align: center;
	z-index: 2;
	width: 100%;
	margin-left: -12px;
	border-right: 0;
	border-left: 0;
	border-color: #D4D4D4;
	padding-right: 14px;
}

Looks nice Jason, gj.

lol I'd like to see you redo the whole site

(2011-08-20, 08:22 PM)Kolton T. Wrote: [ -> ]Looks nice Jason, gj.

The animation when you click on the search textbox is my fav.

---

(2011-08-20, 08:26 PM)lucasbytegenius Wrote: [ -> ]lol I'd like to see you redo the whole site

I tried that. It looked like a pile of orange since I cant edit the HTML only the css.

Try Firebug.

Or Chrome's Developer Tools.

(2011-08-20, 08:30 PM)faviouz Wrote: [ -> ]Try Firebug.

Or Chrome's Developer Tools.

? How would I have the code stick? Or share it with you guys?

Well, edit the HTML. Then take a screenshot like you did and share it with us.

(2011-08-20, 08:35 PM)faviouz Wrote: [ -> ]Well, edit the HTML. Then take a screenshot like you did and share it with us.

Then I cannot provide you guys with the code or have it stick. It would be completely gone on refresh.

Oh, so Stylish actually allows you to save the changes and use them live? Now that's pretty cool.

Unfortunately you can't do that with Firebug or Chrome's Developer Tools, nor do I know of any other extension that does it.

(2011-08-20, 08:39 PM)faviouz Wrote: [ -> ]Oh, so Stylish actually allows you to save the changes and use them live? Now that's pretty cool.

Unfortunately you can't do that with Firebug or Chrome's Developer Tools, nor do I know of any other extension that does it.

Yes!