[Mod] Horizontal Home Menu + Sub Menus
#1
Hello.

As the title stats this is a modification to the Home Screen to get a home menu more like the Rapier skin. 99.999999% of the credit should go to yiarkyiark and his Mod Influence ( http://forum.xbmc.org/showthread.php?tid=70612 ). This is a cut + paste job of his code for the horizontal main menu, with minor modifications by me to get some funky sub-menu crap and the overall layout as shown in the screens below.

This only modifies the home screen
. All the other screens will have that annoying sidebar menu.

I have no effing clue what this looks like on other displays, and I'm willing to bet my left nutsack that something in the layout is probably going to be off/not align/etc. I based the layout adjustments on how they looked on a crappy 17" 4:3 monitor, so there's bound to be *@3##$ when you're viewing the results on your orgasmic 50" WS PDP.

Make whatever tweaks you want to the .xml file. If you ask me [insert random code question here Nerd] I'm not going to remember and if even a little bit of time has passed I will probably be just as clueless as you. I got sidetracked on this project after having to reinstall XBMC + rebuilding my library and ended up spending Waaaaaaaaaaaaay too much time on this :p

I uploaded the Home.xml file to RS for those who want to dl it. Just backup/rename your current vanilla Home.xml file and replace it with this one:

http://rapidshare.com/files/389036666/Home.xml

Image
Image
Image
Image
Reply
#2
Nice one! Just one question. What font are you using? My text on the horizontal menu seems to get really small....
Reply
#3
hugenx Wrote:Nice one! Just one question. What font are you using? My text on the horizontal menu seems to get really small....

For the Main menu its font45caps_title, as defined in the Font.xml

If you want to change it, edit lines 894 and 868 on your Home.xml

Shocked



For the sub-menu stuff, its font10caps_title. If you want to change the subtitle font, you have to go through and look for:

Code:
                <control type="grouplist" id="9xxx">
and then edit each button. So for example,

Code:
                <control type="grouplist" id="9010">

is on line 408. You then start scrolling down and will see

Code:
                    <control type="button" id="90101">
                    <font>font10caps_title</font>

Keep scrolling down and you will eventually see

Code:
                    <control type="button" id="90102">
                    <font>font10caps_title</font>

Keep scrolling down and you will see id="90103", etc., essentially a listing for all of the sub menu categories. To change the font, just change font10caps_title to whatever you want or define a font in font.xml and then just use that name when you are defining the button font in your home.xml.

You'll find the
Code:
                <control type="grouplist" id="9xxx">

on lines 408,484,560,615,695, and 757
Just go to each one and start scrolling down, changing every button font to whatever you want

Cool

look at this thread http://forum.xbmc.org/showthread.php?tid=67307

if you already haven't and follow Hitcher's steps to create a xml file to set the F5 button to refresh the skin. That way you can edit the home.xml file, alt-tab to XBMC, and just refresh the skin to see changes on the fly. So much easier! Smile
Reply
#4
I`ll give it a try, thx =)
Reply
#5
hello,

i like your mod very much.
but is it possible to get de menu's in the center ( like Aeon )

some thing like this ?

Image
Reply
#6
monsieurpaulu Wrote:hello,

i like your mod very much.
but is it possible to get de menu's in the center ( like Aeon )

yeah, you can move it anywhere you want if you edit 3 lines in the home.xml
file.

1. Starting at line 847 where you see

Code:
<control type="wraplist" id="9000">
            <posx>-175</posx>
            <posy>75r</posy>

is the main menu. By changing the number between the <posy></posy> will change the vertical alignment. The 'r' in this case just means that coordinate starts from the bottom and moves up.

2. Starting at line 812 where you see

Code:
            <control type="image">
                <posx>-235</posx>
                <posy>55r</posy>
                <width>1950</width>
                <height>45</height>
                <colordiffuse>DAFFFFFF</colordiffuse>
                <texture>HomeBlade_bottom.png</texture>
            </control>

is the shadow part behind the main menu. If you want the shadow behind the menu you will have to play with the number between the <posy></posy>.

3. Starting at line 397 where you see

Code:
            <control type="group" id="9001">
                <posx>-225</posx>
                <posy>625</posy>

is the sub menu. If you want to move the sub menu the process is the same. You just have to play with the number between the <posy></posy>.
Reply
#7
Thanks

i will give it a try !!
Reply
#8
hi ,

after some work this is how it looks for me now :

Image
Reply
#9
monsieurpaulu Wrote:hi ,

after some work this is how it looks for me now :

cool ^^ :cool2:
Reply
#10
monsieurpaulu Wrote:hi ,

after some work this is how it looks for me now :

Image

You got a copy of that home.xml looks very good
Reply
#11
hello

i will post a link for download




http://rapidshare.com/files/393253490/Home.xml.html
Reply
#12
Already been downloaded a max amount of times
Reply
#13
a new link :

http://rapidshare.com/files/394452191/Home.xml.html
Reply
#14
Just put it up on another share site or pastebin or youll be running into this every 10 people that want it.
Main - Intel E6750 C2D (2.66ghz)/Geforce 240
Bedroom - Intel E3300 C2D (2.5ghz)/Geforce 210
Guest Bedroom - Acer Revo 1600/ION LE
Test Desktop - Intel Q9300 C2Q (2.5ghz)/Geforce 9600 GSO
Reply
#15
i will do it later
thanks for the tip Rolleyes


http://pastebin.com/66V1N3iJ
Reply

Logout Mark Read Team Forum Stats Members Help
[Mod] Horizontal Home Menu + Sub Menus0