Login at Kodi Home

latts9923 · 2016-10-05, 13:16

(2016-10-05, 04:15)CellarDoorTV Wrote: Also what id="10..." number should I use for my menubar?

Make sure you id #s are unique. What I usually do is search the file for the next id I want to use and verify that it's available. So, for your menu bar, search for id="1080". If it's not used (it wasn't in my file), change the cellardoormenubar id and you should be good to go!

**Wanilton** · MQ9-1.6.0.29 - 09.15.2023 - Aeon MQ Skin Team

@latts9923, I recommend use feature composition (see in customize main menu), create gif animated (1920x400) for use with each theme.

Exemple art created by Valdo Lopes, for use with Halloween theme.

Video about composition:

latts9923 · 2016-10-05, 14:47

(2016-10-05, 13:32)Wanilton Wrote: @latts9923, I recommend use feature composition (see in customize main menu), create gif animated (1920x400) for use with each theme.

Sweet! I'll look into using that option. Thanks!

latts9923 · (This post was last modified: 2016-10-07, 03:46 by latts9923.)

Here are two more menu bars to add to the mod...a Neon menu bar and a Halloween menu bar. The Neon menu bar allows you to use the same menu bar color selector as the default MQ7 Menu Bar.

Download - New Menu Bars

Installation Instructions

Extract the contents of the folders custom and holidays/halloween in the zip file into folders of the same name under media (refer to original post if you're unsure where this folder is located). Create these folders if you don't have them already. The composition.gif file is from Wanilton's post above. Thanks again Wanilton!

You will then need to alter the code to the following files...

In SkinSettings.xml, find

Code:
<!--*   MENU BAR SELECTOR   *-->

<control type="image">

<left>454</left>

<top>935</top>

<width>1466</width>

<height>46</height>

<texture>menu_bar.png</texture>

<colordiffuse>$INFO[Skin.String(colormainmenubar)]</colordiffuse>

<visible>StringCompare(Skin.String(mymenubar),mq7menubar)</visible>

</control>

<control type="image">

<left>454</left>

<top>935</top>

<width>1466</width>

<height>46</height>

<texture>starwars/starwars_bar.png</texture>

<visible>StringCompare(Skin.String(mymenubar),starwarsmenubar)</visible>

</control>

<!--*   MENU BAR SELECTOR   *-->

and replace with

Code:
<!--*   MENU BAR SELECTOR   *-->

<control type="image">

<left>454</left>

<top>935</top>

<width>1466</width>

<height>46</height>

<texture>menu_bar.png</texture>

<colordiffuse>$INFO[Skin.String(colormainmenubar)]</colordiffuse>

<visible>StringCompare(Skin.String(mymenubar),mq7menubar)</visible>

</control>

<control type="image">

<left>454</left>

<top>935</top>

<width>1466</width>

<height>46</height>

<texture>menu_bar.png</texture>

<colordiffuse>$INFO[Skin.String(colormainmenubar)]</colordiffuse>

<visible>StringCompare(Skin.String(mymenubar),neonmenubar)</visible>

</control>

<control type="image">

<left>454</left>

<top>935</top>

<width>1466</width>

<height>46</height>

<texture>starwars/starwars_bar.png</texture>

<visible>StringCompare(Skin.String(mymenubar),starwarsmenubar)</visible>

</control>

<control type="image">

<left>454</left>

<top>875</top>

<width>1466</width>

<height>153</height>

<texture>holidays/halloween/menu_bar_halloween.png</texture>

<visible>StringCompare(Skin.String(mymenubar),halloweenmenubar)</visible>

</control>

<!--*   MENU BAR SELECTOR   *-->

Then find

Code:
<!--*   MENU BAR SELECTOR   *-->

<control type="grouplist" id="10028">

    <visible>Container(9100).HasFocus(25)</visible>

    <animation effect="fade" reversible="true" time="150">VisibleChange</animation>

    <left>454</left>

    <top>180</top>

    <width>1466</width>

    <height>840</height>

    <onleft>9100</onleft>

    <onright>85</onright>

    <onup>10028</onup>

    <ondown>10028</ondown>

    <itemgap>0</itemgap>

    <pagecontrol>85</pagecontrol>

<!-- Resetar -->

<control type="button" id="1081">    

    <label>$LOCALIZE[31687]</label>

    <colordiffuse>FFDAA520</colordiffuse>

    <onclick>Skin.SetString(mymenubar,mq7menubar)</onclick>

    <onclick>SetFocus(9100)</onclick>

    <onclick>Notification($LOCALIZE[31656],$LOCALIZE[31237])</onclick>

</control>

<control type="radiobutton" id="1078">

    <label>32021</label>

    <onclick>Skin.SetString(mymenubar,mq7menubar)</onclick>

    <selected>StringCompare(Skin.String(mymenubar),mq7menubar)</selected>

</control>

<control type="radiobutton" id="1079">

    <label>32022</label>

    <onclick>Skin.SetString(mymenubar,starwarsmenubar)</onclick>

    <selected>StringCompare(Skin.String(mymenubar),starwarsmenubar)</selected>

</control>

</control>

<!--*   MENU BAR SELECTOR   *-->

and replace with

Code:
<!--*   MENU BAR SELECTOR   *-->

<control type="grouplist" id="10028">

    <visible>Container(9100).HasFocus(25)</visible>

    <animation effect="fade" reversible="true" time="150">VisibleChange</animation>

    <left>454</left>

    <top>180</top>

    <width>1466</width>

    <height>840</height>

    <onleft>9100</onleft>

    <onright>85</onright>

    <onup>10028</onup>

    <ondown>10028</ondown>

    <itemgap>0</itemgap>

    <pagecontrol>85</pagecontrol>

<!-- Resetar -->

<control type="button" id="1081">    

    <label>$LOCALIZE[31687]</label>

    <colordiffuse>FFDAA520</colordiffuse>

    <onclick>Skin.SetString(mymenubar,mq7menubar)</onclick>

    <onclick>SetFocus(9100)</onclick>

    <onclick>Notification($LOCALIZE[31656],$LOCALIZE[31237])</onclick>

</control>

<control type="radiobutton" id="1078">

    <label>32021</label>

    <onclick>Skin.SetString(mymenubar,mq7menubar)</onclick>

    <selected>StringCompare(Skin.String(mymenubar),mq7menubar)</selected>

</control>

<control type="radiobutton" id="1079">

    <label>32022</label>

    <onclick>Skin.SetString(mymenubar,starwarsmenubar)</onclick>

    <selected>StringCompare(Skin.String(mymenubar),starwarsmenubar)</selected>

</control>

<control type="radiobutton" id="1080">

    <label>32027</label>

    <onclick>Skin.SetString(mymenubar,neonmenubar)</onclick>

    <selected>StringCompare(Skin.String(mymenubar),neonmenubar)</selected>

</control>

<control type="radiobutton" id="1082">

    <label>32023</label>

    <onclick>Skin.SetString(mymenubar,halloweenmenubar)</onclick>

    <selected>StringCompare(Skin.String(mymenubar),halloweenmenubar)</selected>

</control>

</control>

<!--*   MENU BAR SELECTOR   *-->

Now look in IncludesMainMenu.xml and find

Code:
<control type="image">

    <left>1272</left>

    <top>918</top>

    <width>108</width>

    <height>60</height>

    <texture>starwars/lightning-right.png</texture>

    <animation effect="fade" start="0" end="100" time="40" delay="0" condition="true" pulse="true">Conditional</animation>

    <animation effect="fade" start="0" end="100" time="2000" easing="inout" tween="cubic">WindowOpen</animation>

    <animation effect="fade" start="0" end="100" time="1500" easing="inout" tween="cubic">Visible</animation>

    <animation effect="fade" start="100" end="0" time="300">WindowClose</animation>

    <animation effect="fade" start="100" end="0" time="100" easing="inout" tween="cubic">Hidden</animation>

    <visible>StringCompare(Skin.String(mymenubar),starwarsmenubar)</visible>

    <visible>[Control.HasFocus(9000) | ControlGroup(600).HasFocus | Control.HasFocus(703)] + ![Skin.HasSetting(submode) | Window.IsVisible(6641) | Window.IsVisible(5099) | Player.HasMedia + System.IdleTime(8)]</visible>

</control>

Insert the following after this and before the </control> that follows...

Code:
<control type="image">

    <left>0</left>

    <top>918</top>

    <width>1920</width>

    <height>60</height>

    <texture>menu_bar.png</texture>

    <colordiffuse>$INFO[Skin.String(colormainmenubar)]</colordiffuse>

    <animation effect="fade" start="0" end="100" time="2000" easing="inout" tween="cubic">WindowOpen</animation>

    <animation effect="fade" start="0" end="100" time="1500" easing="inout" tween="cubic">Visible</animation>

    <animation effect="fade" start="100" end="0" time="300">WindowClose</animation>

    <animation effect="fade" start="100" end="0" time="100" easing="inout" tween="cubic">Hidden</animation>

    <visible>StringCompare(Skin.String(mymenubar),neonmenubar)</visible>

    <visible>[Control.HasFocus(9000) | ControlGroup(600).HasFocus | Control.HasFocus(703)] + ![Skin.HasSetting(submode) | Window.IsVisible(6641) | Window.IsVisible(5099) | Player.HasMedia + System.IdleTime(8)]</visible>

</control>

<control type="image">

    <left>0</left>

    <top>893</top>

    <width>1920</width>

    <height>110</height>

    <texture>custom/menu_bar_full.png</texture>

    <colordiffuse>$INFO[Skin.String(colormainmenubar)]</colordiffuse>

    <animation effect="fade" start="0" end="100" time="1000" delay="0" condition="true" pulse="true">Conditional</animation>

    <animation effect="fade" start="0" end="100" time="2000" easing="inout" tween="cubic">WindowOpen</animation>

    <animation effect="fade" start="0" end="100" time="1500" easing="inout" tween="cubic">Visible</animation>

    <animation effect="fade" start="100" end="0" time="300">WindowClose</animation>

    <animation effect="fade" start="100" end="0" time="100" easing="inout" tween="cubic">Hidden</animation>

    <visible>StringCompare(Skin.String(mymenubar),neonmenubar)</visible>

    <visible>[Control.HasFocus(9000) | ControlGroup(600).HasFocus | Control.HasFocus(703)] + ![Skin.HasSetting(submode) | Window.IsVisible(6641) | Window.IsVisible(5099) | Player.HasMedia + System.IdleTime(8)]</visible>

</control>

<control type="image">

    <left>0</left>

    <top>873</top>

    <width>1920</width>

    <height>150</height>

    <texture>custom/menu_bar_glow.png</texture>

    <colordiffuse>$INFO[Skin.String(colormainmenubar)]</colordiffuse>

    <animation effect="fade" start="0" end="100" time="1000" delay="0" condition="true" pulse="true">Conditional</animation>

    <animation effect="fade" start="0" end="100" time="2000" easing="inout" tween="cubic">WindowOpen</animation>

    <animation effect="fade" start="0" end="100" time="1500" easing="inout" tween="cubic">Visible</animation>

    <animation effect="fade" start="100" end="0" time="300">WindowClose</animation>

    <animation effect="fade" start="100" end="0" time="100" easing="inout" tween="cubic">Hidden</animation>

    <visible>StringCompare(Skin.String(mymenubar),neonmenubar)</visible>

    <visible>[Control.HasFocus(9000) | ControlGroup(600).HasFocus | Control.HasFocus(703)] + ![Skin.HasSetting(submode) | Window.IsVisible(6641) | Window.IsVisible(5099) | Player.HasMedia + System.IdleTime(8)]</visible>

</control>

<control type="image">

    <left>0</left>

    <top>843</top>

    <width>1920</width>

    <height>200</height>

    <texture>holidays/halloween/menu_bar_halloween.png</texture>

    <animation effect="fade" start="0" end="100" time="2000" easing="inout" tween="cubic">WindowOpen</animation>

    <animation effect="fade" start="0" end="100" time="1500" easing="inout" tween="cubic">Visible</animation>

    <animation effect="fade" start="100" end="0" time="300">WindowClose</animation>

    <animation effect="fade" start="100" end="0" time="100" easing="inout" tween="cubic">Hidden</animation>

    <visible>StringCompare(Skin.String(mymenubar),halloweenmenubar)</visible>

    <visible>[Control.HasFocus(9000) | ControlGroup(600).HasFocus | Control.HasFocus(703)] + ![Skin.HasSetting(submode) | Window.IsVisible(6641) | Window.IsVisible(5099) | Player.HasMedia + System.IdleTime(8)]</visible>

</control>

<control type="image">

    <left>548</left>

    <top>905</top>

    <width>823</width>

    <height>99</height>

    <texture>holidays/halloween/halloween_eyes.png</texture>

    <animation effect="fade" start="0" end="100" time="2000" easing="inout" tween="cubic">WindowOpen</animation>

    <animation effect="fade" start="0" end="100" time="1500" easing="inout" tween="cubic">Visible</animation>

    <animation effect="fade" start="100" end="0" time="300">WindowClose</animation>

    <animation effect="fade" start="100" end="0" time="100" easing="inout" tween="cubic">Hidden</animation>

    <visible>StringCompare(Skin.String(mymenubar),halloweenmenubar)</visible>

    <visible>[Control.HasFocus(9000) | ControlGroup(600).HasFocus | Control.HasFocus(703)] + ![Skin.HasSetting(submode) | Window.IsVisible(6641) | Window.IsVisible(5099) | Player.HasMedia + System.IdleTime(8)]</visible>

</control>

<control type="image">

    <left>548</left>

    <top>905</top>

    <width>823</width>

    <height>99</height>

    <texture>holidays/halloween/halloween_eyes_glow.png</texture>

    <animation effect="fade" start="0" end="100" time="1000" delay="0" condition="true" pulse="true">Conditional</animation>

    <animation effect="fade" start="0" end="100" time="2000" easing="inout" tween="cubic">WindowOpen</animation>

    <animation effect="fade" start="0" end="100" time="1500" easing="inout" tween="cubic">Visible</animation>

    <animation effect="fade" start="100" end="0" time="300">WindowClose</animation>

    <animation effect="fade" start="100" end="0" time="100" easing="inout" tween="cubic">Hidden</animation>

    <visible>StringCompare(Skin.String(mymenubar),halloweenmenubar)</visible>

    <visible>[Control.HasFocus(9000) | ControlGroup(600).HasFocus | Control.HasFocus(703)] + ![Skin.HasSetting(submode) | Window.IsVisible(6641) | Window.IsVisible(5099) | Player.HasMedia + System.IdleTime(8)]</visible>

</control>

<control type="image">

    <left>-1</left>

    <top>247</top>

    <width>248</width>

    <height>675</height>

    <texture>holidays/halloween/halloween_left.png</texture>

    <animation effect="fade" start="0" end="100" time="2000" easing="inout" tween="cubic">WindowOpen</animation>

    <animation effect="fade" start="0" end="100" time="1500" easing="inout" tween="cubic">Visible</animation>

    <animation effect="fade" start="100" end="0" time="300">WindowClose</animation>

    <animation effect="fade" start="100" end="0" time="100" easing="inout" tween="cubic">Hidden</animation>

    <visible>StringCompare(Skin.String(mymenubar),halloweenmenubar)</visible>

    <visible>[Control.HasFocus(9000) | ControlGroup(600).HasFocus | Control.HasFocus(703)] + ![Skin.HasSetting(submode) | Window.IsVisible(6641) | Window.IsVisible(5099) | Player.HasMedia + System.IdleTime(8)]</visible>

</control>

<control type="image">

    <left>1672</left>

    <top>247</top>

    <width>248</width>

    <height>675</height>

    <texture>holidays/halloween/halloween_right.png</texture>

    <animation effect="fade" start="0" end="100" time="2000" easing="inout" tween="cubic">WindowOpen</animation>

    <animation effect="fade" start="0" end="100" time="1500" easing="inout" tween="cubic">Visible</animation>

    <animation effect="fade" start="100" end="0" time="300">WindowClose</animation>

    <animation effect="fade" start="100" end="0" time="100" easing="inout" tween="cubic">Hidden</animation>

    <visible>StringCompare(Skin.String(mymenubar),halloweenmenubar)</visible>

    <visible>[Control.HasFocus(9000) | ControlGroup(600).HasFocus | Control.HasFocus(703)] + ![Skin.HasSetting(submode) | Window.IsVisible(6641) | Window.IsVisible(5099) | Player.HasMedia + System.IdleTime(8)]</visible>

</control>

Finally, in your strings.po language file, you will need to add the following...

Code:
msgctxt "#32023"

msgid "[COLOR orange]HALLOWEEN[/COLOR] MENU BAR"

msgstr "HALLOWEEN MENU BAR"

msgctxt "#32027"

msgid "NEON MENU BAR"

msgstr "NEON MENU BAR"

I will update the Menu Bar Selector Mod download to reflect all these changes.

Hope you like the new menu bars! More to come!

**Wanilton** · MQ9-1.6.0.29 - 09.15.2023 - Aeon MQ Skin Team

Work great, thanks

latts9923 · 2016-10-07, 04:22

(2016-10-07, 04:15)Wanilton Wrote: Work great, thanks

You bet! Here's the neon menu bar as well...

halidri · 2016-10-07, 13:13

Hi, the neon bar looks good, is it possible to make the neon bar without blinking?

**Wanilton** · MQ9-1.6.0.29 - 09.15.2023 - Aeon MQ Skin Team

Ops, wrong answer, look post 39.

latts9923 · 2016-10-07, 13:23

(2016-10-07, 13:13)halidri Wrote: Hi, the neon bar looks good, is it possible to make the neon bar without blinking?

Thanks! Sure, you can disable the pulse. In IncludesMainMenu.xml, find the two new menu bar images menu_bar_full.png and menu_bar_glow.png. Both of them have the following code...

Code:
<animation effect="fade" start="0" end="100" time="1000" delay="0" condition="true" pulse="true">Conditional</animation>

Set the pulse as pulse="false".

halidri · 2016-10-07, 14:04

Thanks! Looks better for me Smile

schumi2004 · 2016-10-07, 14:17

Pretty cool mod, thanks Wink

latts9923 · 2016-10-07, 14:22

(2016-10-07, 14:04)halidri Wrote: Thanks! Looks better for me

You're welcome! Yeah, I went back and forth on whether to have it pulse or not.

latts9923 · 2016-10-07, 14:24

(2016-10-07, 14:17)schumi2004 Wrote: Pretty cool mod, thanks

Hey schumi2004! Thanks!

movie78 · 2016-10-07, 21:25

@latts9923
Would like to request Marvel Theme.

Thanks

latts9923 · 2016-10-07, 21:55

(2016-10-07, 21:25)movie78 Wrote: @latts9923
Would like to request Marvel Theme.

Thanks

Hey movie78!

I can work on one when I have time...I have requests for other themes as well. Gonna have to start charging...haha.