Titlebar help.

[dave byrd]

I've edited my titlebar.xml to show background logos. Since doing this there is a small error as seen in the screenshot.

The left and right logos appear too big and go under the titlebar slightly. How do i edit the size of the logos so they do not go over the bottom of the titlebar?

[SPE3D]

Sorry can't help but like the size of those background logos

[dave byrd]

Anyone else?

[Mark387]

You need to change either the height of the Background Logo block or adjust the Vertical Inset on the Background Logo move it up. This is a problem I encountered last year

[dave byrd]

You need to change either the height of the Background Logo block or adjust the Vertical Inset on the Background Logo move it up. This is a problem I encountered last year

..and how exactly would i do this? Can you provide any instructions on what i need to edit?

[Mark387]

Can you post up a copy of your Titlebar.xml and Header.xml please

[dave byrd]

Not got a header.xml as my skin is an edit of the default dark base so it will be whatever the default is.

Here is my titlebar.xml:

<!-- normal header container used on all screens except the match screen -->

<panel>

<!-- hide this container when on the match screen -->

<!--<layout class="fit_children_attachment" alignment="vertical" offset="0"/>-->

<layout class="stick_to_sides_attachment" alignment="horizontal" inset="0" layout_children="true"/>

<!-- container to handle the layout of the 'background' logos -->

<container id="BkLg">

<layout class="stick_to_sides_attachment" alignment="vertical" inset="0"/>

<!-- Right Side Logo -->

<widget class="picture" id="rgtB" auto_size="all" file="pictures/logos/background/default/left">

<layout class="stick_to_sides_attachment" alignment="top,right" inset="0"/>

<!-- set main 'background' logo -->

<attachment class="get_global_attachment" get_property="sbpc" set_property="file" skip_if_null="false"/>

</widget>

</container>

<!-- Add background Main logo -->

<widget class="picture" id="lftB" auto_size="all">

<layout class="stick_to_sides_attachment" alignment="top" inset="0"/>

<layout class="stick_to_sides_attachment" alignment="left" inset="-5"/>

<!-- set main 'background' logo -->

<attachment class="get_global_attachment" get_property="mbpc" set_property="file" skip_if_null="false"/>

<!-- tells the picture to listen for the 'main picture needs recolouring' property and sets its own 'should recolour' property from it -->

<attachment class="get_global_attachment" get_property="mbrc" set_property="srec" skip_if_null="false"/>

<!-- the background, foreground and outline colours of the object we use for recolouring the default main picture if there is one, and it should be recoloured -->

<attachment class="get_global_attachment" get_property="bkcl" set_property="rrep"/>

<attachment class="get_global_attachment" get_property="fcol" set_property="grep"/>

<attachment class="get_global_attachment" get_property="ocol" set_property="brep"/>

</widget>

<!-- main logos container -->

<container id="MnLg">

<layout class="arrange_horizontal_attachment" layout="160,-1,150" offset="0" gap="0" />

<layout class="stick_to_sides_attachment" alignment="vertical" inset="0" offset="0"/>

<!--left sided main logo and quick flicks-->

<container id="LsLg">

<layout class="fit_children_attachment" alignment="vertical,extend" offset="1" />

<layout class="stick_to_sides_attachment" alignment="vertical" inset="0" />

<layout class="centre_in_parent_attachment" alignment="horizontal" offset="0" layout_children="true"/>

<!-- Primary Logo -->

<widget class="picture" id="lgtF" scale_picture="true" keep_aspect_ratio="true" height="70" width="70" image_alignment="centre" >

<layout class="centre_in_parent_attachment" alignment="horizontal"/>

<layout class="centre_in_parent_attachment" alignment="vertical" offset="3"/>

<!-- tells the picture to listen to the 'main picture' global property being set, and set its own file property from it -->

<attachment class="get_global_attachment" get_property="mnpc" set_property="file" skip_if_null="false"/>

</widget>

</container>

<!-- manager and club names -->

<container id="text">

<layout class="arrange_horizontal_attachment" alignment="left,extend" gap="8"/>

<layout class="stick_to_sides_attachment" alignment="vertical" inset="0"/>

<!-- flag -->

<widget class="nation_button" id="stfl" auto_size="all" icon_alignment="right,can_scale" dspf="4">

<layout class="stick_to_sides_attachment" alignment="top" inset="21"/>

<attachment class="test_global_attachment" get_property="stfl" skip_if_null="false" set_property="hidn"/>

<attachment class="get_global_attachment" get_property="stfl" set_property="valu"/>

</widget>

<!-- title area -->

<widget class="text" id="sect" alignment="left, top" size="18" style="semi_bold" multiline="false" auto_size="horizontal">

<layout class="stick_to_sides_attachment" alignment="vertical" inset="17"/>

<attachment class="get_global_attachment" get_property="titl" set_property="text"/>

<attachment class="get_global_attachment" get_property="ttcl" set_property="colr"/>

</widget>

<!-- description -->

<widget class="text" id="subs" size="10" alignment="left, top" multiline="true" auto_size="vertical">

<layout class="stick_to_sides_attachment" alignment="vertical" inset="22"/>

<attachment class="test_global_attachment" get_property="subt" skip_if_null="false" set_property="hidn"/>

<attachment class="get_global_attachment" get_property="subt" set_property="text"/>

<attachment class="get_global_attachment" get_property="ttcl" set_property="colr"/>

</widget>

</container>

<!-- browse button<container>

<layout class="arrange_horizontal_attachment" alignment="right,extend" gap="0"/>

<layout class="stick_to_sides_attachment" alignment="vertical" inset="0"/>

<widget class="action_button" text="Browse" auto_size="all" style="embossed" size="7">

<layout class="stick_to_sides_attachment" alignment="vertical" inset="15"/>

<event id="click_event" event_id="GCMH" event_target="scrn"/>

<string id="hint" value="Home[COMMENT: quick link icon hint]" />

</widget>

</container>-->

<container>

<layout class="arrange_horizontal_attachment" alignment="left,extend" gap="8"/>

<layout class="stick_to_sides_attachment" alignment="vertical" inset="0"/>

<container id="msbo">

<layout class="centre_in_parent_attachment" alignment="all" inset="0" layout_children="true" priority="1" />

<layout class="fit_children_attachment" alignment="all" offset="0"/>

<layout class="stick_to_sides_attachment" alignment="vertical" inset="17"/>

<widget id="find" class="edit_box" appearance="interface/searchbox/box" spec="text,small" width="140" colour="searchbox text">

<attachment kind="max_length_attachment" length="130" />

<!-- sent the return/enter key event to the screen: it causes a quick search to be performed -->

<event id="return_event">

<flags id="event_id" value="DBSR"/>

<flags id="event_target" value="scrn"/>

</event>

<!-- sent the edit event to the screen: will store the search text to set in the next screen (could be the match title bar) -->

<event id="edit_event">

<flags id="event_id" value="DBSC"/>

<flags id="event_target" value="scrn"/>

</event>

<!-- send the text changed event to the clear button: if the text is empty, the clear button is disabled or removed -->

<event id="changed_event">

<flags id="event_id" value="chtx" />

<flags id="event_target" value="finb" />

</event>

<!-- check the global property that specifies if the game is set up or loaded (ie if we can do a quick search) -->

<attachment class="test_global_attachment" get_property="gset" value="false" set_property="disa"/>

<attachment class="get_global_attachment" get_property="qset" set_property="text"/>

</widget>

<!-- search icon -->

<widget class="action_button" id="srch" text="" appearance="icons/quick links/search/button" auto_size="all" >

<layout class="stick_to_sides_attachment" alignment="left" inset="2"/>

<!--for the click event, we send a return to the edit box-->

<event id="click_event">

<flags id="event_id" value="keyp"/>

<flags id="event_target" value="find"/>

<flags id="code" value="5"/>

</event>

<!-- check for the 'gset' property, which indicates if the game is loaded or set up -->

<attachment class="test_global_attachment" get_property="gset" value="false" set_property="disa"/>

</widget>

<!-- Button to clear the contents of the searchbox -->

<widget class="action_button" id="finb" auto_size="all" appearance="interface/searchbox/clear/button" hidden="true">

<layout class="stick_to_sides_attachment" alignment="right" inset="4"/>

<!-- click event sends the deletion/clear event to the find edit box -->

<event id="click_event">

<flags id="event_id" value="DELE"/>

<flags id="event_target" value="find"/>

</event>

<!-- check for the 'gset' property, which indicates if the game is loaded or set up -->

<attachment class="test_global_attachment" get_property="gset" value="false" set_property="disa"/>

<!-- check for the change text (chtx) event that edit box will send us when: we check the 'text is empty' property of the event and set the disabled property to the value of 'chtx' -->

<attachment class="test_event_attachment" event_id="chtx" get_property="txie" set_property="hidn" mode="1" />

</widget>

</container>

</container>

<!-- right sided main logo

<container id="RsLg">

<layout class="stick_to_sides_attachment" alignment="vertical" inset="0" />

<layout class="centre_in_parent_attachment" alignment="horizontal" offset="-10" layout_children="true"/>

<widget class="picture" id="rftF" scale_picture="true" keep_aspect_ratio="true" height="44" width="100" image_alignment="centre">

<layout class="centre_in_parent_attachment" alignment="vertical" offset="-17"/>

<attachment class="get_global_attachment" get_property="scpc" set_property="file" skip_if_null="false"/>

</widget>

</container>

-->

</container>

<!-- Quick Flicks -->

<container>

<layout class="stick_to_sides_attachment" alignment="all" inset="0"/>

<layout class="fit_children_attachment" alignment="all" inset="0"/>

<container id="flik" width="160">

<layout class="arrange_horizontal_attachment" layout="75,-1" gap="5" inset="0"/>

<layout class="stick_to_sides_attachment" alignment="vertical" layout_children="true" inset="-4"/>

<layout class="stick_to_sides_attachment" alignment="vertical" inset="0"/>

<container>

<widget class="quick_flick_button" id="flkl" auto_size="all" appearance="button/custom/quickflicks/left/button" cached="true" step="-1">

<layout class="stick_to_sides_attachment" alignment="left" inset="15"/>

<layout class="stick_to_sides_attachment" alignment="top" inset="35"/>

</widget>

</container>

<container>

<widget class="quick_flick_button" id="flkr" auto_size="all" appearance="button/custom/quickflicks/right/button" cached="true" step="1">

<layout class="stick_to_sides_attachment" alignment="right" inset="15"/>

<layout class="stick_to_sides_attachment" alignment="top" inset="35"/>

</widget>

</container>

</container>

</container>

</panel>

[Mark387]

Try this

Find

<!-- container to handle the layout of the 'background' logos -->
<container id="BkLg">
<layout class="stick_to_sides_attachment" alignment="vertical" inset="0"/>

Replace with

<!-- container to handle the layout of the 'background' logos -->
<container id="BkLg">
<layout class="stick_to_sides_attachment" alignment="vertical" inset="-3"/>

I'm confused as to what is causing this prob and its fine for me :confused:

[dave byrd]

doesn't fix it fully. That change effects the right sided background logo but not the left..

Do you use background logos with the the default title bar? If so could you post the values in your titlebar.xml and maybe your header.xml?

[TomDixon77]

I'll pop up a solution to this in a bit, once I've got home from work

[dave byrd]

Cheers guys.

[dave byrd]

I'll be cheeky and ask another question! Here is a screen of my skin. How do i colour the footer so it's black? I've tried to follow the guide in this forum but no joy.

[dave byrd]

Fixed the titlebar.

Changed:

<!-- container to handle the layout of the 'background' logos -->

<container id="BkLg">

<layout class="stick_to_sides_attachment" alignment="vertical" inset="0"/>

To:

<!-- container to handle the layout of the 'background' logos -->

<container id="BkLg">

<layout class="stick_to_sides_attachment" alignment="vertical" inset="-12"/>

and

<!-- Add background Main logo -->

<widget class="picture" id="lftB" auto_size="all">

<layout class="stick_to_sides_attachment" alignment="top" inset="0"/>

<layout class="stick_to_sides_attachment" alignment="left" inset="-5"/>

To:

<!-- Add background Main logo -->

<widget class="picture" id="lftB" auto_size="all">

<layout class="stick_to_sides_attachment" alignment="top" inset="-12"/>

<layout class="stick_to_sides_attachment" alignment="left" inset="-5"/>

Still need to know how to make my footer black if anyone can help.

[michaeltmurrayuk]

For the footer follow the guide - you need to uncomment out the footer graphic coding and replace the graphic as the default one fairly transparent.

[POMPEY657]

EDIT: Nevermind, i worked out what my problem was..