Kitty Corp Meow Mix Forums

Help & Tutorials => Texture and Portrait Tutorials => Topic started by: TP on May 20, 2017, 10:59:45 AM



Title: How to: Custom CSS
Post by: TP on May 20, 2017, 10:59:45 AM
In this text guide I am going to show you how to make a CSS screen to your liking. What you are going to need is the CSS organizer and the sc_selcharacter(_en).pac (_en for PAL users).

DOWNLOAD FILES BELOW

(http://i.imgur.com/dvjM2Dg.png) (http://download1815.mediafire.com/55pvblus8lng/prv61361x9y921m/Brawl+files+for+Custom+CSS.rar)
(http://i.imgur.com/dvjM2Dg.png) (http://filehippo.com/download_paint.net/download/bc83cdf009bcbc57bc8fdedd5850d76b/)

Extract the CSS organizer to your desktop. Now open Brawlbox and then open up sc_selcharacter_en.pac (rename it to sc_selcharacter.pac for US) and go down to MiscData[70] and extract MenSelchrChrFace.002.png (Donkey Kong), the reason we're not doing Mario is because it doesn't show it when extracted sometimes, probably the name of the png or something to do with Brawlbox. Now open it with an editing software (Paint.net is what I use).

Firstly, open the DK CSS you extracted. Press 'Ctrl'+'R' to resize the image. Change the width to 80 pixals, height to 23 pixals. Now navigate to gradient and select two colors that are different to each other.
(http://i.imgur.com/78VUbVE.png)
Click above the image and scroll down, holding the left click, then let go when it's under the image to give the image a fade type of look in the image.

(http://i.imgur.com/0VIW5iW.png)
Save this image and open it up in Paint.net and press 'Ctrl'+'A' to cover the whole image, then 'Ctrl'+'C' to copy. On the top right of the screen, you will see six icons (if you're using Paint.net), the third one is layers, click it and you should see your current layers on screen.

(http://i.imgur.com/vWbcgey.png)
Make a new layer and press 'Ctrl'+'V' to paste the image to it.

(http://i.imgur.com/aLWv924.png)
You will be given the option to expand canvas or keep canvas size. Select keep canvas size. Now move the image to fit the CSS and then save.

(http://i.imgur.com/qXhlMMW.png)

You can use what ever image you like, however, images must be 128x160 pixals in size. It will not fit properly if it's any other size. Now save the sc_selcharacter(_en).pac and then open up CSS organizer and then open sc_selcharacter(_en).pac click on Donkey Kong. Change the scale X from 1 to 1.5 and Y from 1 to 0.7.

(http://i.imgur.com/fnKjyGC.png)

Now do the same for every character, change there CSS to the same size as DK image, open CSS manager and change scales to X1.5, Y0.7. It can be done anyway that you want it to. I mean the scales will match up with the image that you added. I don't know how to make the CSS transparent but if I did I would add it to this tutorial as an update. That's about all it takes. I hope you have a lot of fun with this.