Nonoba Forums / Nonoba

>>> New Nonoba Theme(s) Here <<<

Toby said

a long time ago | Post #1

Themes.

OK, so some of you are moaning alot about the themes and all. So I decided to conjure up a quick 'un just to see if I could. Here's how to get Nonoba like this:
http://img12.imageshack.us/img12/1279/themev.jpg
SURE. It aint the best theme yet, but i'll try to make some new ones soon. This was just a lil' test. :)

What You'll Need.

Firefox : www.firefox.com
Stylish : https://addons.mozilla.org/en-US/firefox/addon/2108
A Functional Brain, Capable of following instructions : Ask Parents.

Lolwut? Themes?

Yea, basically. Using CSS and Stylish, webpages can be made to look different.

Like Zomg! Howzors?

Basically, once you have the aforementioned installed, you should have a litte paintbrush and page icon in the bottom right of your browser. Right click this and click:
Write Style -> Nonoba.com

Now Highlight all the current crap and replace it with this:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("nonoba.com") {
body {
  background-color:#99ff33 !important;
  background-image:url(http://img26.imageshack.us/img26/6578/bgxyloop.jpg) !important;
}
#nlogo{background:url(http://img89.imageshack.us/img89/9877/logoq.png) center center no-repeat !important; }

.topmenu a{
	background:url(http://img4.imageshack.us/img4/6407/mybuttons.png) -10px 0px !important;
}
.topmenu a.active{background-position:-10px -99px !important;}
.topmenu a:hover{background-position:-10px -33px !important;}
.topmenu a:active{background-position:-10px -66px !important;}
#firsttopmenulink{background-position:0px 0px !important;}
#firsttopmenulink.active{background-position:0px -99px !important;}
#firsttopmenulink:hover{background-position:0px -33px !important;}
#firsttopmenulink:active{background-position:0px -66px !important;}

#lasttopmenulink{background-position:right 0px !important;}
#lasttopmenulink.active{background-position:right -99px !important;}
#lasttopmenulink:hover{background-position:right -33px !important;}
#lasttopmenulink:active{background-position:right -66px !important;}
#outertopbarcontainer{ height:74px !important; }
#topbarcontainer{
	position:relative !important;
        height:74px !important;
	background:url(http://img16.imageshack.us/img16/2043/bannersmall.png) left top repeat-x !important;
        border-bottom:solid 1px !important;
}
#topsearch{background:url(http://img24.imageshack.us/img24/1317/searchbgjm7.png) repeat-y 0px 0px !important; width:235px !important; height:74px; position:absolute !important; top:0px !important; right:0px !important; }
.focusarea{background-color:#ccff99 !important;}

.infocusarea{
	color:black !important;
	font-family:Arial, Sans-Serif !important;
        padding-top:20px !important;
}

.maincontent{
	border-top:5px solid white !important;
	background:url(http://img5.imageshack.us/img5/7691/bgloop.png) repeat-y center !important;	
}
#nonobafooter{background-color:#ccff99 !important;}
.span-4{position:relative !important; left:20px !important;}
}

Click Preview and you SHOULD get somthing like this:
http://img12.imageshack.us/img12/1279/themev.jpg

Tada?

More to (potentially) come.

Last edited a long time ago

Post #2 deleted

Post #3 deleted

XumiliasX said

a long time ago | Post #4

Thank man you very good

timz said

a long time ago | Post #5

Cool!:D

jk said

a long time ago | Post #6

hmmm i like it

Post #7 deleted

][Steven][ said

a long time ago | Post #8

Red n Black Nonoba Theme

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("nonoba.com") {
body {
  background-color:#ff0000 !important;
  background-image:url(http://i658.photobucket.com/albums/uu303/AshesInnocent/black.jpg) !important;
}
#nlogo{background:url(http://i729.photobucket.com/albums/ww296/Steven_F19/Nonoba4.gif) center center no-repeat !important; }

.topmenu a{
	background:url(http://i729.photobucket.com/albums/ww296/Steven_F19/NonobaButtons2.png) -10px 0px !important;
}
.topmenu a.active{background-position:-10px -99px !important;}
.topmenu a:hover{background-position:-10px -33px !important;}
.topmenu a:active{background-position:-10px -66px !important;}
#firsttopmenulink{background-position:0px 0px !important;}
#firsttopmenulink.active{background-position:0px -99px !important;}
#firsttopmenulink:hover{background-position:0px -33px !important;}
#firsttopmenulink:active{background-position:0px -66px !important;}

#lasttopmenulink{background-position:right 0px !important;}
#lasttopmenulink.active{background-position:right -99px !important;}
#lasttopmenulink:hover{background-position:right -33px !important;}
#lasttopmenulink:active{background-position:right -66px !important;}
#outertopbarcontainer{ height:74px !important; }
#topbarcontainer{
	position:relative !important;
        height:74px !important;
	background:url(http://i658.photobucket.com/albums/uu303/AshesInnocent/black.jpg) left top repeat-x !important;
        border-bottom:solid 1px !important;
}
#topsearch{background:url(http://i568.photobucket.com/albums/ss124/Nonoba_CSS/SearchBox1-1.gif) repeat-y 0px 0px !important; width:235px !important; height:74px; position:absolute !important; top:0px !important; right:0px !important; }
.focusarea{background-color:#ff0000 !important;}

.infocusarea{
	color:black !important;
	font-family:Arial, Sans-Serif !important;
        padding-top:20px !important;
}

.maincontent{
	border-top:5px solid red !important;
	background:url(http://i568.photobucket.com/albums/ss124/Nonoba_CSS/Red1-1.jpg) repeat-y center !important;	
}
#nonobafooter{background-color:#ff0000 !important;}
.span-4{position:relative !important; left:20px !important;}
}

I will be updating this soon and making the wonderbar red.

Last edited a long time ago

Post #9 deleted

][Steven][ said

a long time ago | Post #10 | in reply to #9

Ty lol.

][Steven][ said

a long time ago | Post #11

Blue!

@-moz-document domain("nonoba.com") {
body {
  background-color:#ff0000 !important;
  background-image:url(http://i169.photobucket.com/albums/u238/konawild/blue.png) !important;
}
#nlogo{background:url(http://i729.photobucket.com/albums/ww296/Steven_F19/Nonoba6.gif) center center no-repeat !important; }

.topmenu a{
	background:url(http://i729.photobucket.com/albums/ww296/Steven_F19/NonobaButtons3.png) -10px 0px !important;
}
.topmenu a.active{background-position:-10px -99px !important;}
.topmenu a:hover{background-position:-10px -33px !important;}
.topmenu a:active{background-position:-10px -66px !important;}
#firsttopmenulink{background-position:0px 0px !important;}
#firsttopmenulink.active{background-position:0px -99px !important;}
#firsttopmenulink:hover{background-position:0px -33px !important;}
#firsttopmenulink:active{background-position:0px -66px !important;}

#topsearch{background:url(http://i729.photobucket.com/albums/ww296/Steven_F19/SearchBox3.png) repeat-y 0px 0px !important; width:235px !important; height:74px; position:absolute !important; top:0px !important; right:0px !important; }
.focusarea{background-color:#56A5EC !important;}

.infocusarea{
	color:black !important;
	font-family:Arial, Sans-Serif !important;
        padding-top:20px !important;
}
.maincontent{
	border-top:5px blue !important;
	background:url(http://i169.photobucket.com/albums/u238/konawild/blue.png) repeat-y center !important;	
}

#nonobafooter{background-color:#ff0000 !important;}
.span-4{position:relative !important; left:20px !important;}
}

For some reason I couldn't get the Wonderbar code to work so this will be updated later when I figure out what's wrong.

Last edited a long time ago

Home said

a long time ago | Post #12 | in reply to #11

dude, you need to create a version of the Nonoba logo that doesnt look so horrible on non-white backgrounds. That includes the one on your profile. It looks like garbage when it's not cut out properly.

Post #13 deleted