RetroPie forum home
    • Recent
    • Tags
    • Popular
    • Home
    • Docs
    • Register
    • Login

    Chicuelo Theme

    Scheduled Pinned Locked Moved Projects and Themes
    chicuelochicuelo themeemulationstaionthemethemes
    996 Posts 113 Posters 870.0k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      DarishZone Banned
      last edited by

      If you want to share xml and author agree, i'm more than happy to test!

      1 Reply Last reply Reply Quote 0
      • chicueloC
        chicuelo @DarishZone
        last edited by

        @DarishZone
        Sorry, what do you mean on removing the carousel? can you post an example?

        D 1 Reply Last reply Reply Quote 0
        • D
          DarishZone Banned @chicuelo
          last edited by DarishZone

          @chicuelo said in Chicuelo Theme:

          @DarishZone
          Sorry, what do you mean on removing the carousel? can you post an example?

          I mean that side sliding effect on system logo when carousel option is activated

          M 1 Reply Last reply Reply Quote 0
          • M
            movisman @DarishZone
            last edited by

            @DarishZone

            This is tidied up in my code, see above. I haven't got around to posting anything as this week is a little busy. It still slides but doesn't overlap the text now, which looks better if you have those transitions on. It might be possible to disable it entirely in theme.xml (so if carousel transitions are on it doesn't do anything at all to the theme) but i'm not sure I see the value in this, especially if it is tidied up to not slide above the other text?

            D 1 Reply Last reply Reply Quote 0
            • D
              DarishZone Banned @movisman
              last edited by

              @movisman said in Chicuelo Theme:

              @DarishZone

              This is tidied up in my code, see above. I haven't got around to posting anything as this week is a little busy. It still slides but doesn't overlap the text now, which looks better if you have those transitions on. It might be possible to disable it entirely in theme.xml (so if carousel transitions are on it doesn't do anything at all to the theme) but i'm not sure I see the value in this, especially if it is tidied up to not slide above the other text?

              I saw what you wrote, i just answering to chicuelo. The value for me is just to disable it because i have to turn off carousel option everytime i switch back from another theme, which pretty needed it activated. Just my taste, i don't like so much that sliding effect since first time i saw it, seems bit nonsensical to me. But i repeat, it's my tastes, and it's not a big deal, i was just curious because i've already done a lot of edit on xml thanks to advices on this thread. I don't know exactly what your edit does, maybe i could like it, i have to test it, but if the author disagree it's perfectly fine.

              chicueloC 1 Reply Last reply Reply Quote 0
              • chicueloC
                chicuelo @DarishZone
                last edited by

                @DarishZone Its fine for me, I use instant mode because of this too, so it would be great to have this option for those who want a sliding effect

                1 Reply Last reply Reply Quote 0
                • R
                  rajbhalsod
                  last edited by rajbhalsod

                  Great to see all of the continuing work going on with this theme. I'm still tinkering with it and I was scrolling up and came to changes made by Wildfire and thought i'd give it a go. How do you make the image appear in front of the background (in Wildfire's theme, Ryu 'pops' off the screen). With my limited skills, I tried editing the theme.xml, but with no luck. Any suggestions would be greatly appreciated.

                  Thanking all of you!

                  E 1 Reply Last reply Reply Quote 0
                  • E
                    EctoOne @rajbhalsod
                    last edited by

                    @rajbhalsod I don't quite understand your question. The characters and their background are just two layers in one image on top of the default blueish/white background.
                    So you need to create those images or if you want to separate the characters from the background you need to add an extra image element in the theme.xml and set the order with the zIndex tag.

                    R 1 Reply Last reply Reply Quote 0
                    • R
                      rajbhalsod @EctoOne
                      last edited by

                      @EctoOne thanks for getting back to me, after posting the message, I realised its two layers in one image! any ideas as to how it that image has been made to overlap/appear outside of the space it is in? Sorry for not being clearer, finding it difficult to put into words! Thanks

                      E WildfireW 2 Replies Last reply Reply Quote 0
                      • E
                        EctoOne @rajbhalsod
                        last edited by EctoOne

                        @rajbhalsod Uhm not sure, I assume it's just a bigger transparent canvas than the background layer and the characters are overlapping the transparent area.
                        Using such an image might require to adjust the positions/sizes in the theme.xml then.

                        Edit: Since you need to use png images for that, you also have to change the extension in the theme.xml because the ones made by chicuelo are jugs. And in this case ALL character images needs to be png, because they are embedded using variables and there is no way to mix different filetypes without making huge changes to the code.

                        1 Reply Last reply Reply Quote 0
                        • WildfireW
                          Wildfire @rajbhalsod
                          last edited by Wildfire

                          Hi @rajbhalsod when I modified the theme I created new artwork for each system as a transparent png featuring the character and background. Then all I had to do was scale and position the artwork to be in line with the system information box.

                          As for putting the character in front, I think emulationstation respects the order of the code. So you can either use z-index to order the layers or make sure the system artwork element is below the system information element in the coding and it should work automatically.

                          R 1 Reply Last reply Reply Quote 0
                          • R
                            rajbhalsod @Wildfire
                            last edited by

                            @Wildfire thank you for your response, I will give it go. I need to learn how to use photoshop! I tried putting the code in the correct order/place but it didn't work, i'll try again tonight. Finally, did you scale and position the artwork within photoshop or in the theme.xml? Sorry for so many questions, your theme mod looks incredible!thank you again.

                            WildfireW 1 Reply Last reply Reply Quote 0
                            • WildfireW
                              Wildfire @rajbhalsod
                              last edited by

                              @rajbhalsod I took the artwork from the Chicuelo theme into Photoshop, added a background for the system, then I changed the canvas size to create the transparent area and add the character.

                              Then scale the artwork in the theme.xml so the background meets the system information box. If you keep all your artwork in the center of your canvas from photoshop you shouldn't have to re-position the artwork in your theme files.

                              I'll have another look at my theme.xml file when I finish work and see what I did to get the artwork in front. From what I remember it had to do with re-ordering the code but I could have used z-index for system view.

                              R 2 Replies Last reply Reply Quote 0
                              • R
                                rajbhalsod @Wildfire
                                last edited by

                                @Wildfire Thank you so much for all your help! looking forward to hearing from you this evening, hopefully I can by then get some image work done in Photoshop. Have a good day!

                                1 Reply Last reply Reply Quote 0
                                • P
                                  pootis spencer
                                  last edited by

                                  @Wildfire
                                  I asked many months ago but thought you may have left the forums or this section at least, but could you possibly share your modified theme please? Thank you.

                                  WildfireW 1 Reply Last reply Reply Quote 0
                                  • WildfireW
                                    Wildfire @pootis spencer
                                    last edited by Wildfire

                                    Hi @pootis-spencer, sorry I missed your last message. I've made a lot of changes since my last post, the system view hasn't changed much but the game list view is completely different. Much more like the artbook theme as the layout changes based on system cover art (see link below)

                                    https://retropie.org.uk/forum/topic/11728/theme-art-book

                                    Those changes work well for the way my build is setup but the Chicuelo game list view will cover more builds.

                                    I'm happy to share the modded theme as long as @chicuelo doesn't mind me doing so. But I'm tempted to modify the theme again and this time just change the system views.

                                    R P chicueloC 3 Replies Last reply Reply Quote 0
                                    • R
                                      rajbhalsod @Wildfire
                                      last edited by

                                      @Wildfire if you are sharing your modded theme (with chicuelo's permission) please do it before making any changes to it!!

                                      1 Reply Last reply Reply Quote 0
                                      • B
                                        BobbyLewis
                                        last edited by

                                        That's stunning work! Great theme!!! Thanks for sharing!
                                        It looks so nice, simple and stylish at the same time.

                                        1 Reply Last reply Reply Quote 0
                                        • P
                                          pootis spencer @Wildfire
                                          last edited by

                                          @Wildfire Please do if its ok with @chicuelo

                                          1 Reply Last reply Reply Quote 0
                                          • R
                                            rajbhalsod @Wildfire
                                            last edited by

                                            @Wildfire hi there. So I've managed to create transparent backgrounds, add characters, and re-ordered them to appear correctly. Just need to work on scaling the artwork now in the theme.xml. Could you provide your settings for <pos> and <size> tags please? Your advice has been an immense help and I've learned a thing or two too! Thanks!

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Contributions to the project are always appreciated, so if you would like to support us with a donation you can do so here.

                                            Hosting provided by Mythic-Beasts. See the Hosting Information page for more information.