Skip to main content

Menu Background Changes in Xonfluence

Xonfluence Changing Menu Background (Main & Sub-Menu Bars)


This next article is going to show you how to change the menu background in the Xonfluence skin for both the main and the sub-menu.  This is a request from a member on the Ares Forum who was looking to change colors of the background on the menu and sub-menu bar.  As you may already know in Aeon Nox Silvo you are able to just go into the settings and manipulate the colors quite easily; however, in Xonfluence we have a few changes to make.  This article is going to take you through how to change the basic color of the background on the menu bars; yet it will also help you customize the menu bars.



What’s Required?


Before we jump into trying to make the changes to the menu bar we are going to want to figure out what tools we will need to make the changes.  Don’t worry this isn’t going to get crazy and there is a good chance you already have all you need.  However, if you don’t it’s ok because I am going to give you links to websites to download the needed programs.



Paint.net


You can use any image editing software; however, I like paint.net very much.  It is a very light program and gives you much of the functionality you get with Adobe Photoshop.  If you do not have paint.net you can download it here for free and if you visit their forum you can get many great add-ons to increase your functionality as well.



Gimp


Gimp is another very popular image editing software and again is a free program.  For more information or to download Gimp click here.




Kodi Texture Tool


Now that we have the editing software taken care of we can move on to Kodi Texture Tool.  This is a tool that allows you to compile and decompile  xbt files.  This holds all the images for your specific theme inside the skin.  Xonfluence, as an example, has 4 default themes and when you navigate to the folder you will see all the files (gray, kryptonite, and zik).


If you haven’t already you are going to need to download and install the Kodi Texture Tool here.  Once you have installed and launch the program you will see the following screen.


menu background


***It is important to note Texture Tool cannot use a path with spaces in it.***


I am trying to save you the headache of having to rename the folder without spaces.  Trust me I found out the hard way and it caused me an extra step.



How to Use Kodi Texture Tool


We have all the tools we need to start working on our menu background colors so now it is time to start.  Once you open the Kodi Texture Tool you will use the top section which is for decompiling.


First: Select the input button to find the xbt file.


–You are going to want to navigate to home/addons/skin.xonfluence/media/textures.xbt


Next: You will need to select where you want to decompile the file to.  I typically just create a folder on my desktop and work off the folder as I am constantly in and out of it when I am working on my build.


Finally:  Hit start and let the system do its thing.  It may take a few minutes to decompile all the images in the folder so have a little patience.




Changing Menu Background


Now that your file is completely decompiled you can begin searching through the images in this folder.  As I mentioned, every image you see in Kodi’s UI (User Interface) is right in this folder.  This means any changes you make in this folder will go live in Kodi once you compile and update the textures.xbt file.


We are going to take a look at changing the color for both the main and sub menu inside xonfluence.



Main Menu Bar


The Main Menu bar is listed as homeback.png and you will see a small black rectangle.  If you just want to change the menu bar to another solid color you can open up paint.net, gimp, or whatever image software you use.  Once you have the program open you just want to make sure to paint over the black and change the color.


As you can see I changed the homeback.png file to a light blue for this example.


menu background


Next you just need to save the file and from here you can move on to the next change you want to make.  If you wanted to use a special background or custom picture you may do so by saving your image as homeback.png.  It is worth noting the dimensions for this image are only 16×64.



Sub-Menu Bar


Now that we are happy with the color for the main menu bar we are going to want to take a look at the sub menu.  We are going to return to the decompiled textures.xbt file and locate the homesubnf.png file.  This is going to be the image you need to adjust to change the color of the sub-menu bar.  Once again this can be changed to anything and I just suggest leaving the same dimensions; in this case 128 x 64.


submenu background color


Here you can see I used the same color for this example so you can match them; however you can set this to anything.





Compile Folder


After you have made all the changes you plan to you are going to want to compile the folder and turn it back into an xbt file.  To do this you want to open the Kodi Texture Tool again.  Yet this time you are going to work on the bottom section to compile.


First thing you need to do is to select the input folder.  This is going to be the folder you’ve been working in with all your images.  After this you are going to need to choose the output folder the place you want to save the file.  Remember no spaces in the file path here and you’ll be all set.  Third just click start and again wait because it will take a few minutes to compile.


Finally you can move the textures.xbt file back to your Kodi folder and open your build.  If you followed these instructions when you open your Kodi program it should be showing you the new menu bars.



Conclusions


I thank you for taking the time to read this tutorial and I hope it gave you a stronger grasp on backgrounds.  This is just the beginning of taking a look at small changes you can make your build look great.  This tutorial should compliment the one where we looked at changing text color.  If you haven’t read it take a look here.  If you have any questions it is best to visit us at http://ares-project.uk for more assistance.  We have a whole section dedicated to Builder’s Help & Support and this is the best place for us to talk about your needs.  We thank you again for being a part of our community and stay tuned more will be on the horizon.

Comments

Post a Comment

DVDrip – TorrentFreak

Loading...

Trending Posts...

Kodi Advanced Settings Pt 2

    This is the second part of The Advanced Settings XML article, in this follow up post I want to cover a few extra items. Skip Loop Filter Package Folder SIze Remote Delay Remote Repeat Specifcally the first is for Amazons Firestick and reduces the overhead on the GPU by removing some “unseen” frames from the video stream. Skip Loop Filter Click Programs Click Easy Advanced Settings Click Edit Settings Click Audio/video playback settings Click Skiploopfilter Click 8 You can back up to the twice and hit Write XML file Package Folder Size You’ll hear this a lot “purge packages”; so lets explain, packages are the zips Kodi downloads to install your add-ons. Kodi keeps them in case you want to roll back from an upgrade. However, they mostly just use up storage space. They have no connection to buffering, nor speed, nor performance, another often touted myth! We can remove the need to do this monthly clean up by simply setting a fixed size for the fo...
Post a Comment
Read more

Project Cypher

This is an add on thats been around for a while, with a mix of content, mostly that I haven’t used to be honest, but its recently started to produce some good live streams with I think makes it worthy of recommending. I worked through some of the content this morning and there is a mix of stuff, but of real interest to me personally is the quality of the live links. The other content such as Lingerie Football and Lingerie Fighting is unique to the add on (AFAIK), plus there plenty of horror under the “dark side” link and Serial Killer content too, should that be your thing. Installing Project Cypher Click File Manager Double Click Add source Type this EXACTLY http://repo.run/cypherrepo/ Name the source, Project Cypher Return to the Kodi Home Screen Click System Click Add ons Click install from zip file Click Project Cypher Source Click Project Cypher zip file Wait for “add on enabled” notification Project Cypher Content The long list of live sports lin...
Post a Comment
Read more

How to Enable and Configure Trakt.TV in Kodi

What is Trakt.TV “Trakt is a platform that does many things, but primarily keeps track of TV shows and movies you watch. It integrates with your media center or home theater PC to enable scrobbling, so everything is automatic. Some people like to check in from their phone, so we enable that too.” The Trakt add-on for Kodi allows you to automatically scrobble all content you are watching to Trakt.tv. You can keep a comprehensive history of everything you’ve watched. Install and Authorizing Trakt Before using Trakt.TV it must be installed. Many builds have Trakt already installed. If you have such a build, you can skip down to the next portion of this article. Lets begin. Open Kodi and select System> Add-on> Install from repository. Scroll down and Select Kodi Add-on repository> Program Add-ons. The is list lengthy, so scroll to almost the bottom and select Trakt. Click to Install, wait for Add-on enabled notification. Now that Trakt is install...
Post a Comment
Read more

HEVC Bluray from Entertainment Repo

I have been looking over this for a few hours and I have to say I am impressed on several levels – remember this is a beta release. So whats good? There are movies and tv show boxsets – all the main shows, all HD; most links play – though its not a 1 click addon, this has much more to offer, including choosing 720 or 1080 links. Streams are, for the most part reliable and stable, HD links can get a bit “iffy” to say the least sometimes. There is a 3D section, but few of the links work at this point, sadly. The Big Plus Ok, the really big deal here, is the use of high efficency compression, dont panic, I wont bore you with technical guff i promise – in simple terms you get 1080 films (and tv shows) in a 600 kbps stream – yup, less than 1mbps for a HD movie ! Impressive huh? This will be a real goto addon for those on slow or lower speed connections, those devices that are wifi only, like sticks that just wont play 1080 stuff unless it can see the...
Post a Comment
Read more

Super Favourites

This is not new and its amiss of me not to have added this sooner, but I started digging into a few things to do some advanced topics later and well, never realised the true potential of this add on; its always been on my “to do ” list and i have a feeling that despite Exodus not allowing its use, that SF will be used a lot more with the TV Portal release of its custom EPG app. You may have heard of the author, Spoyser, former lead ‘droid dev for team Kodi, so you know this is a solid stable addon. What Is Super Favourites? In a nutshell Super Favourites allows you to create you own custom Super-Add on with all the best bits of all your favourite add ons (with a few exceptions), along with the bits of Kodi that you use the most. In it’s simplest use case Super Favourites, acts very similar to the standard Kodi favourites in that you add items to it (in a couple of ways, see later), and can then view them in one easy to use list. However, whereas Kodi favourites is simply a...
Post a Comment
Read more