[FM21] Intro Panel

Alexpuk2002 · December 7, 2020

I am editing the intro panel to show a background instead of the 3D dressing room. I was wondering though if there is an easy way to move the main menu over to the right a bit more so that the trophy in my background is more visible.

Erhan · December 7, 2020

That’s cool! Could you please share to intro panel?

lugui · December 7, 2020

Would love to learn how you managed to edit that intro @Alexpuk2002! Looks great.

a31632 · December 7, 2020

8 hours ago, Alexpuk2002 said:

I am editing the intro panel to show a background instead of the 3D dressing room. I was wondering though if there is an easy way to move the main menu over to the right a bit more so that the trophy in my background is more visible.

Look for this piece of coding in your intro panel, as you can see I have it on the left:

<container id="mnla" height="950" width="1200">
<layout class="arrange_vertical_attachment" layout="top" offset="0" gap="0" />
<layout class="stick_to_sides_attachment" alignment="left" apply_to_children="true" inset="0" />

Alexpuk2002 · December 7, 2020

Thanks for that @a31632 that has done what I wanted it to do. Looks a lot better now

a31632 · December 7, 2020

2 minutes ago, Alexpuk2002 said:

Thanks for that @a31632 that has done what I wanted it to do. Looks a lot better now

No worries, glad it worked out for you! ;-)

kingjericho · December 11, 2020

On 07/12/2020 at 12:12, lugui said:

Would love to learn how you managed to edit that intro @Alexpuk2002! Looks great.

okereke · December 12, 2020

Any quick/dirty/lazy way to get rid of the 3D intro and use even a black background instead? Just to save some life from the computer because it goes flying when I leave the game there hahaha

Alexpuk2002 · December 12, 2020

Here is the Intro Panel that I use in my skin. A few people have requested it so thought I would share. Just move the files into the relevant areas of your skin.

Intro Panel.zip

lugui · December 12, 2020

1 hora atrás, Alexpuk2002 disse:

Here is the Intro Panel that I use in my skin. A few people have requested it so thought I would share. Just move the files into the relevant areas of your skin.

Intro Panel.zip 169 kB · 3 downloads

Thank you so much for this suggestion, such a nice idea. Definitely got me nostalgic with those early FM vibes!

Edited December 12, 2020 by lugui

Enyu · January 29, 2021

On 08/12/2020 at 02:34, a31632 said:

Look for this piece of coding in your intro panel, as you can see I have it on the left:

<container class="bordered_box" appearance="main menu/intro">
<layout class="stick_to_sides_attachment" alignment="all" inset="0" />

<container id="mIco">
<layout class="arrange_horizontal_attachment" alignment="left" offset="0" gap="0" />
<layout class="arrange_vertical_attachment" alignment="left" offset="0" gap="0" />
<layout class="stick_to_sides_attachment" alignment="all" inset="60" />


<container id="mnla" height="950" width="1200">
<layout class="arrange_vertical_attachment" layout="top" offset="0" gap="0" />
<layout class="stick_to_sides_attachment" alignment="left" apply_to_children="true" inset="0" />

May I request your intro panel, that's very nice

Tyburn · January 29, 2021

Currently using this one myself. RIP.

JoséNEO · January 31, 2021

On 12/12/2020 at 15:19, lugui said:

Thank you so much for this suggestion, such a nice idea. Definitely got me nostalgic with those early FM vibes!

How did you get the actual menu itself to be black instead of purple?

TheStockportHatter86 · February 1, 2021

On 12/12/2020 at 20:15, Alexpuk2002 said:

Here is the Intro Panel that I use in my skin. A few people have requested it so thought I would share. Just move the files into the relevant areas of your skin.

Intro Panel.zip 169.92 kB · 74 downloads

So do you overwrite these? and can I use a custom made skin?

Edited February 1, 2021 by TheStockportHatter86

lugui · February 1, 2021

Em 31/01/2021 em 13:38, JoséNEO disse:

How did you get the actual menu itself to be black instead of purple?

Long story short: at the time of that screenshot, I was playing around with files from other (dark) skins and managed to get the black menu. Although, I messed up something and had to restore the original .xml, and I am not sure what exact code simply changes the colours from purple to dark. (if anyone knows it, I'd like to learn as well).

Anyway, I found a workaround, and managed to have it solid black, in case you're interested:

1- Download and extract the zip "IntroPanel". Put the contents on the respective foldas of your skin.

2- Download and extract the contents of my zip attached, place them on the path in the title. If you dont have it, just create the folders manually.

You can change the background image by replacing the file under \yourskin\graphics\main menu\background.

You can try different shades and colous for the menu by using a paper and paper@2x files under yourskin\graphics\boxes\custom\main menu.

3- Run the game or clear cache and restart the skin, should work.

This is how my menu looks like with after all that:

Extract thise files to yourskin-graphics-boxes-custom-main menu.rar IntroPanel.zip

Alexpuk2002 · February 2, 2021

On 31/01/2021 at 16:38, JoséNEO said:

How did you get the actual menu itself to be black instead of purple?

If you look on line 132 of the intro panel.xml then you should see the following code

<container class="main_contrast_box" id="mPic" width="500" appearance="boxes/custom/main menu/paper" navigation_container="true" default_focus="true">

Replace that code with the following

<container class="main_contrast_box" id="mPic" width="500" appearance="boxes/custom/main menu/paper" red_replacement="bg" blue_replacement="fg" navigation_container="true" default_focus="true">

Just replace the parts that are highlighted red with whatever colour you want to be shown. The red_replacement will change the main background colour of the box and the blue_replacement will change the colour of the lines at the top of the box

lugui · February 2, 2021

3 horas atrás, Alexpuk2002 disse:

If you look on line 132 of the intro panel.xml then you should see the following code


<container class="main_contrast_box" id="mPic" width="500" appearance="boxes/custom/main menu/paper" navigation_container="true" default_focus="true">

Replace that code with the following


<container class="main_contrast_box" id="mPic" width="500" appearance="boxes/custom/main menu/paper" red_replacement="bg" blue_replacement="fg" navigation_container="true" default_focus="true">

Just replace the parts that are highlighted red with whatever colour you want to be shown. The red_replacement will change the main background colour of the box and the blue_replacement will change the colour of the lines at the top of the box

Thanks for the explanation, @Alexpuk2002. Does seem a lot easier to work with.

A skinning question: what range of values do the red_replacement and blue_replacement codes accept in general? In other words, is there a list of values that can go there, such RGB, etc?

Edited February 2, 2021 by lugui

Tyburn · February 2, 2021

49 minutes ago, lugui said:

Thanks for the explanation, @Alexpuk2002. Does seem a lot easier to work with.

A skinning question: what range of values do the red_replacement and blue_replacement codes accept in general? In other words, is there a list of values that can go there, such RGB, etc?

It’ll call the code from the skin settings. Not sure if it accepts numbers, but it will accept whatever colour you have assigned to a name. “Dark_blue” = (rgb,rgb,rgb) for example.

It’ll accept the name.

Edited February 2, 2021 by Tyburn

TCSSkin · February 2, 2021

49 minutes ago, lugui said:

Thanks for the explanation, @Alexpuk2002. Does seem a lot easier to work with.

A skinning question: what range of values do the red_replacement and blue_replacement codes accept in general? In other words, is there a list of values that can go there, such RGB, etc?

You can use anything in the Material Design colour system. As well as this it also reads from the settings.xml. See here.

lugui · February 2, 2021

5 horas atrás, Tyburn disse:

It’ll call the code from the skin settings. Not sure if it accepts numbers, but it will accept whatever colour you have assigned to a name. “Dark_blue” = (rgb,rgb,rgb) for example.

It’ll accept the name.

Thank you very much!

5 horas atrás, bluestillidie00 disse:

You can use anything in the Material Design colour system. As well as this it also reads from the settings.xml. See here.

Thanks! I will definitely study that.

bkeaton · February 5, 2021

On 02/02/2021 at 02:02, lugui said:

Long story short: at the time of that screenshot, I was playing around with files from other (dark) skins and managed to get the black menu. Although, I messed up something and had to restore the original .xml, and I am not sure what exact code simply changes the colours from purple to dark. (if anyone knows it, I'd like to learn as well).

Anyway, I found a workaround, and managed to have it solid black, in case you're interested:

1- Download and extract the zip "IntroPanel". Put the contents on the respective foldas of your skin.

2- Download and extract the contents of my zip attached, place them on the path in the title. If you dont have it, just create the folders manually.

You can change the background image by replacing the file under \yourskin\graphics\main menu\background.

You can try different shades and colous for the menu by using a paper and paper@2x files under yourskin\graphics\boxes\custom\main menu.

3- Run the game or clear cache and restart the skin, should work.

This is how my menu looks like with after all that:

Extract thise files to yourskin-graphics-boxes-custom-main menu.rar 41.97 kB · 8 downloads IntroPanel.zip 167.75 kB · 5 downloads

can you share the crespo picture

begoodpam · February 5, 2021

6 horas atrás, bkeaton disse:

can you share the crespo picture

lembergman · February 5, 2021

lugui · February 5, 2021

12 horas atrás, bkeaton disse:

can you share the crespo picture

Glad you got it from @begoodpam! Love this pic.

I have this feeling that the ones aligned to the left with some sort of empty space on the right makes the game look more nostalgic :lol:

Im in love with this one, poetry in motion...

Edited February 5, 2021 by lugui

begoodpam · February 6, 2021

Hi, i need help do move a litle do the right, thx in advance.

el-chambo · February 6, 2021

The line of code you need is just above line 142.

If you look there will be a bit that has alignment right and just under that there should be a bit something like inset -175.

If you want to move it over a bit then make the number like -220

Edited February 6, 2021 by el-chambo

el-chambo · February 6, 2021

Any issues let me know and I can post the exact lines you need.

I have mind set to inset -220 so know it works.

begoodpam · February 6, 2021

5 minutos atrás, el-chambo disse:

Any issues let me know and I can post the exact lines you need.

I have mind set to inset -220 so know it works.

Done, and looks fine thank you for your help @el-chambo

Lucas78 · February 8, 2021

(yeah, the original picture is the way it is, and of course I haven't tried to adapt it to my resolution, 2560x1440). But talk about a throwback!

lembergman · February 10, 2021

macca7292 · February 10, 2021

On 07/12/2020 at 19:34, a31632 said:

Look for this piece of coding in your intro panel, as you can see I have it on the left:

<container class="bordered_box" appearance="main menu/intro">
<layout class="stick_to_sides_attachment" alignment="all" inset="0" />

<container id="mIco">
<layout class="arrange_horizontal_attachment" alignment="left" offset="0" gap="0" />
<layout class="arrange_vertical_attachment" alignment="left" offset="0" gap="0" />
<layout class="stick_to_sides_attachment" alignment="all" inset="60" />


<container id="mnla" height="950" width="1200">
<layout class="arrange_vertical_attachment" layout="top" offset="0" gap="0" />
<layout class="stick_to_sides_attachment" alignment="left" apply_to_children="true" inset="0" />

This looks really good!

How did you get the box to show transparent?

I've got mine over to the left but I'd like to move it down and reduce the size.

Any help gratefully appreciated!

s_pasmus · February 10, 2021

My INTRO :cool: GAZZA RULES

mp_87 · March 25, 2021

Just starting to fiddle around with this, some help please if anyone can.....

1. How do I remove the "What's New in FM" button and also the FM FC advert, as some have done? Deleting the relevant containers in the Intro Panel just seems to corrupt booting up the game, whilst removing the Intro Promo Banner xml and picture file hasn't had any effect.

2. Think I should be able to adjust the colour and size of the start menu/columns, thanks to what is already mentioned in previous posts, but how do I adjust the transparency to show more of my background pic? Made my own Paper transparency file but it went very wrong!

Ta in advance.

(Deleted Pic in case of copyright problems, my background has the PL logo plus Club Badges)

Edited March 25, 2021 by mp_87

DWCallaghan · April 1, 2021

Why do some kits appear here and others just show the generic template ones ?

Tyburn · April 2, 2021

3d kits

putuadidharma0 · April 2, 2021

My favorite intro hehehehehhe

DWCallaghan · April 2, 2021

7 hours ago, Tyburn said:

3d kits

Ah ok.

vamcj · April 5, 2021

On 07/12/2020 at 16:34, a31632 said:

Procure esta parte da codificação em seu painel de introdução, como você pode ver, eu a tenho à esquerda:

<container class = "bordered_box"
appear = "main menu / intro"> <layout class = "stick_to_sides_attachment" align = "all" inset = "0" />

<container id = "mIco">
<layout class = "organization_horizontal_attachment" direction = "left" offset = "0" gap = "0" />
<layout class = "organization_vertical_attachment" direction = "left" offset = gap "0" = "0" />
<layout class = "stick_to_sides_attachment" alinhamento = "all" inset = "60" />

<! - Conteúdo ->
<container id = "mnla" height = "950" width = "1200">
<layout class = "organization_vertical_attachment" layout = "top" offset = "0" gap = "0" />
<layout class = "stick_to_sides_attachment" alinhamento = "left" apply_to_children = "true" inset = "0" />

Teach us how to do the same as yours or share the file with us, please

Liki_boom_boom_down · November 18, 2021

Hello,

did somebody already make it work for FM22?

Would love to be able to replace the 3D manager and locker room background with either a generic FM or club specific background.

Thanks!

Crb1986 · November 19, 2021

Em 18/11/2021 em 10:13, Liki_boom_boom_down disse:

Hello,

did somebody already make it work for FM22?

Would love to be able to replace the 3D manager and locker room background with either a generic FM or club specific background.

Thanks!

Hello!

Tried it now with OPZ but didn't work

a31632 · November 19, 2021

The code for the intro panel still works fine in FM 2022, so if you got it working last year it should still work.

The only change I needed to make with my panel, in the menu buttons sections. was changing widget class="button" to widget class="subtle_button" to make the button "clickable".

Edited November 19, 2021 by a31632
Updated screenshot with new background

EnigMattic1 · November 19, 2021

1 hour ago, a31632 said:

The code for the intro panel still works fine in FM 2022, so if you got it working last year it should still work.

The only change I needed to make with my panel, in the menu buttons sections. was changing widget class="button" to widget class="subtle_button" to make the button "clickable".

So I can pull my FM21 intro over and all I have to do is change that small bit of code?

a31632 · November 19, 2021

35 minutes ago, EnigMattic1 said:

So I can pull my FM21 intro over and all I have to do is change that small bit of code?

I did and it worked with me as the example shows

Crb1986 · November 19, 2021

6 horas atrás, Crb1986 disse:

Hello!

Tried it now with OPZ but didn't work

Update: Got it working. Missed a folder previously.

EnigMattic1 · November 20, 2021

I can't get this to work. I've copied the intro panel xml from FM21 and the background I had, but I still have the dressing room and manager. Have I missed something out?

Mark8213 · May 28, 2022

On 07/12/2020 at 19:34, a31632 said:

Look for this piece of coding in your intro panel, as you can see I have it on the left:

<container class="bordered_box" appearance="main menu/intro">
<layout class="stick_to_sides_attachment" alignment="all" inset="0" />

<container id="mIco">
<layout class="arrange_horizontal_attachment" alignment="left" offset="0" gap="0" />
<layout class="arrange_vertical_attachment" alignment="left" offset="0" gap="0" />
<layout class="stick_to_sides_attachment" alignment="all" inset="60" />


<container id="mnla" height="950" width="1200">
<layout class="arrange_vertical_attachment" layout="top" offset="0" gap="0" />
<layout class="stick_to_sides_attachment" alignment="left" apply_to_children="true" inset="0" />

i cant find the line for the code to move the panel to the left is it possible you can point me in the right direction thanks

Sign In

[FM21] Intro Panel

Recommended Posts

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post

Share on other sites

Link to post