Recalbox Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • recalbox.com
    • Gitlab repository
    • Documentation
    • Discord

    Personnalisation du thème original

    Themes & Interface
    thème original
    5
    31
    11734
    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.
    • OliveRoiDuBocal
      OliveRoiDuBocal last edited by

      Bonjour,
      j'ai une question (et désolé si elle a déjà été posée). Je cherche à modifier légèrement le thème principal, pour remplacer les barres verticales de couleur par une image (voir remplacer l'image de fond....).
      Est-ce possible ? Je ne trouve pas de thème dans mon dossier Emulationstation.
      Et s'il faut un thème alternatif, je suis en 1280 x 1024 😉
      Un conseil ?

      D'avance, merci.

      Config :
      Raspberry pi 3
      Recalbox 4.0.2

      Substring 1 Reply Last reply Reply Quote 0
      • Substring
        Substring @OliveRoiDuBocal last edited by

        @oliveroidubocal les sources du theme sont dispos sur github. Ce theme est en SVG only à escient. Donc ajouter une image ... Pas tout à fait approprié

        Former dev - Please reply with @substring so that i am notified when you answer me
        Ex dev - Merci de me répondre en utilisant @substring pour que je sois notifé

        1 Reply Last reply Reply Quote 0
        • OliveRoiDuBocal
          OliveRoiDuBocal last edited by

          Ah mince ... du coup, ça n'a pas de sens...
          En fait j'ai fait une borne Dragon Ball et je cherche juste à ajouter une petite touche. J'avais pensé mettre un dragon à la place des bandes de couleur... text alternatif

          Un thème à conseiller, compatible avec ma résolution, et visuellement épuré ?

          1 Reply Last reply Reply Quote 0
          • rockaddicted
            rockaddicted last edited by

            Fait un sauvegarde du thème puis,

            https://github.com/recalbox/recalbox-themes/blob/master/themes/recalbox/main.xml

            commentes/supprimes tout ce qui est relatif aux bandes de de couleur <image name="band1" extra="true">
            etc ...

            modifies la couleur de ce fichier <path>./data/background2.png</path>

            et insères ta nouvelle image avec extra=true dans les vues system, basic, detailed.

            <view name="system, basic, detailed">
            		<image name="image_name" extra="true">
            			<size>1 1</size>     <!-- taille à modifier -->
            			<pos>0 0</pos> <!-- position à modifier -->
            			<origin>0 0</origin>   <!-- origine à modifier -->
            			<path>./data/background2.png</path>   <!-- répertoire image à modifier -->
            		</image>
            </view>

            Recalbox V4.1.0 - RPI3 OC - Xbox360 wireless
            Wiki ENG : https://github.com/recalbox/recalbox-os/wiki/Mini-How-To-(EN)
            Wiki FR : https://github.com/recalbox/recalbox-os/wiki/Mini-How-To-(FR)

            Don't forget to upvote messages if it has been useful ;)

            1 Reply Last reply Reply Quote 1
            • OliveRoiDuBocal
              OliveRoiDuBocal last edited by

              Ok, je suis un peu dépassé mais je vais tenter d'apprendre. Le premier truc qui me chagrine c'est "Fais une sauvegarde du thème". Le thème n'apparait pas dans le dossier emulationstation... je ne sais pas où il est placé, ni s'il est sur le dossier share.

              Et merci de vos réponses !!!

              1 Reply Last reply Reply Quote 0
              • OliveRoiDuBocal
                OliveRoiDuBocal last edited by

                Ah et juste pour préciser, je suis sur disque dur externe ... des fois que ça change quelque chose...

                1 Reply Last reply Reply Quote 0
                • voljega
                  voljega Banned last edited by

                  /recalbox/share_init/system/.emulationstation/themes

                  tu peux le copier dans /recalbox/share/system/.emulationstation/themes le renommer genre recalbox-bocal et travailler là dessus il devrait être sélectionnable dans EmulationStation au prochain démarrage

                  1 Reply Last reply Reply Quote 0
                  • OliveRoiDuBocal
                    OliveRoiDuBocal last edited by

                    Bon, j'ai essayé de pas trop faire le noob, j'ai google et tout et tout ... j'ai même installé Putty ... sauf que j'arrive pas à récupérer ce dossier... je sens que je suis pas loin, mais que j'y suis pas quand même.

                    il y a moyen d'accéder à ces dossiers depuis l'explorateur windows ou faut que je me tape Putty? Parce que mon clavier n'est pas reconnu dans le terminal une fois connecté et en attente du mdp. Enter fonctionne, mais pas les lettres.

                    NeeeeB 1 Reply Last reply Reply Quote 0
                    • rockaddicted
                      rockaddicted last edited by rockaddicted

                      tu peux passer par winscp si tu n'es pas à l'aise avec les lignes de commandes linux. (tuto dispo dans le wiki du projet, dans ma signature)
                      sinon tu peux télécharger l'archive des thèmes depuis le repo github, et en extraire le thème recalbox. Il te suffit alors de le renommer, de la modifier à ta convenance et de le transférer là où t'a dit @voljega précédement.

                      Lien vers l'archive (complète, ressources, tous les thèmes) du repo recalbox-thèmes :
                      https://github.com/recalbox/recalbox-themes/archive/master.zip

                      Recalbox V4.1.0 - RPI3 OC - Xbox360 wireless
                      Wiki ENG : https://github.com/recalbox/recalbox-os/wiki/Mini-How-To-(EN)
                      Wiki FR : https://github.com/recalbox/recalbox-os/wiki/Mini-How-To-(FR)

                      Don't forget to upvote messages if it has been useful ;)

                      1 Reply Last reply Reply Quote 0
                      • OliveRoiDuBocal
                        OliveRoiDuBocal last edited by

                        MERCI !
                        Je teste de suite.

                        1 Reply Last reply Reply Quote 0
                        • NeeeeB
                          NeeeeB @OliveRoiDuBocal last edited by NeeeeB

                          @oliveroidubocal

                          Bin en fait si ça marche trés bien le clavier pour le mot de passe dans Putty ^^
                          C'est juste que quand tu tapes ton mot de passe, ça ne l'affiche pas, mais c'est tout à fait normal 😉

                          Vieux geek ^^
                          GameList Editor : https://github.com/NeeeeB/GameList_Editor

                          1 Reply Last reply Reply Quote 0
                          • OliveRoiDuBocal
                            OliveRoiDuBocal last edited by

                            okééééééé .... effectivement ...

                            1 Reply Last reply Reply Quote 0
                            • OliveRoiDuBocal
                              OliveRoiDuBocal last edited by

                              Ca a fonctionné! Encore merci pour votre aide!
                              J'ai inséré votre code, viré les bandes, et ça marche très bien.
                              J'ai juste mon image qui slide (ou qui disparait/apparait en fonction du mode de transition) et je me demandais s'il était possible d'annuler cet effet pour avoir une image de fond statique.

                              Ensuite, je voudrais épurer au maximum, et dégager les textes et images de chaque console. Il faut que j'attaque chaque dossier ou je peux faire ça depuis le fichier main ?

                              rockaddicted 1 Reply Last reply Reply Quote 0
                              • rockaddicted
                                rockaddicted @OliveRoiDuBocal last edited by

                                @oliveroidubocal said in Personnalisation du thème original:

                                J'ai juste mon image qui slide (ou qui disparait/apparait en fonction du mode de transition) et je me demandais s'il était possible d'annuler cet effet pour avoir une image de fond statique.

                                dans les options de emulationstation, passe le style de transition de slide à fadeout.

                                @oliveroidubocal said in Personnalisation du thème original:

                                Ensuite, je voudrais épurer au maximum, et dégager les textes et images de chaque console. Il faut que j'attaque chaque dossier ou je peux faire ça depuis le fichier main ?

                                pareil que pour les lignes, commenter/supprimer les infos relatives aux éléments dans le main devrait suffire pour virer les infos système.

                                info_systeme : https://github.com/recalbox/recalbox-themes/blob/master/themes/recalbox/main.xml#L43

                                par contre les élément graphiques de chaque console (console, manette, jeu) c'est géré de façon indépendante pour chaque système. Il faudra donc faire système par système.
                                Les vues system et basic/detailed sont séparées, il faudra donc faire 2 fois le boulot dans chaque theme.xml.

                                system : https://github.com/recalbox/recalbox-themes/blob/master/themes/recalbox/amiga1200/theme.xml#L10
                                basic/detailed : https://github.com/recalbox/recalbox-themes/blob/master/themes/recalbox/amiga1200/theme.xml#L31

                                Recalbox V4.1.0 - RPI3 OC - Xbox360 wireless
                                Wiki ENG : https://github.com/recalbox/recalbox-os/wiki/Mini-How-To-(EN)
                                Wiki FR : https://github.com/recalbox/recalbox-os/wiki/Mini-How-To-(FR)

                                Don't forget to upvote messages if it has been useful ;)

                                1 Reply Last reply Reply Quote 0
                                • OliveRoiDuBocal
                                  OliveRoiDuBocal last edited by

                                  Encore merci. J'ai un peu avancé. Déjà, faut savoir que c'est la première fois que je mets les mains dans du html et autres joyeusetés de ce genre 😄 Donc je tatonne...

                                  Du coup, pour virer les logos des manettes et de la cartouche, j'ai du virer le code associé à la vue système dans le fichier custom (de chaque console ... mais j'ai fait que la snes pour le moment). Ca, ça marche bien. J'ai aussi diminué la taille du logo de la console pour qu'il n'empiète pas sur mon image. Là je vais essayer de déplacer cette image en bas à droite, ce sera plus joli.

                                  0_1502380024278_Fichier_000-(2).jpg

                                  @rockaddicted said in Personnalisation du thème original:

                                  @oliveroidubocal said in Personnalisation du thème original:

                                  J'ai juste mon image qui slide (ou qui disparait/apparait en fonction du mode de transition) et je me demandais s'il était possible d'annuler cet effet pour avoir une image de fond statique.

                                  dans les options de emulationstation, passe le style de transition de slide à fadeout.

                                  Par contre, le passage de slide à fadeout, ça marche pas. J'ai toujours un effet de transition (l'image disparait 1 seconde puis revient).

                                  rockaddicted 1 Reply Last reply Reply Quote 0
                                  • rockaddicted
                                    rockaddicted @OliveRoiDuBocal last edited by

                                    @oliveroidubocal said in Personnalisation du thème original:

                                    Par contre, le passage de slide à fadeout, ça marche pas. J'ai toujours un effet de transition (l'image disparait 1 seconde puis revient).

                                    Ouep ça pas de miracle à moins de modifier ES et en lui ajoutant une nouvelle transition.
                                    Si tu gère le c++ les sources sont dispo sur notre repo GitHub.

                                    Recalbox V4.1.0 - RPI3 OC - Xbox360 wireless
                                    Wiki ENG : https://github.com/recalbox/recalbox-os/wiki/Mini-How-To-(EN)
                                    Wiki FR : https://github.com/recalbox/recalbox-os/wiki/Mini-How-To-(FR)

                                    Don't forget to upvote messages if it has been useful ;)

                                    1 Reply Last reply Reply Quote 0
                                    • OliveRoiDuBocal
                                      OliveRoiDuBocal last edited by

                                      Ahah, j'ai une tête à modifier le C++ ? 😉
                                      Non, mais je vais me contenter de ce que je peux faire avec tes propositions. C'est juste déjà extra ! Et vraiment, encore merci pour la disponibilité !

                                      1 Reply Last reply Reply Quote 0
                                      • OliveRoiDuBocal
                                        OliveRoiDuBocal last edited by OliveRoiDuBocal

                                        Bon, j'ai carrément bien avancé du coup. J'ai appliqué à toutes les consoles (simple copié collé des fichiers custom et theme au final) et puis je me suis dit qu'il était dommage de voir toujours la même image vu qu'il y a un effet de transition. Donc, j'ai viré mon Goku du background et je l'ai appliqué séparément... avec un Goku différent par plateforme. Et le résultat est plus que cool. Je suis vraiment hyper content.

                                        Pour voir la vidéo du résultat final, c'est là : https://www.facebook.com/oliveroidubocal2/videos/pcb.1954723258085715/1954722581419116/?type=3&theater

                                        Encore merci pour l'aide apportée au grand newbie que je suis !

                                        PS: Juste un truc, le background, avec ses grandes surfaces de couleur unie, ressort moyennement bien alors qu'il est exactement à la définition de l'écran (et que sur PC c'est nickel)... y a un resize ou une compression quelque part ?

                                        1 Reply Last reply Reply Quote 0
                                        • OliveRoiDuBocal
                                          OliveRoiDuBocal last edited by

                                          Salut ! Me revoilà... 🙂
                                          Est-ce que je peux abuser et demander le bout de code pour mettre une couleur de fond sur le menu général?
                                          Le but est d'y ajouter une image détourée par dessus (parce que les aplats, ça rend moche).

                                          rockaddicted 1 Reply Last reply Reply Quote 0
                                          • rockaddicted
                                            rockaddicted @OliveRoiDuBocal last edited by

                                            @oliveroidubocal said in Personnalisation du thème original:

                                            mettre une couleur de fond sur le menu général?

                                            qu'entend tu par là ? la barre blanche centrale en vue système ? le menu option via start ?

                                            Recalbox V4.1.0 - RPI3 OC - Xbox360 wireless
                                            Wiki ENG : https://github.com/recalbox/recalbox-os/wiki/Mini-How-To-(EN)
                                            Wiki FR : https://github.com/recalbox/recalbox-os/wiki/Mini-How-To-(FR)

                                            Don't forget to upvote messages if it has been useful ;)

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

                                            Want to support us ?

                                            63
                                            Online

                                            99.6k
                                            Users

                                            28.1k
                                            Topics

                                            187.1k
                                            Posts

                                            Copyright © 2021 recalbox.com