RetroFE forums

Artwork & Layouts => Share your theme => Topic started by: billyc666 on March 04, 2018, 09:41:52 AM

Title: [WIP] based on various kodi themes
Post by: billyc666 on March 04, 2018, 09:41:52 AM
based on Rufoo's citrus theme, im only at photoshop stage as i only started yeasterday, im using the textures from the actual citru theme so it's just a matter of placing them


(https://preview.ibb.co/j4goV7/base.jpg) (https://ibb.co/cb9xOS)
(https://preview.ibb.co/foHj3S/wip.jpg) (https://ibb.co/gMsHOS)
Title: Re: [WIP] based on Rufoo's citrus theme
Post by: Pieter Hulshoff on March 04, 2018, 12:15:02 PM
Looking good.

We should perhaps check with truRIP if they can organize a complete set of artwork to go with these stories and the games. I'm very much in favor of making these things as easy as can be for people to use.

Sent from my SM-G950F using Tapatalk

Title: Re: [WIP] based on Rufoo's citrus theme
Post by: billyc666 on March 04, 2018, 03:06:22 PM
Thank you. im not too clued up on trurip but artwork for the stories would be excellent, as i said it wouldn't be to hard to convert the naming from no intro. have you got the latest dats for trurip i couldn't find anything on the site (maybe because im not registered)

i know vertical & horizontal themes can be done but can grid?
im thinking if all can be done and if in future toggle themes via hotkey then a full set of views could be knocked up


**edit**

i did mean to ask in the aeon nox theme folder there is 3 xml files

is layout.xml the main menu
and layout 4.3 & layout 16.9 the sub menus for the collections ( do both of these need editing) to make this theme

and does the hyperlist xml's support developer/publisher or just manufacturer
Title: Re: [WIP] based on Rufoo's citrus theme
Post by: Pieter Hulshoff on March 04, 2018, 03:22:40 PM
Grid's currently not an option yet.

layout.xml is all that's needed at the moment. The next version of RetroFE will contain the ability to select 4x3, 16x9, etc. based on the monitor settings. That way if a theme supports multiple layouts, RetroFE will automatically select the right one for the monitor aspect ratio.

I think it currently supports manufacturer and developer as separate tags. If the developer tag is not available, it will use the manufacturer information for that field.
Title: Re: [WIP] based on Rufoo's citris theme
Post by: billyc666 on March 04, 2018, 03:44:05 PM
Thank you. ill have a go at making a theme based on your aeon nox as it's similar so should be easy to adjust
Title: Re: [WIP] based on Rufoo's citris theme
Post by: billyc666 on March 05, 2018, 10:01:35 AM
i have 2 issues on the theme im trying to deal with at the moment
1) how to get rid of the image that says all games
2) how to have more boxes on screen like the first image in post 1 boxes will be smaller

also im not sure if a button can be put on screen for favourites this would be the 3 lines at the top right of the window
Title: Re: [WIP] based on Rufoo's citris theme
Post by: Pieter Hulshoff on March 05, 2018, 12:59:52 PM


i have 2 issues on the theme im trying to deal with at the moment
1) how to get rid of the image that says all games
2) how to have more boxes on screen like the first image in post 1 boxes will be smaller

also im not sure if a button can be put on screen for favourites this would be the 3 lines at the top right of the window

1) All games is the playlist image. That one also covers Favorites(since that is a playlist too).
2) Just create another reloadableImage entry with the correct type and the size/location/animation you want.

Sent from my SM-G950F using Tapatalk

Title: Re: [WIP] based on Rufoo's citris theme
Post by: billyc666 on March 05, 2018, 04:13:08 PM
thank you that worked. i've just got to clean up a few things & fix the fonts

is it possible to add a frame around the center gamebox like the image
also the frame around the video, im unsure how to deal with the 4.3 videos so they fit the video frame

Rufoo is making me the textures pre coloured so they will look a lot better in the final

so far
(https://preview.ibb.co/jU8YF7/test.jpg) (https://ibb.co/nfKvTS)


Title: Re: [WIP] based on Rufoo's citris theme
Post by: Pieter Hulshoff on March 05, 2018, 10:39:27 PM
thank you that worked. i've just got to clean up a few things & fix the fonts

is it possible to add a frame around the center gamebox like the image
also the frame around the video, im unsure how to deal with the 4.3 videos so they fit the video frame

A frame is possible, but it won’t scale with the image, so it will have a fixed size. Just use the layer parameter to create the display order you want with regards to the menu items.

Showing videos and images in their proper aspect ratio while scaling is usually done by combining height and maxWidth or maxHeight and width. If you want to fill the entire area you could also combine a larger image with a crop container. The default theme uses both of these options on the collection menu.
Title: Re: [WIP] based on Rufoo's citris theme
Post by: billyc666 on March 15, 2018, 07:43:14 PM
although there's a few tweaks to do on these two layouts im working on the third now
but here's a view from the citris theme & the silvo theme gameflix view i think

(https://preview.ibb.co/hnHjpc/nox.jpg) (https://ibb.co/eqpavH)
(https://preview.ibb.co/kNUm2x/silvo.jpg) (https://ibb.co/nnMNaH)
Title: Re: [WIP] based on various kodi themes
Post by: billyc666 on March 18, 2018, 10:26:35 AM
i thought i would start the main menu last night again still wip. im unsure the best way to do this at present i have each system with its own copy of retrofe because ill need to use 2 views horizontal and vertical due to items where boxart is missing, im thinking of using bat file to launch a second copy of retrofe from the main menu

(https://preview.ibb.co/cavrpc/mainmenu.png) (https://ibb.co/h7hFFH)
Title: Re: [WIP] based on various kodi themes
Post by: Pieter Hulshoff on March 18, 2018, 02:20:23 PM
Can you show an example of why that's needed? Perhaps I can add a feature or two.

Sent from my SM-G950F using Tapatalk

Title: Re: [WIP] based on various kodi themes
Post by: billyc666 on March 18, 2018, 03:02:40 PM
i haven't made a vertical theme yet but basically if i select for instance atari 2600 from the main menu it would display an horizontal layout/theme in the collections menu, but if i select arcade/mame it would show a vertical layout/theme, so basically something like a conf file that you can set which layout is used per collection.
 

similar to how the settings conf works
layout = Aeon Nox

Sub menu layout
Atari 2600 = horizontal
Atari 5200 = horizontal
Arcade      = Vertical

horizontal & vertical are just basically  themes without main menus
Title: Re: [WIP] based on various kodi themes
Post by: FrankyRizzo on March 27, 2018, 07:51:04 AM
Liking the way the theme is coming together Billy. 

Does RetroFE support multiple layouts?  Where like Arcade could be vertical and the rest are horizontal? 
Title: Re: [WIP] based on various kodi themes
Post by: Pieter Hulshoff on March 27, 2018, 11:33:42 AM
Yes, but not via a conf file. You can change the layout for a collection by creating a new layout in layouts/<layout name>/collections/<collection name>/layout/
See the manual for more information.

Sent from my SM-G950F using Tapatalk

Title: Re: [WIP] based on various kodi themes
Post by: FrankyRizzo on March 27, 2018, 04:40:04 PM
Thats awesome for systems that box art doesn't exist or is very difficult to obtain.  Like Arcade. 

My PC broke about a year ago causing me to lose my setup.  So I am starting from scratch again.  So sadly I forget far more than I remember lol.  I am searching for the manual now to help avoid those questions you have been asked a million times haha. 
Title: Re: [WIP] based on various kodi themes
Post by: billyc666 on March 28, 2018, 05:43:35 PM
Thanks Franky. ill get back to making the layouts soon, they don't take that long

@Peter i just saw your last reply sorry mate i never noticed it earlier , i just tried what you said regarding the third layer, i need to do some testing but i think that works for multiple layouts

just need a grid view and i can make some awesome views that will work for any system and still make the full screen look populated

with a grid view you would need to be able to make the size of the grid any size you want and the size of the place holders any size you want so if you wanted 3 rows of logos at the bottom of the screen or a full screen of box art it would be all achievable


**edit**

just did some quick testing this will work fine for multiple view layouts.

method i'll use is
main menu will be in it's own layout file

layouts/layout name/layout.xml

then i'll have each layout view in

layouts/layout name/colections/collection name/layout.xml

this way ill keep a backup of the various layout for the collections zipped within the layouts folder
so they can be applied to which ever collection you want them

thank you peter, problem 1 solved
Title: Re: [WIP] based on various kodi themes
Post by: billyc666 on April 04, 2018, 06:52:21 PM
Quick question, is it possible to have 2 scrolling lists on one screen, the reason i ask is i wanted to create a vertical theme with the clear logos but behind them i wanted to add mame snaps resized to make them look like banners in kodi.

i was trying to batch overlay  them so i wouldn't need 2 lists but was unable to find a solution of how to do it.
Title: Re: [WIP] based on various kodi themes
Post by: Pieter Hulshoff on April 04, 2018, 07:35:03 PM
Quick question, is it possible to have 2 scrolling lists on one screen, the reason i ask is i wanted to create a vertical theme with the clear logos but behind them i wanted to add mame snaps resized to make them look like banners in kodi.

i was trying to batch overlay  them so i wouldn't need 2 lists but was unable to find a solution of how to do it.
Yes, that is possible these days using the menuIndex attribute for the menu tag. If you specify the same index for multiple menus these menus will be shown at the same time.

Sent from my SM-G950F using Tapatalk

Title: Re: [WIP] based on various kodi themes
Post by: billyc666 on April 04, 2018, 07:36:16 PM
Thanks ill give this a try.

i just did a quick test with a theme with boxart hoping it would display the logos above the boxes but it only shows boxes. im not sure if i have set it correctly

Code: [Select]
    <!-- Box Menu -->
    <menu type="custom" imageType="artwork_front" scrollTime=".2" scrollAcceleration=".02" orientation="horizontal" textFallback="true" x="0" font="fonts/Oswald-Regular.ttf" fontSize="20" loadFontSize="20" width="center" y="980" algorithm="easeincircular">
        <itemDefaults alpha="1" x="center" y="1000" width="286" maxHeight="360" xOrigin="center" yOrigin="bottom" layer="12" fontSize="50" loadFontSize="50" fontColor="ffffff" reflection="bottom" reflectionDistance="1" reflectionScale="1" reflectionAlpha=".2"/>
        <item xOffset="-1150" alpha="0"/>
        <item xOffset="-810" selected="true">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="-540">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="-270">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="0" yOffset="0" width="286" maxHeight="360" layer="13">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".5">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="270">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="540">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="810">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="1150" alpha="0"/>
    </menu>

    <!-- logo Menu -->
    <menu type="custom" imageType="logo" scrollTime=".2" scrollAcceleration=".02" orientation="horizontal" textFallback="true" x="0" font="fonts/Oswald-Regular.ttf" fontSize="20" loadFontSize="20" width="center" y="980" algorithm="easeincircular">
        <itemDefaults alpha="1" x="center" y="500" width="286" maxHeight="360" xOrigin="center" yOrigin="bottom" layer="12" fontSize="50" loadFontSize="50" fontColor="ffffff" reflection="bottom" reflectionDistance="1" reflectionScale="1" reflectionAlpha=".2"/>
        <item xOffset="-1150" alpha="0"/>
        <item xOffset="-810" selected="true">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="-540">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="-270">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="0" yOffset="0" width="286" maxHeight="360" layer="13">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".5">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="270">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="540">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="810">
            <onExit>
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onExit>
            <onMenuEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="1"/>
                </set>
            </onMenuEnter>
            <onMenuExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0"/>
                </set>
            </onMenuExit>
            <onGameEnter menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" to="0" algorithm="easeinquadratic"/>
                </set>
            </oneGameEnter>
            <onGameExit menuIndex="i">
                <set duration=".15">
                    <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
                </set>
            </oneGameExit>
        </item>
        <item xOffset="1150" alpha="0"/>
    </menu>
Title: Re: [WIP] based on various kodi themes
Post by: Pieter Hulshoff on April 04, 2018, 10:07:03 PM
Without the menuIndex attribute, the first menu will be set to index 0, and the second one to index 1. This means that on your main menu you see only boxes, and in the next menu (and the ones following) you’ll only see logos.

RetroFE sets the menu index in order of appearance, and copies the last entry for every index following that. In this case:
0 boxes
1 logos
2 logos
3 logos
etc.
Title: Re: [WIP] based on various kodi themes
Post by: billyc666 on April 04, 2018, 10:37:01 PM
ha i should of explained this layout will be just used for a sub menu so there is no main menu.
but i chanegd all the
<onMenuEnter menuIndex="i">
<onMenuExit menuIndex="i">
to menuIndex="1" and i still don't see a  second menu of art, is this what you meant do
Title: Re: [WIP] based on various kodi themes
Post by: Pieter Hulshoff on April 04, 2018, 11:46:07 PM
No, that just changes the menuIndex for the animations. You need to add the attribute to the menu tag.

Let’s say your menu looks like this:
Main -> consoles-> SNES
then the menu index is:
0 Main
1 consoles
2 snes

The menuIndex for the menu tag determines which menu list it displays, so if you define both boxes and logos for menuIndex=“2” that’s what it will show for the SNES menu.

The menuIndex for the animation determines when the animation should activate. You could for instance make the selected system (SNES) in the consoles menu (menuIndex=“1” in the menu tag) blink during the SNES menu using an onIdle animation on alpha with menuIndex=“2” in the animate tag.
Title: Re: [WIP] based on various kodi themes
Post by: Sequence on April 05, 2018, 02:10:59 AM
Here's a sample of what I'm playing with right now on my theme. It's just a snippet of my collection menu displaying the box and title. Sorry I forgot how to code tag it, but I'll try

Code: [Select]


    <!----------------------------------------------------------------------------------------------------------------------------------->
    <!-- Collection Menu -->
    <!-----------------------------------------------------------------------------------------------------------------------------------> 

    <!-- Collection Box -->
    <menu type="custom" menuIndex="1" orientation="vertical" imageType="artwork_front" scrollTime=".1" scrollAcceleration=".1" x="0" width="center" y="center" algorithm="easeincircular">
        <itemDefaults alpha="1" x="250" y="0" maxWidth="100" maxHeight="100" xOrigin="center" yOrigin="center" layer="17"/>   
        <item yOffset="114" alpha="0"/>
        <item yOffset="220">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="326">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="432" selected="true">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="538">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="644">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="750">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="856">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="962" alpha="0"/>
    </menu>



 

    <!-- Collection Title -->
    <menu type="custom" menuIndex="1" orientation="vertical" textType="title"  scrollTime=".1" scrollAcceleration=".1" x="0" width="center" y="center" algorithm="easeincircular">
        <itemDefaults alpha="1" x="309" y="0" maxWidth="1028" xOrigin="left" yOrigin="center" textFormat="uppercase" fontSize="72" loadFontSize="72" fontColor="ffffff" layer="17"/>
        <item yOffset="114" alpha="0"/>
        <item yOffset="220">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="326">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="432" selected="true">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="538">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="644">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="750">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="856">
<onMenuExit menuIndex="1">
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onMenuExit>
<onMenuEnter menuIndex="1">
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onMenuEnter>
<onGameEnter>
<set duration=".01">
<animate type="alpha" to="0" algorithm="easeincircular"/>
</set>
</onGameEnter>
<onGameExit>
<set duration=".01">
<animate type="alpha" to="1" algorithm="easeincircular"/>
</set>
</onGameExit>
        </item>
        <item yOffset="962" alpha="0"/>
    </menu>

Title: Re: [WIP] based on various kodi themes
Post by: billyc666 on April 05, 2018, 08:10:35 AM
ah i see now, i knew i was just been thick

thanks guys much appreciated

** edit** just got around to testing works great thank you, i can start designing the vertical themes