Jas80 Posted January 31, 2018 Share Posted January 31, 2018 Hi, this is my Match Title Bar: How can I extend logos UNDER team names? At the moment, if I enlarge the logo, it shrinks the team name box. I want it to extend under team names. This is my match title bar code: ... <!--HOME AREA--> <container class="bordered_box" id="T1Co" appearance="boxes/custom/match/titlebar/homeaway/paper" width="280"> <layout class="arrange_horizontal_attachment" alignment="left,extend" gap="0" offset="0" /> <layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0" /> <!--home team main logo--> <widget class="picture" id="hmtF" height="100" width="100" scale_picture="false" keep_aspect_ratio="true" transparency="0.5" image_alignment="centre"> <record id="object_property"> <integer id="get_property" value="htpc" /> <integer id="set_property" value="file" /> </record> </widget> <container> <layout class="arrange_horizontal_attachment" alignment="right,extend" gap="5" offset="5" /> <layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0" /> <!--home team name--> <widget class="text_button" id="T1nm" size="10" auto_size="none" alignment="left,centre_y" click_event="htac" font="title" multiline="true"> </widget> ... Thanks! Link to post Share on other sites More sharing options...
Jas80 Posted February 1, 2018 Author Share Posted February 1, 2018 Another question: how can I put the match timeline bar under the score box? Thanks in advance! Link to post Share on other sites More sharing options...
michaeltmurrayuk Posted February 1, 2018 Share Posted February 1, 2018 To put the logos behind the team names you'd need to redo the above code to something like: <!--HOME AREA--> <container class="bordered_box" id="T1Co" appearance="boxes/custom/match/titlebar/homeaway/paper" width="280"> <layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0" /> <!--home team main logo--> <widget class="picture" id="hmtF" height="100" width="100" scale_picture="false" keep_aspect_ratio="true" transparency="0.5" image_alignment="centre"> <layout class="stick_to_sides_attachment" alignment="left" inset="0"/> <record id="object_property"> <integer id="get_property" value="htpc" /> <integer id="set_property" value="file" /> </record> </widget> <!--home team name--> <widget class="text_button" id="T1nm" size="10" auto_size="none" alignment="left,centre_y" click_event="htac" font="title" multiline="true"><layout class="stick_to_sides_attachment" alignment="left" inset="0"/> </widget> - Basically remove the arrange_horizontal code then the container around the team name - remember to remove the closing container tag from the team name you didn't quote (though you might be able to leave the container just remove the arrange_horizontal bit) - Add in the stick_to_sides bit to position your items you can change the inset to move them around. Though that code is from memory and I haven't tested it in game so you might need to tweak it. Then repeat for the away team making sure you don't change the away team ids. For moving the timebar under the scores that may be a mess if you are lucky replacing some horizontal text with vertical and vice-versa, you'd need to locate the container that arranges the scores and timeline and in it change these lines: <layout class="arrange_horizontal_attachment" alignment="right,extend" gap="0" offset="0" /> <layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0" /> Changing horizontal to vertical and vice-versa, though you may need to play around with the alignments and you'd also need to double the header height which should be controlled by both that file and the header xml file. If that doesn't work then have a look at some of the custom skins that have moved it as the timebar is a bit of a mess to play around with. Link to post Share on other sites More sharing options...
Jas80 Posted February 1, 2018 Author Share Posted February 1, 2018 Thanks for the reply, @michaeltmurrayuk, but it doesn't work. I tried another code: <!--HOME AREA--> <container class="bordered_box" id="T1Co" appearance="boxes/custom/match/titlebar/homeaway/paper" width="280"> <layout class="arrange_horizontal_attachment" alignment="left,extend" gap="0" offset="0" /> <layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0" /> <container> <layout class="arrange_horizontal_attachment" alignment="left" gap="0" offset="0" /> <layout class="fit_children_attachment" alignment="horizontal,fill" offset="0" gap="0" /> <layout class="stick_to_sides_attachment" alignment="all" inset="0" /> <!-- home team main logo --> <widget class="picture" id="hmtF" scale_picture="true" keep_aspect_ratio="true" height="180" width="180" transparency="0.3" image_alignment="left, centre_y"> <layout class="centre_in_parent_attachment" alignment="horizontal" offset="-50"/> <layout class="centre_in_parent_attachment" alignment="vertical" offset="0"/> <record id="object_property"> <integer id="get_property" value="htpc" /> <integer id="set_property" value="file" /> </record> </widget> <!--home team name --> <widget class="text_button" id="T1nm" size="12" font="title" auto_size="horizontal" alignment="left,centre_y" click_event="htac" style="bold"> <layout class="stick_to_sides_attachment" alignment="left" inset="0"/> </widget> <!--home score --> <widget class="text" id="T1sc" size="14" auto_size="horizontal" alignment="left,centre_y" font="title" colour="text"> <layout class="centre_in_parent_attachment" alignment="horizontal" offset="0"/> <layout class="centre_in_parent_attachment" alignment="vertical" offset="0"/> </widget> <!--home aggregate score --> <widget class="text" id="T1as" size="10" auto_size="horizontal" alignment="left,centre_y" font="title" colour="text"> <layout class="centre_in_parent_attachment" alignment="horizontal" offset="0"/> <layout class="centre_in_parent_attachment" alignment="vertical" offset="0"/> </widget> </container> </container> It works for the team name, but the score and the aggregate score disappear from the box! Can you help me, please? Link to post Share on other sites More sharing options...
michaeltmurrayuk Posted February 1, 2018 Share Posted February 1, 2018 Alright looks like you had more stuff in the container add back the container and it's layout code after the team name bit (and also add another </container> tag at the bottom with the others) <container> <layout class="arrange_horizontal_attachment" alignment="right,extend" gap="5" offset="5" /> <layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0" /> (You're basically moving the team name bit so it's in the same container as the logo) Link to post Share on other sites More sharing options...
Jas80 Posted February 2, 2018 Author Share Posted February 2, 2018 Thanks, I tried this, but now the score position changes in relation of length of the team name. Link to post Share on other sites More sharing options...
michaeltmurrayuk Posted February 2, 2018 Share Posted February 2, 2018 You can try adding a width to the second container or changing the score alignment from left to right which should stick it to the right rather than the end of the name. Link to post Share on other sites More sharing options...
Jas80 Posted February 2, 2018 Author Share Posted February 2, 2018 Also this solution doesn't work. Please can you correct my previous code? I'm going crazy! Link to post Share on other sites More sharing options...
Jas80 Posted February 5, 2018 Author Share Posted February 5, 2018 No help? Link to post Share on other sites More sharing options...
michaeltmurrayuk Posted February 5, 2018 Share Posted February 5, 2018 If you post up the full xml file I'll have a look at it when I get a chance. Link to post Share on other sites More sharing options...
Jas80 Posted February 5, 2018 Author Share Posted February 5, 2018 Thanks @michaeltmurrayuk, this is my match title bar.xml Link to post Share on other sites More sharing options...
michaeltmurrayuk Posted February 5, 2018 Share Posted February 5, 2018 Alright I'll try and have a look at it tomorrow. Link to post Share on other sites More sharing options...
Jas80 Posted February 5, 2018 Author Share Posted February 5, 2018 Ok, thanks a lot! Link to post Share on other sites More sharing options...
michaeltmurrayuk Posted February 6, 2018 Share Posted February 6, 2018 Alright this file should work, it was a bit more complicated than I thought as the scores were showing but were for some reason showing outside of the area. match title bar.xml (When downloading you may need to rename the file back to 'match title bar' as the forum sometimes alters the names of uploads. You can change the inset, gap and offset values to tweak the placement of various items, you can also reduce the container widths if you want some more room for the timebar now the logos are behind the content, you can also play around with the logo width/height to resize them to suit as not sure which of the sizes you wanted, and if you don't want them resized to fit change the scale_picture bit to true, though you may want to reduce the transparency if keeping them at that size as some of them make the text hard to read. Though haven't got time to move the timebar underneath as that would entail redoing most of the file - though should be a couple of skins around that have moved it you could have a look at. Also if anyone else wants the code this is what worked in the end (away code is same but you'd flip the stuff around to go right-left): <!--HOME AREA--> <container class="bordered_box" id="T1Co" appearance="boxes/custom/match/titlebar/homeaway/paper" width="280"> <layout class="stick_to_sides_attachment" apply_to_children="true" alignment="vertical" inset="0"/> <layout class="arrange_horizontal_attachment" layout="-1,-1" gap="0" offset="0"/> <container> <layout class="arrange_horizontal_attachment" alignment="left" gap="0" offset="0" /> <layout class="fit_children_attachment" alignment="horizontal,fill" offset="0" gap="0" /> <layout class="stick_to_sides_attachment" alignment="all" inset="0" /> <!--home team main logo--> <widget class="picture" id="hmtF" height="180" width="180" scale_picture="false" keep_aspect_ratio="true" transparency="0.5" image_alignment="left"> <layout class="stick_to_sides_attachment" alignment="left" inset="0" /> <layout class="centre_in_parent_attachment" alignment="vertical" offset="0"/> <record id="object_property"> <integer id="get_property" value="htpc" /> <integer id="set_property" value="file" /> </record> </widget> <!--home team name--> <widget class="text_button" id="T1nm" size="10" auto_size="horizontal" alignment="left,centre_y" click_event="htac" font="title" multiline="true"> <layout class="stick_to_sides_attachment" alignment="left" inset="5" /> <layout class="centre_in_parent_attachment" alignment="vertical" offset="0"/> </widget> </container> <container> <layout class="arrange_horizontal_attachment" alignment="right,extend" gap="5" offset="5" /> <layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0" /> <!--home score --> <widget class="text" id="T1sc" size="14" auto_size="horizontal" alignment="right,centre_y" font="title" colour="text"> </widget> <!--home aggregate score --> <widget class="text" id="T1as" size="10" auto_size="horizontal" alignment="right,centre_y" inset="15" font="title" colour="text"> </widget> </container> </container> Link to post Share on other sites More sharing options...
Jas80 Posted February 6, 2018 Author Share Posted February 6, 2018 You're great, @michaeltmurrayuk! Now it works! Thank you so much! Link to post Share on other sites More sharing options...
luvgisele Posted April 2, 2018 Share Posted April 2, 2018 On 2/6/2018 at 08:59, michaeltmurrayuk said: Alright this file should work, it was a bit more complicated than I thought as the scores were showing but were for some reason showing outside of the area. match title bar.xml (When downloading you may need to rename the file back to 'match title bar' as the forum sometimes alters the names of uploads. You can change the inset, gap and offset values to tweak the placement of various items, you can also reduce the container widths if you want some more room for the timebar now the logos are behind the content, you can also play around with the logo width/height to resize them to suit as not sure which of the sizes you wanted, and if you don't want them resized to fit change the scale_picture bit to true, though you may want to reduce the transparency if keeping them at that size as some of them make the text hard to read. Though haven't got time to move the timebar underneath as that would entail redoing most of the file - though should be a couple of skins around that have moved it you could have a look at. Also if anyone else wants the code this is what worked in the end (away code is same but you'd flip the stuff around to go right-left): <!--HOME AREA--> <container class="bordered_box" id="T1Co" appearance="boxes/custom/match/titlebar/homeaway/paper" width="280"> <layout class="stick_to_sides_attachment" apply_to_children="true" alignment="vertical" inset="0"/> <layout class="arrange_horizontal_attachment" layout="-1,-1" gap="0" offset="0"/> <container> <layout class="arrange_horizontal_attachment" alignment="left" gap="0" offset="0" /> <layout class="fit_children_attachment" alignment="horizontal,fill" offset="0" gap="0" /> <layout class="stick_to_sides_attachment" alignment="all" inset="0" /> <!--home team main logo--> <widget class="picture" id="hmtF" height="180" width="180" scale_picture="false" keep_aspect_ratio="true" transparency="0.5" image_alignment="left"> <layout class="stick_to_sides_attachment" alignment="left" inset="0" /> <layout class="centre_in_parent_attachment" alignment="vertical" offset="0"/> <record id="object_property"> <integer id="get_property" value="htpc" /> <integer id="set_property" value="file" /> </record> </widget> <!--home team name--> <widget class="text_button" id="T1nm" size="10" auto_size="horizontal" alignment="left,centre_y" click_event="htac" font="title" multiline="true"> <layout class="stick_to_sides_attachment" alignment="left" inset="5" /> <layout class="centre_in_parent_attachment" alignment="vertical" offset="0"/> </widget> </container> <container> <layout class="arrange_horizontal_attachment" alignment="right,extend" gap="5" offset="5" /> <layout class="stick_to_sides_attachment" alignment="vertical" apply_to_children="true" inset="0" /> <!--home score --> <widget class="text" id="T1sc" size="14" auto_size="horizontal" alignment="right,centre_y" font="title" colour="text"> </widget> <!--home aggregate score --> <widget class="text" id="T1as" size="10" auto_size="horizontal" alignment="right,centre_y" inset="15" font="title" colour="text"> </widget> </container> </container> Hi Michael - i am using the base dark skin...as you can see, the team names and team scores are very dark ..is there any way to make it better...perhaps make the color of the team names and scores white...could you guide me how to do it...thanks in advance... Link to post Share on other sites More sharing options...
michaeltmurrayuk Posted April 2, 2018 Share Posted April 2, 2018 @luvgisele If you want to recolour the team name's it's a little complicated - first in the above file you need to change the font for the home/away teams to point to a custom font xml file. Then in the fonts file for the skin locate the xml file called 'title' create a copy of it and rename the copy to match the font name you used above, then in that file replace these lines: <integer id="fill_colour_red" value="47"/> <integer id="fill_colour_green" value="49"/> <integer id="fill_colour_blue" value="40"/> <integer id="fill_colour_alpha" value="170"/> With this code: <integer id="gradient_upper_margin" value="20"/> <integer id="gradient_lower_margin" value="0"/> <integer id="gradient_curve" value="0"/> <integer id="gradient_upper_colour_red" value="255"/> <integer id="gradient_upper_colour_green" value="255"/> <integer id="gradient_upper_colour_blue" value="255"/> <integer id="gradient_upper_colour_alpha" value="255"/> <integer id="gradient_lower_colour_red" value="255"/> <integer id="gradient_lower_colour_green" value="255"/> <integer id="gradient_lower_colour_blue" value="255"/><integer id="gradient_lower_colour_alpha" value="255"/> If you want a different colour change the rgb values just making sure the upper and lower colours match unless you want a gradient effect. (You need to use the gradient code as it overrides team recolouring). For the scores you should just have to change the colour bit of the line, if that doesn't work change the font as above. Or if you want to keep the team colours then you can just add back in recoloured background behind them which is controlled by this code: <!--HOME AREA--> <container class="bordered_box" id="T1Co" appearance="boxes/custom/match/titlebar/homeaway/paper" width="280"> Make sure the id is present and make sure the appearance line is pointing to a graphic that exists in your skin (you can point and create a custom graphic if you still want some transparency). Link to post Share on other sites More sharing options...
luvgisele Posted April 3, 2018 Share Posted April 3, 2018 10 hours ago, michaeltmurrayuk said: @luvgisele If you want to recolour the team name's it's a little complicated - first in the above file you need to change the font for the home/away teams to point to a custom font xml file. Then in the fonts file for the skin locate the xml file called 'title' create a copy of it and rename the copy to match the font name you used above, then in that file replace these lines: <integer id="fill_colour_red" value="47"/> <integer id="fill_colour_green" value="49"/> <integer id="fill_colour_blue" value="40"/> <integer id="fill_colour_alpha" value="170"/> With this code: <integer id="gradient_upper_margin" value="20"/> <integer id="gradient_lower_margin" value="0"/> <integer id="gradient_curve" value="0"/> <integer id="gradient_upper_colour_red" value="255"/> <integer id="gradient_upper_colour_green" value="255"/> <integer id="gradient_upper_colour_blue" value="255"/> <integer id="gradient_upper_colour_alpha" value="255"/> <integer id="gradient_lower_colour_red" value="255"/> <integer id="gradient_lower_colour_green" value="255"/> <integer id="gradient_lower_colour_blue" value="255"/><integer id="gradient_lower_colour_alpha" value="255"/> If you want a different colour change the rgb values just making sure the upper and lower colours match unless you want a gradient effect. (You need to use the gradient code as it overrides team recolouring). For the scores you should just have to change the colour bit of the line, if that doesn't work change the font as above. Or if you want to keep the team colours then you can just add back in recoloured background behind them which is controlled by this code: <!--HOME AREA--> <container class="bordered_box" id="T1Co" appearance="boxes/custom/match/titlebar/homeaway/paper" width="280"> Make sure the id is present and make sure the appearance line is pointing to a graphic that exists in your skin (you can point and create a custom graphic if you still want some transparency). thank you...this worked...looks much better...is there a way to align the team name so that it fits centrally within the team logo? Link to post Share on other sites More sharing options...
michaeltmurrayuk Posted April 3, 2018 Share Posted April 3, 2018 You can shift the team names around by adjusting the inset value in the code for the home/away team, or if you want it centred change the alignment from left/right to centre. Link to post Share on other sites More sharing options...
luvgisele Posted April 3, 2018 Share Posted April 3, 2018 thanks...i tried a bunch of different values...could you please confirm if i am looking at the correct set of lines to update...here is the code from the match title bar.xml <!--home team name--> <widget class="text_button" id="T1nm" size="10" auto_size="horizontal" alignment="left,centre_y" click_event="htac" font="title1" multiline="true"> <layout class="stick_to_sides_attachment" alignment="left" inset="1" /> <layout class="centre_in_parent_attachment" alignment="vertical" offset="0"/> For home team, i updated the alignment marked in bold but it didnt work...i changed the inset value to 10 and then to 1...no change...here is the latest screenshot... Link to post Share on other sites More sharing options...
michaeltmurrayuk Posted April 4, 2018 Share Posted April 4, 2018 Yeah the value in the middle line is the one you need to adjust - the text has moved from your screenshot, you'll just need to use higher numbers to move it more as the value denotes how many pixels from the left the text appears. Link to post Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.