Kitty Corp Meow Mix Forums

Help & Tutorials => Texture and Portrait Tutorials => Topic started by: Amarythe on February 25, 2014, 07:04:38 PM

Title: How to Make A Custom Project M 3.0 CSS Screen
Post by: Amarythe on February 25, 2014, 07:04:38 PM
Making custom CSS screens has been pretty basic stuff for a while. However, with the onset of Project M 3.0, things get a tiny bit more complicated.

In the first place, Project M uses GCT codes to rearrange the CSS icons around. Meaning? What you see in the CSS Organizer isn't what you get.
Second of all, the CSS organizer, even after opening the proper sc_selcharacter_en.pac, CSS Organizer only displays 36 characters, as opposed to Project M's selection of 40+ characters.

Luckily, there are relatively simple ways to circumnavigate both of these problems. Below is an easy to follow, comprehensive guide that will take you through the basic steps involved with rearranging your own personal P:M 3.0 CSS. Seriously, this guide is so ridiculously specific that even the n00biest of n00bs can handle it.

First and foremost, here's a link to the CSS organizer (2.0). Full credit for this program goes to Phantom Wings. (

The second step? Open up your version of Brawl Box.
Click Open. (derp)
Navigate to your SD card. (Or whatever you're using)
Open the Project M folder.
Open the PF folder.
Open the System folder.
Open the common5.pac file.

Now, within the common5.pac, before anything else you'll see three expandable folders. One of them is named "sc_selcharacter_en.pac". Right click on this folder, and click "Export".
Do not click "Export All".

Aaaaand we're on our way!
Now, open up the CSS Organizer, and within that program, open up the "sc_selcharacter_en.pac" you just exported. If you followed the steps right, this is what you'll see:


Look in the bottom right corner. See that red circle? Raise that value from "36" to "42".

Why, you ask?
That's a stupid question.

Now, after following that step, this is what you'll see.


Now... like I said before, what you're looking at in the CSS program isn't what you get in-game.
As in: Mario? The first icon?
Yeah, that's actually Wario.

And why is that? Observe:


You guessed it! It's because in Project M 3.0, Wario is the first icon.
Startin' to connect the dots here?

...No? Well, if not, this image should answer all your questions.


Bam! That's about as simple as I can make it. Simply use the above image as a reference, and organize your new CSS accordingly! And thus ends this tutorial. Feel free to flood this thread with your silly questions, so I can laugh at yo- errr, help you out!

Now somebody gimme one o' them fancy pants tutorial Awards.

Title: Re: How to Make A Custom Project M 3.0 CSS Screen
Post by: PK-Thunder on March 03, 2014, 12:58:48 PM
welp. so much for not hacking anymore. Imma give this a shot...

Title: Re: How to Make A Custom Project M 3.0 CSS Screen
Post by: souphard on December 16, 2014, 08:26:50 PM
It says error file not found

Title: Re: How to Make A Custom Project M 3.0 CSS Screen
Post by: DestROY13103 on August 07, 2015, 12:50:04 PM
I have that problem too halp