Jump to content

[FM21][SKIN][WIP] FMEnhanced v3.0


Recommended Posts

21 hours ago, wkdsoul said:

Fantastic Stuff.  FME :) 

Cheers @wkdsoul. I still plan to incorporate the 'per 90' stats etc. I just haven't had the time to organise it properly and find a layout I am happy with for both outfield players and keepers.

1 hour ago, IamOverrated said:

Looks absolutely amazing! Trying to stitch together a dark version myself right now.

Thanks a lot @IamOverrated. Go for it. I have a working version but it's an old settings file from a previous version of FME that I wasn't entirely happy with. Feel free to share what you come up with in case others are interested also :thup:

32 minutes ago, kad38 said:

superb thank you excellent work ... a dark version is planned?

Thanks @kad38. I hope to work on a new dark version at some point. I created one in the past but I have discontinued it as I was not entirely happy with it. All updates will be posted here but I can't say when that will be I'm afraid.

Link to post
Share on other sites
  • FMEnhanced changed the title to [FM21][SKIN][WIP] FMEnhanced v3.0
On 30/03/2021 at 15:20, Mcfc1894 said:

Thanks for this mate its excellent

@Mcfc1894 Cheers pal. If you notice any abnormalities or bugs, just post them here and I'll do my best to sort them out when I can.

On 01/04/2021 at 12:47, Cheez3y said:

Jeez this skin is almost perfect.

Its only missin a dark mode and an IR button.

@Cheez3y "Almost Perfect". I'll take that! Haha. There are certainly things that'd improve the overall experience and a lot more to come in the future hopefully. Even if things aren't quite ready in the near future, so long as Sports Interactive don't completely overhaul the design for FM22, the project can continue on for use in future titles.

As it stands, I'm currently working on the Club Overview Panel in an attempt to match the fluidity and design style of my Player Overview Panel. Game immersion is key for me and I think the panels can be better designed to help reinforce the illusion of being a football manager, especially when you consider that the overall panel design has remained static for six years.

Link to post
Share on other sites
On 02/04/2021 at 21:22, FMEnhanced said:

As it stands, I'm currently working on the Club Overview Panel in an attempt to match the fluidity and design style of my Player Overview Panel. Game immersion is key for me and I think the panels can be better designed to help reinforce the illusion of being a football manager, especially when you consider that the overall panel design has remained static for six years.

I cannot be more than happy for that as I'm tired  to combine the best panels from different skins every year for my personal peace of mind. This year wasn't an exception again as I have used old Yacs human profile, wannachup's player profile (until FME 3.0) along with lots of other panels from Flut, TCS, OPZ and so on because they complete each other :)

So, back to topic, I like FLUT's ideas regarding the club overview (mainly the way he splitted the key people and also the flag/location) but I changed some things to make it "lighter" as it seemed also too heavy due to that city pic which I don't think it's used by more than 5% of the total FM players. Meanwhile I would also have liked to combine it with TCS's club overview but I'm too limited in my skills to do that so I'm happy I have an intermediary until you'll be releasing yours. Anyway, I'm leaving an imgur Printscreen just in case you might want to have more ideas to choose from  as I'm more than sure that you'll come with something similar to your player overview screen.

Edit: I think it would be useful to see scout's abilities on scout reports  (I'm usually nicknaming them).
 

fm_2021-04-04_20-00-33.png

Edited by klaasjan
Added suggestion re scouting
Link to post
Share on other sites

Hi there,

 

The panel is great, but i want to make one modifications. Can you help me please?

i want to remove the number next to his name. Possible?

<!-- Club Crest -->
						
						<container height="77" width="77">
							<layout class="stick_to_sides_attachment" alignment="bottom" inset="20"/>
							<layout class="stick_to_sides_attachment" alignment="left" inset="25"/>
							<layout class="stick_to_sides_attachment" alignment="all" apply_to_children="true"/> 




	        <widget class="kit_icon" image_alignment="centre" scale_picture="true" keep_aspect_ratio="true" >
				<layout class="stick_to_sides_attachment" alignment="all" inset="-5" /> 
				  <record id="object_property">
					<list id="get_properties">
						<record>
							<integer id="get_property" value="Pers" />
							<integer id="set_property" value="objt" />
						</record>
					</list>
				</record>
			</widget>
							<!-- If Unemployed 
							
							<widget class="value_based_picture" scale_picture="true" file="none">
								<layout class="stick_to_sides_attachment" alignment="all"/>
								<list id="value_list">
									<record value="0" file="FME/icons/custom/staff/unemployed"/>
								</list>
								<record id="object_property">
									<list id="get_properties">
										<record get_property="Pcjo" set_property="valu" dont_set_hint="true"/>
									</list>
								</record>
							</widget> -->


							<!-- If Employed 
						
							<widget class="object_portrait_picture" image_alignment="centre" scale_picture="true" keep_aspect_ratio="true" wants_mouse_events="true">
								<layout class="stick_to_sides_attachment" alignment="all"/>
								<record id="object_property" get_property="Pclb" set_property="objt" dont_set_hint="true"/>
							</widget>-->

						</container>
						

					</container>

					<!-- Player Name -->
					<container class="plain_box" appearance="boxes/contrast/no margin/bottom/paper" red_replacement="primary">
						<widget class="text" font="main menu" size="11" alignment="centre_x,centre_y,can_scale" wants_mouse_events="false" dont_give_default_focus="true" colour="secondary">
							<layout class="stick_to_sides_attachment" alignment="all" inset="10"/>
							<record id="object_property" get_property="titl" set_property="text"/>
						</widget>
					</container>

				</container>

 

20210406200305_1.jpg

Edited by florin.hangu
Link to post
Share on other sites
Posted (edited)
On 06/04/2021 at 18:06, florin.hangu said:

Hi there,

 

The panel is great, but i want to make one modifications. Can you help me please?

i want to remove the number next to his name. Possible?




<!-- Club Crest -->
						
						<container height="77" width="77">
							<layout class="stick_to_sides_attachment" alignment="bottom" inset="20"/>
							<layout class="stick_to_sides_attachment" alignment="left" inset="25"/>
							<layout class="stick_to_sides_attachment" alignment="all" apply_to_children="true"/> 




	        <widget class="kit_icon" image_alignment="centre" scale_picture="true" keep_aspect_ratio="true" >
				<layout class="stick_to_sides_attachment" alignment="all" inset="-5" /> 
				  <record id="object_property">
					<list id="get_properties">
						<record>
							<integer id="get_property" value="Pers" />
							<integer id="set_property" value="objt" />
						</record>
					</list>
				</record>
			</widget>
							<!-- If Unemployed 
							
							<widget class="value_based_picture" scale_picture="true" file="none">
								<layout class="stick_to_sides_attachment" alignment="all"/>
								<list id="value_list">
									<record value="0" file="FME/icons/custom/staff/unemployed"/>
								</list>
								<record id="object_property">
									<list id="get_properties">
										<record get_property="Pcjo" set_property="valu" dont_set_hint="true"/>
									</list>
								</record>
							</widget> -->


							<!-- If Employed 
						
							<widget class="object_portrait_picture" image_alignment="centre" scale_picture="true" keep_aspect_ratio="true" wants_mouse_events="true">
								<layout class="stick_to_sides_attachment" alignment="all"/>
								<record id="object_property" get_property="Pclb" set_property="objt" dont_set_hint="true"/>
							</widget>-->

						</container>
						

					</container>

					<!-- Player Name -->
					<container class="plain_box" appearance="boxes/contrast/no margin/bottom/paper" red_replacement="primary">
						<widget class="text" font="main menu" size="11" alignment="centre_x,centre_y,can_scale" wants_mouse_events="false" dont_give_default_focus="true" colour="secondary">
							<layout class="stick_to_sides_attachment" alignment="all" inset="10"/>
							<record id="object_property" get_property="titl" set_property="text"/>
						</widget>
					</container>

				</container>

 

20210406200305_1.jpg

Hi @florin.hangu, you can replace the following:

<widget class="text" font="main menu" size="11" alignment="centre_x,centre_y,can_scale" wants_mouse_events="false" dont_give_default_focus="true" colour="secondary">
	<layout class="stick_to_sides_attachment" alignment="all" inset="10"/>
	<record id="object_property" get_property="titl" set_property="text"/>
</widget>

with:

<widget class="person_button" font="main menu" size="11" alignment="centre_x,centre_y,can_scale" wants_mouse_events="false" dont_give_default_focus="true" colour="secondary">
	<layout class="stick_to_sides_attachment" inset="10"/>
	<record id="object_property" get_property="objt" set_property="valu"/>
</widget>

It is important to understand what has been changed and why. In this case, it is not merely a case of removing the number as the number and the name are not two separate entities within the code I originally used. The parameter get_property="titl" is the variable for the title of the page. You will notice that if you look at the very top of the page in the search bar, you will see the name of the player says 11. Olimpiu Morutan. The variable is preformatted to contain both the number and the name together as a single string.

By changing the widget type from "text" to "person_button", we can call on the variable that is directly related to the player. In this case, because "person_button" is already associated with a specific variable, we can just use get_property="objt". However, you can also use get_property="Pers" which would do the same job.

Furthermore, set_property="text" can no longer be used as a person_button is not simply text, but a button. Buttons will often have properties set as "valu" as they contain more information.

Finally, I removed alignment="all" from the layout class as shapes are aligned to all sides by default.

Edited by FMEnhanced
Link to post
Share on other sites
On 04/04/2021 at 17:33, klaasjan said:

I cannot be more than happy for that as I'm tired  to combine the best panels from different skins every year for my personal peace of mind. This year wasn't an exception again as I have used old Yacs human profile, wannachup's player profile (until FME 3.0) along with lots of other panels from Flut, TCS, OPZ and so on because they complete each other :)

So, back to topic, I like FLUT's ideas regarding the club overview (mainly the way he splitted the key people and also the flag/location) but I changed some things to make it "lighter" as it seemed also too heavy due to that city pic which I don't think it's used by more than 5% of the total FM players. Meanwhile I would also have liked to combine it with TCS's club overview but I'm too limited in my skills to do that so I'm happy I have an intermediary until you'll be releasing yours. Anyway, I'm leaving an imgur Printscreen just in case you might want to have more ideas to choose from  as I'm more than sure that you'll come with something similar to your player overview screen.

Edit: I think it would be useful to see scout's abilities on scout reports  (I'm usually nicknaming them).
 

fm_2021-04-04_20-00-33.png

Hi @klaasjan, I will endeavour to remember your request for the future update. It should be a simple addition to display the "Judging Ability" and "Judging Potential" attributes for the corresponding scout/coach.

Link to post
Share on other sites

Thank you for this fantastic skin! Found a way to convert it to Touch and was wondering if there is a way around the doubling of the overhead information? Would like to get rid of the blue bar show in the picture below.

 

Screen Shot 2021-04-07 at 9.57.05 PM.png

Link to post
Share on other sites
16 hours ago, ticcolo said:

Thank you for this fantastic skin! Found a way to convert it to Touch and was wondering if there is a way around the doubling of the overhead information? Would like to get rid of the blue bar show in the picture below.

 

Screen Shot 2021-04-07 at 9.57.05 PM.png

Hey @ticcolo, great work!

I haven't used FM Touch before and so I'm not entirely sure where the problem has arisen. I'm sure it has nothing to do with the 'player overview panel.xml' as there is nothing within that code that would do that. However, ensure that in your 'skin_config.xml' there are the following lines:

<flags id="parent" value="fmc-widgets" />
<boolean id="fmc_skin" value="true" />

The FM Touch skin is called 'fmc' and its parent is 'fmc-widgets' and not simply 'fm'. If you have used my 'skin_config.xml' file, you will need to make the appropriate correction.

Additionally, you need to ensure that the skin is marked as being a "Touch" skin and not a standard skin. You do that by adding the boolean 'fmc_skin' and making it 'true'.

Hopefully you find some success!

Link to post
Share on other sites

Thanks for your work, it's definitely a big improvement on the default player page.

Only slight issue I have is that the darker logos are harder to see as the background image (?) on the left is removed. What should I modify to make it look like the default skin?

 

Screenshot_3.jpg.3519de81dcb64ccbc49f072cdf9a2cff.jpg

Screenshot_2.jpg.e81882c0b73c4a1bdee4a4b0d720d4ba.jpg

Link to post
Share on other sites
2 hours ago, Noscho said:

Thanks for your work, it's definitely a big improvement on the default player page.

Only slight issue I have is that the darker logos are harder to see as the background image (?) on the left is removed. What should I modify to make it look like the default skin?

 

Screenshot_3.jpg.3519de81dcb64ccbc49f072cdf9a2cff.jpg

Screenshot_2.jpg.e81882c0b73c4a1bdee4a4b0d720d4ba.jpg

Hi @Noscho,

Aha I see the issue you have. The very reason I moved my project to these forums temporarily was so that these small oversights could be flagged before the skin is officially finalised and released. Thank you for bringing this to my attention.

One of the reasons I did not notice is that I use an icon pack which puts a small white outline around each logo. This is very useful if you're swapping skins as it helps the logos stand out regardless. However, if you are using the default icons and would like to restore the colourful "ribbon" behind the logo, you can do so with the following:

Open the FM3.0 folder and navigate to 'panels/client_object'.

Open the file named 'client_object_browser.xml'.

Copy the code below:

<!-- Club Colours Ribbon -->
<widget class="picture" file="backgrounds/club colours" id="clco" red_replacement="primary">
  <layout class="stick_to_object_attachment" id="align_top" get_side="top" set_side="top" target="mai1"/>
	<layout class="stick_to_object_attachment" id="align_bottom" get_side="bottom" set_side="bottom" target="mai1"/>
	<layout class="stick_to_object_attachment" id="align_right" get_side="right" use_recursive_search="true" set_side="left" target="side"/>
	<layout class="stick_to_object_attachment" id="align_right" get_side="left" set_side="left" target="mai1"/>
	<attachment class="test_multiple_globals_attachment" default_value="false">
		<list id="get_properties">
			<record get_property="MatS" test_mode="equal" value="true" skip_if_null="true" />
			<!-- PROP_FULL_SCREEN_3D_BEING_DRAWN -->
			<record get_property="Ma3D" test_mode="equal" value="true" comparison_mode="or" skip_if_null="true" />
		</list>
		<integer id="set_property" value="hidn" />
	</attachment>
</widget>

Paste the copied code before:

<!-- match background picture - covers entire screen -->

The finished result will look like this:

<!-- Club Colours Ribbon -->
<widget class="picture" file="backgrounds/club colours" id="clco" red_replacement="primary">
	<layout class="stick_to_object_attachment" id="align_top" get_side="top" set_side="top" target="mai1"/>
	<layout class="stick_to_object_attachment" id="align_bottom" get_side="bottom" set_side="bottom" target="mai1"/>
	<layout class="stick_to_object_attachment" id="align_right" get_side="right" use_recursive_search="true" set_side="left" target="side"/>
	<layout class="stick_to_object_attachment" id="align_right" get_side="left" set_side="left" target="mai1"/>
	<attachment class="test_multiple_globals_attachment" default_value="false">
		<list id="get_properties">
			<record get_property="MatS" test_mode="equal" value="true" skip_if_null="true" />
			<!-- PROP_FULL_SCREEN_3D_BEING_DRAWN -->
			<record get_property="Ma3D" test_mode="equal" value="true" comparison_mode="or" skip_if_null="true" />
		</list>
		<integer id="set_property" value="hidn" />
	</attachment>
</widget>

<!-- match background picture - covers entire screen -->
<widget class="picture" id="Mbkg" scale_picture="true" keep_aspect_ratio="false">
	<record id="object_property">
		<integer id="get_property" value="bgnd" />
		<integer id="set_property" value="file" />
	</record>
	<attachment class="test_multiple_globals_attachment" default_value="true">
		<list id="get_properties">
			<record get_property="MatS" test_mode="equal" value="false" skip_if_null="true" />
			<!-- PROP_FULL_SCREEN_3D_BEING_DRAWN -->
			<record get_property="Ma3D" test_mode="equal" value="true" comparison_mode="or" skip_if_null="true" />
		</list>
		<integer id="set_property" value="hidn" />
	</attachment>
</widget>

I hope that helps! Let me know how it works out for you.

Link to post
Share on other sites
5 hours ago, FMEnhanced said:

Hi @Noscho,

Aha I see the issue you have. The very reason I moved my project to these forums temporarily was so that these small oversights could be flagged before the skin is officially finalised and released. Thank you for bringing this to my attention.

One of the reasons I did not notice is that I use an icon pack which puts a small white outline around each logo. This is very useful if you're swapping skins as it helps the logos stand out regardless. However, if you are using the default icons and would like to restore the colourful "ribbon" behind the logo, you can do so with the following:

Open the FM3.0 folder and navigate to 'panels/client_object'.

Open the file named 'client_object_browser.xml'.

Copy the code below:



<!-- Club Colours Ribbon -->
<widget class="picture" file="backgrounds/club colours" id="clco" red_replacement="primary">
  <layout class="stick_to_object_attachment" id="align_top" get_side="top" set_side="top" target="mai1"/>
	<layout class="stick_to_object_attachment" id="align_bottom" get_side="bottom" set_side="bottom" target="mai1"/>
	<layout class="stick_to_object_attachment" id="align_right" get_side="right" use_recursive_search="true" set_side="left" target="side"/>
	<layout class="stick_to_object_attachment" id="align_right" get_side="left" set_side="left" target="mai1"/>
	<attachment class="test_multiple_globals_attachment" default_value="false">
		<list id="get_properties">
			<record get_property="MatS" test_mode="equal" value="true" skip_if_null="true" />
			<!-- PROP_FULL_SCREEN_3D_BEING_DRAWN -->
			<record get_property="Ma3D" test_mode="equal" value="true" comparison_mode="or" skip_if_null="true" />
		</list>
		<integer id="set_property" value="hidn" />
	</attachment>
</widget>

Paste the copied code before:



<!-- match background picture - covers entire screen -->

The finished result will look like this:



<!-- Club Colours Ribbon -->
<widget class="picture" file="backgrounds/club colours" id="clco" red_replacement="primary">
	<layout class="stick_to_object_attachment" id="align_top" get_side="top" set_side="top" target="mai1"/>
	<layout class="stick_to_object_attachment" id="align_bottom" get_side="bottom" set_side="bottom" target="mai1"/>
	<layout class="stick_to_object_attachment" id="align_right" get_side="right" use_recursive_search="true" set_side="left" target="side"/>
	<layout class="stick_to_object_attachment" id="align_right" get_side="left" set_side="left" target="mai1"/>
	<attachment class="test_multiple_globals_attachment" default_value="false">
		<list id="get_properties">
			<record get_property="MatS" test_mode="equal" value="true" skip_if_null="true" />
			<!-- PROP_FULL_SCREEN_3D_BEING_DRAWN -->
			<record get_property="Ma3D" test_mode="equal" value="true" comparison_mode="or" skip_if_null="true" />
		</list>
		<integer id="set_property" value="hidn" />
	</attachment>
</widget>

<!-- match background picture - covers entire screen -->
<widget class="picture" id="Mbkg" scale_picture="true" keep_aspect_ratio="false">
	<record id="object_property">
		<integer id="get_property" value="bgnd" />
		<integer id="set_property" value="file" />
	</record>
	<attachment class="test_multiple_globals_attachment" default_value="true">
		<list id="get_properties">
			<record get_property="MatS" test_mode="equal" value="false" skip_if_null="true" />
			<!-- PROP_FULL_SCREEN_3D_BEING_DRAWN -->
			<record get_property="Ma3D" test_mode="equal" value="true" comparison_mode="or" skip_if_null="true" />
		</list>
		<integer id="set_property" value="hidn" />
	</attachment>
</widget>

I hope that helps! Let me know how it works out for you.

Thanks for your support and detailed response! It worked, not as the default one though. (even though I might prefer FME version)

Default one:

image.png.ee1fbadd521aeb3e5ef57f0106a9f300.png

FME:

image.png.c7db009b230547447ac3c8c8f430fe37.png

 

Default one has this gradient effect, and it's a bit more transparent. Is it achievable on FME? Sorry if these are questions with obvious answers, my skinning ability is limited with changing fonts and complaining about other people's skins :)

 

EDIT: Never mind! I found it! :) I've added this part from default files:

			<widget class="picture" file="backgrounds/fade" id="bgfa" red_replacement="background" scale_picture="true" keep_aspect_ratio="false">
			<!-- Once everything is hooked up we'll use a get global attachment like below tied to the
			     appropriate global setting to show/hide instead of the complex test multiple global
				 setups for the various items we'll show/hide -->
			<!--<attachment class="get_global_attachment" get_property="background_visible" set_property="Shwn" />-->
			<attachment class="test_multiple_globals_attachment" default_value="false">
				<list id="get_properties">
					<record get_property="MatS" test_mode="equal" value="true" skip_if_null="true" />
					<!-- PROP_FULL_SCREEN_3D_BEING_DRAWN -->
					<record get_property="Ma3D" test_mode="equal" value="true" comparison_mode="or" skip_if_null="true" />
				</list>
				<integer id="set_property" value="hidn" />
			</attachment>
		</widget>

 

Edited by Noscho
Link to post
Share on other sites

Thank you very much for this skin! The footballers page looks great. The purple color makes my eyes ache, so I use your footballers page with TangFu Skin. The footballers page is the best I've seen for FM21!
 

Auba.jpg

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...