Read ME first!

http://nonoba.com/forum/nonoba/abusing-your-right-to-customise-and-pointing-the-finger-of-shame-another-css-thread

GET ALL THIS CSS DONE FOR YOU!

Here is a Fansite-Documentation which will do EVERYTHING below without any coding knowledge required. Enjoy!
http://insite-world.com/css_maker/diverting.html

The correct people are credited if I used your codes below. ;)

Intro

Yes, so the newnoba appears to have broken many of your CSS pages due to the class' being renamed and such, but never fear! Post what you know about and together we can recreate our pages!

Teh C0des!

These extracts go into the settings -> text -> stylesheet area of your profile. Enjoy.
.
.

How to Change the Background Image:

This code will change the lower (white) area of your profile to whatever you want.
.maincontent{ background:url(*IMAGEURLHERE*) repeat 0px 0px #FFFFFF; }
Replace IMAGEURLHERE with the location of the background image you want.
.
.

How to change your profile text box.

This code will change the textbox of your profile by altering the background.

First you'll need this image:
http://c.nonoba.com/m/I/Boxes/rightspeech-mid.E-fhb0I1SgsSNHOF95b-7_WzKrA.png
NOTE: THE WHITESPACE to the left IS REQUIRED

then use this code:
.box.rightspeech .background, .box.rightspeech .background div { background-image:url(*EDITEDIMAGEURL*); }
Again, replace EDITEDIMAGEURL with the image location.

NEXT you need to fix the tops and bottoms. For this you'll need this image:
http://c.nonoba.com/m/I/Boxes/rightspeech.iFxF46WHOLxG3egY3zmbwW-bm2E.png

And you'll have to change this code:
.box.rightspeech .bc1, .box.rightspeech .bc2, .box.rightspeech .bc3, .box.rightspeech .bc4{ background-image:url(*IMAGEURLHERE*); }
And as if I need to tell you. Replace IMAGEURLHERE with the location of the edited file.
.
.

How To Edit the Nonoba Logo

NO. Do not remove the Logo, do not make it un-seeable, people want to be able to know where they are

The logo should be 70 by 150 in dimensions.

#nlogo{ background:url(*IMAGEURLHERE*) no-repeat 0px 0px; }

And yes, unless you really didn't grasp the concept yet. IMAGEURLHERE refers to the location of your new logo.
.
.

How to Edit the SearchBox

Ok, so first you'll be wanting this image:
http://img231.imageshack.us/img231/5897/searchboxir1.png

Download it, edit it and then reupload it.

Use:
#topsearch{background:url(*IMAGEURLHERE*) no-repeat 0px 0px; width:235px; height:70px; position:absolute;top:0px;right:0px; }

Then replace IMAGEURLHERE with it's location.
.
.

How to Change The Wunderbar (playbar) Background:

This is another simple edit.
.playbar{ background:url(*IMAGEURLHERE*) repeat 0px 0px; }
IMAGEURLHERE should be the location of the background image.
For this image you can use replace "repeat" with "repeat-x" to make it a side scrolling image only. If you are doing this, the image will need to be a height of 61px.
.
.

How to change the Standard boxes (on the right).

This is another standard image swap. You'll need this files:

Image 1:
http://c.nonoba.com/m/I/Boxes/speech.udYuBoZWblHyRhaG0zEwW218FQA.png
Image 2:
http://c.nonoba.com/m/I/Boxes/speech-mid.alNHY4w_UDidXI1ASXH5phn6iGQ.png

//*THIS CONTAINS THE CORNERS*\\ .box.speech .bc1, .box.speech .bc2, .box.speech .bc3, .box.speech .bc4{ background-image:url(*IMAGE_1_URL*); } //*THIS CONTAINS THE BACKGROUND*\\ .box.speech .background, .box.speech .background div { background-image:url(*IMAGE_2_URL*)}

Replace IMAGE_1_URL and IMAGE_2_URL with their locations respectively.
.
.

How to Change the Colour of the "Focus-Bar".

The focus bar (i.e. That blue thing between navigation and the the page-content) can be changed by editing its hex value. Here is the code:
.focusarea{background-color:#*NEWHEXHERE*;}
Replace NEWHEXHERE with your new colour hex.

Don't know how to find a hex? Look down in the F.A.Q
.
.
.
.

F.A.Q

.
.

Where Can I upload these images?

There are multiple sites you could use. My favourite (they don't limit bandwidth or require an account) is http://www.imageshack.us
.
.

Somthing I want isn't on here.

I'm looking as are others. Just post about things you find here so we can create some form of knowledgebase.
.
.

Q.My image only displays once and then just a blank Colour, why?

A. This is because the repeat tag hasn't been added after the image. Lets take this case, for example:
.playbar{ background:url(*IMAGEURLHERE*) repeat 0px 0px; }
Because the url is followed by repeat it will copy in ALL directions. If we changed this to repeat-x then it will only repeat along the horizontal (<--->) axis, and only across the y axis if we change it to repeat-y. If you want it to loop then change it from no-repeat to one of the above.
.
.

Q.What is a colour hex value and how do I get one?

From Wikipedia:
===========================
A hex triplet is a six-digit, three-byte hexadecimal number used in HTML, CSS, SVG, and other computing applications, to represent colors. The bytes represent the red, green and blue components of the color. One byte represents a number in the range 00 to FF (in hexadecimal notation), or 0 to 255 in decimal notation. This represents the least (0) to the most (255) intensity of each of the color components. The hex triplet is formed by concatenating three bytes in hexadecimal notation, in the following order:

Byte 1: red value (color type red)
Byte 2: green value (color type green)
Byte 3: blue value (color type blue)
===========================

If you don't care about that stuff:
To find a hex for your CSS goto:
http://html-color-codes.com/
and copy the 6-digit code from the coloured square you want.
Remember: IN CSS HEX CODES MUST HAVE "#" BEFORE THEM!
.
.

Q.Somthing is not positioned the way I want it, how can I fix this?

A. You can use top, left, right, bottom. For example, if your nonoba logo is too high on the page, adding:
top:12px;
on the line above
background:url...
will move it down 12 pixels. Left is distance from the left and right and bottom are hopefully obvious from there.

<3 Toby

cool! Thanks Toby.
I gotta start working on my css :D

yaaaaaaaaaaay <333

Inforno Emporer, the files must uploaded to the internet, you cannot use locally stored files for your CSS.

^There. Upload to him.

what's the "playbar"?

That's due to the space you left between "background:url" and "(http://...".
You'll need this:
#nlogo{ top:12px; background:url(http://chrisbenjaminsen.com/nonobaresources/logo.gif) no-repeat 0px 0px; }

The top:12px essentially moves it 12px from the top of the page.

Sorry, blakeg14! Didn't see your post! The 'playbar', 'Wunderbar' or Wonderbar (jokingly of course :3) as I call it, is the the new bar at the bottom of all the pages. It has the Noba, 4 tiles and settings along it. Look Down! :)