[HELP] V83 new look CashShop !!

[ryoutanman]

Hello. Im using V83 HeavenMS.
I use Deepl translation, so sorry for my poor English.

Im working on creating an innovative new UI cash store.
But Im struggling with two problems.

The first is the position of the user ID and other text in the red circle.
If possible, I would like to move this text to the bottom of BEST ITEM on the right side of the screen.

The second is the position of the item itself in the blue circle.
The item itself is generally positioned in the upper left corner of the screen, so we would like to move it to the little lower right.


Please help me if you can.
Thanks for reading this far.

[MentaL]

[religion]

Honestly it looks good. As for the userID and whatever else that says, I am not sure what you would do with it. Even on this UI there isn't a spot for you to put it. Maybe you can edit the actual image to keep those there if you can't figure out how to move it. I believe with Client editing you can but idfk how lol. As for the blue circle. Easy way would just edit the entire image again and move the gray rectangles up.

[ryoutanman]

Honestly it looks good. As for the userID and whatever else that says, I am not sure what you would do with it. Even on this UI there isn't a spot for you to put it. Maybe you can edit the actual image to keep those there if you can't figure out how to move it. I believe with Client editing you can but idfk how lol. As for the blue circle. Easy way would just edit the entire image again and move the gray rectangles up.

Thank you for your kind words and for your reply!
Regarding the cache store UI, everything is positioned by the client.
There is nothing in Wz that allows you to edit the positioning.
I changed a lot of addresses related to the cash store, but still couldn't find it, so I posted this because I was having trouble finding it, lol.

By the way, all the UI positions on the login screen were also restricted by the client. LOL.

[Angxl]

I like it! The world select screen is cute too.
Here are a few notes I had written while remaking my own

Spoiler:

WriteByte(0x004B8066 + 2, 0x65);                //Items List Icons Y
WriteByte(0x004B806E + 2, 0x1B);                //Items List Icons X
WriteByte(0x004B7FE4 + 2, 0x65);                //Package Icons Y
WriteByte(0x004B7FED + 2, 0x1B);                //Package Icons X
WriteByte(0x004B814B + 1, 0x55);                //Item List Names "..." Control
WriteByte(0x004B81CF + 2, 0x70);                //Items List Names Y
WriteByte(0x004B81D6 + 2, 0x1A);                //Items List Names X
WriteByte(0x004B8CD8 + 2, 0x7F);                //Items List NX Y
WriteByte(0x004B8CDF + 2, 0x23);                //Items List NX X
WriteByte(0x004B7F07 + 2, 0x00);                //Tab select items Y
WriteByte(0x004B7F0B + 2, 0x00);                //Tab select items X

//Buttons    
WriteByte(0x004BA75F + 2, 0x09);                //BtBuy X
WriteByte(0x004BA8EB + 2, 0x0C);                //BtReserve Y
WriteBytes(0x004BA8F3, "83 C2 0E 90 90 90");    //BtReserve X
WriteByte(0x004B868E + 2, 0x1F);                //"E" Symbol Y
WriteByte(0x004B8692 + 2, 0x0D);                //"E" Symbol X
WriteByte(0x004B88B4 + 2, 0x1F);                //"M" & "F" Y
WriteByte(0x004B88B8 + 2, 0x5A);                //"M" & "F" X

[ryoutanman]

I like it! The world select screen is cute too.
Here are a few notes I had written while remaking my own

Spoiler:

WriteByte(0x004B8066 + 2, 0x65);                //Items List Icons Y
WriteByte(0x004B806E + 2, 0x1B);                //Items List Icons X
WriteByte(0x004B7FE4 + 2, 0x65);                //Package Icons Y
WriteByte(0x004B7FED + 2, 0x1B);                //Package Icons X
WriteByte(0x004B814B + 1, 0x55);                //Item List Names "..." Control
WriteByte(0x004B81CF + 2, 0x70);                //Items List Names Y
WriteByte(0x004B81D6 + 2, 0x1A);                //Items List Names X
WriteByte(0x004B8CD8 + 2, 0x7F);                //Items List NX Y
WriteByte(0x004B8CDF + 2, 0x23);                //Items List NX X
WriteByte(0x004B7F07 + 2, 0x00);                //Tab select items Y
WriteByte(0x004B7F0B + 2, 0x00);                //Tab select items X

//Buttons    
WriteByte(0x004BA75F + 2, 0x09);                //BtBuy X
WriteByte(0x004BA8EB + 2, 0x0C);                //BtReserve Y
WriteBytes(0x004BA8F3, "83 C2 0E 90 90 90");    //BtReserve X
WriteByte(0x004B868E + 2, 0x1F);                //"E" Symbol Y
WriteByte(0x004B8692 + 2, 0x0D);                //"E" Symbol X
WriteByte(0x004B88B4 + 2, 0x1F);                //"M" & "F" Y
WriteByte(0x004B88B8 + 2, 0x5A);                //"M" & "F" X

Hey, angxl! Thanks for your reply.
I was inspired by the stylish UI you posted and worked hard on it! Thanks~(；＿；))

This code is very helpful and I'm sure the WzEditors who saw this thread will make progress lol!
I'll try some more stuff!

[ryoutanman]

I like it! The world select screen is cute too.
Here are a few notes I had written while remaking my own

Spoiler:

WriteByte(0x004B8066 + 2, 0x65);                //Items List Icons Y
WriteByte(0x004B806E + 2, 0x1B);                //Items List Icons X
WriteByte(0x004B7FE4 + 2, 0x65);                //Package Icons Y
WriteByte(0x004B7FED + 2, 0x1B);                //Package Icons X
WriteByte(0x004B814B + 1, 0x55);                //Item List Names "..." Control
WriteByte(0x004B81CF + 2, 0x70);                //Items List Names Y
WriteByte(0x004B81D6 + 2, 0x1A);                //Items List Names X
WriteByte(0x004B8CD8 + 2, 0x7F);                //Items List NX Y
WriteByte(0x004B8CDF + 2, 0x23);                //Items List NX X
WriteByte(0x004B7F07 + 2, 0x00);                //Tab select items Y
WriteByte(0x004B7F0B + 2, 0x00);                //Tab select items X

//Buttons    
WriteByte(0x004BA75F + 2, 0x09);                //BtBuy X
WriteByte(0x004BA8EB + 2, 0x0C);                //BtReserve Y
WriteBytes(0x004BA8F3, "83 C2 0E 90 90 90");    //BtReserve X
WriteByte(0x004B868E + 2, 0x1F);                //"E" Symbol Y
WriteByte(0x004B8692 + 2, 0x0D);                //"E" Symbol X
WriteByte(0x004B88B4 + 2, 0x1F);                //"M" & "F" Y
WriteByte(0x004B88B8 + 2, 0x5A);                //"M" & "F" X

You've helped me to design it more optimized!Thank you.

Just one more question, do you know the address to change the submenu?
I'm having trouble making it look more serene because the colors are getting in the way.

[Angxl]

You've helped me to design it more optimized!Thank you.

Just one more question, do you know the address to change the submenu?
I'm having trouble making it look more serene because the colors are getting in the way.

Changing the color might be pretty easy, just look around the function that handles the origin or something. Anything other than that I wouldn't know, sorry :( I left my tabs default and never looked into anything else since I was satisfied with the way it came out.