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...

Ares Wizard URL Update 18/04/2016

It has become clear that the 3m+ downloads a month has become an issue on the current Ares Wizard zip host box, very often triggering the IP banning protection, although temporary, it would seem that some are being hit with 12 hr bans as the server thinks its being attacked. A royal pain if you are simply trying to grab the zip file. New Server, Bigger Pipe The Ares team has therefore invested in a new host, with a bigger 1 gbps pipe (previous was 50mbps), this “should” eliminate this problem for the downloads. Famous last words? The new url is  http://www.areswizard.co.uk (note – there is no need to add zip to the end of this – its a direct link) Full information on the Ares Forum The Ares Wizard Overview Just to try and clarify how this utility works, as so many ask if its down when in fact its not – or confusing builds failing to download or install correctly as a problem with the wizard. The Ares Wizard is hosted across three servers , one main a...
Post a Comment
Read more

FireTV/Stick Easy Kodi Installs

You will no doubt be aware that since the  5.0.5.1_user_537175520 update, Firestarter was disabled (I hope to have a patched version shortly) and Amazon now show Kodi in the recent options (though strangely this worked on my FireTV box but NOT the Firestick – updates to follow. Its also not gone unnoticed that for some “strange” reason you cant click the download options if you browse to the Kodi downloads page – I mean really? There is no doubt the Amazon are engaged in “active disruption” to users trying to load Kodi. This post will show you how to get around this and save links for later use should you need it. What you will need We still do this with ES File Explorer (ESFE), just using a different method, if you already have ESFE installed skip to the “Installing Kodi” section. I stongly recommend you get the FireTV app on your phone to make entering the info easier, The mouse function will also make it easier to navigate in ESFE...
Post a Comment
Read more

How to Adjust Video Screen in Kodi Jarvis/Krypton

Adjusting Video Screen in Kodi Have you ever opened your Kodi and found that the screen is "Skewed" or looks like it's zoomed in and the edges are missing ? Well here's a fix that everyone will be able to apply to Kodi 16.1, Krypton 17 and all Forks. Understanding where and how to adjust the video screen is one of the easiest fix that anyone can do. But before we begin, it's always a good idea to check your Android device settings. You may have to adjust your settings there as well. Go to Main settings in your Device. (Android Box) Select display settings or Screen resolution. (varies depending on the Android version) Disable auto-detect HDMI. Now set it manually under HDMI output mode settings to 1080p, 50hz or you can set to what suits best according to the capacity of your TV manually by selecting it from the options on it. How to Adjust/Calibrate First of all, for the purpose of this article, all work was done on a PC for the screen captures. In addit...
Post a Comment
Read more

Ares Wizard Install Guide (July 14th)

A lot of testing has been going on behind the scenes to bring you a new, improved  Ares Wizard. New, bigger, faster servers, rewritten code, new build hosts, new zip hosts, its been  complete rebuild for the ground up. Its important to note that the Ares Wizard can run without its servers (they may go down in the future), but it then loses some of its functions, such as Add on & repository installs, and only 200 builds to choose from; it does retain all its maintenance and tweaking functions in this mode, so still very useful.  ——————————————————— This add on is “unofficial” and therefore not supported by Kodi TV or XBMC foundation, please do not ask on their forums for help, goto ares-project.uk for further support. ——————————————————...
Post a Comment
Read more

Guide to Installing Kodi: Beginner's Edition

Kodi, A Guide for New Users This next article is going to be an all-in-one guide on how to set up Kodi from where to find it to how to install an add-on. This guide will serve to partner with the theme of creating helpful articles for the everyday, new Kodi user. We will focus on keeping the language understandable and hope this article helps teach you something new. By the end of this article we will have answered the what, where, and how to install Kodi, along with a repository, and an add-on. You may or may not be aware; however, the community is ever changing especially in the recent 12 months. More and more developers and groups have been shut down, received cease & desist letters, or have grown frustrated by treatment from other community members.  This has made it tougher to find the reliable all-in-one build as your go-to builder could hang it all up.  So our goal is for this guide to help you sit in the driver seat. The What As we said we are going to tackle a lit...
Post a Comment
Read more