[RELEASE] Modern Theme for EmulationStation (RetroPie only)
-
@Rookervik: This looks great, and I said it before, but I really like the icons for the metadata. I wish I'd thought of it, because now if I do it in a theme, it will just look like I'm copying you (because I will be :P).
@Dochartaigh: I don't think what you want can be done with RetroPie. EmulationStation is built to only use one image per rom in the metadata (either a screenshot or cover photo. I'll use the word "screenshot" in the rest of this answer), so even if you did have a big "fanart" image for each rom, there would be no way to use it.
You could stretch the "screenshot" to cover the background, but it would either be distorted (wouldn't maintain aspect ratio) to fill the screen, or it could have empty space above and below, or to the left and right, depending on the orientation of the image (portrait or landscape).
One way around that would be make sure every single "screenshot" you use is at the right ratio (16x9, 320x180, etc) so the image doesn't stretch when you use it as a background image. Depending on how many roms you have, that could be a very long process.
-
@mattrixk You can actually use <size>x 0</size> or <size>0 x</size> to get images to scale to a certain size and maintain aspect. Or use a <maxSize> tag, which always keeps aspect.
Another thing you can do, is for every game, you save a full-screen screenshot. They will all load dynamically... and with a custom theme, every game would have it's own background, box art, and everything. But holy hell, that would be a lot of work. I could try to set up a preview for a single system just for fun. See if it would crash a pi. LOL
-
-
@Rookervik: Yeah, I was referring to the max-size tag, but that would leave borders on either the top and bottom, or left and right of the image if the image wasn't exactly 16:9. What I would love is a min-size tag that will fill the screen and just crop off the overhang.
If you know any CSS, I liken the max-size tag to
background-size: contain;, and I'd love a min-size tag that works likebackground-size: cover;. Maybe it's just me.Does <size>x 0</size> work the same as max-width?
for every game, you save a full-screen screenshot
That would be a heck of a lot of work, even if you set up photoshop actions or something, especially if you have a large collection. It might be worth it if you have a special setup that has just your favourite couple of dozen games or something.
-
@mattrixk I can't remember how that works at the moment. maxSize is the tag, but I don't think you can use a zero in one of the parameters without crashing the theme. Since maxSize already crops it to that size while keeping the aspect.
-
@Rookervik: I haven't had the chance to touch any theme stuff for a while. With xmas coming up I may get the opportunity to work on some stuff.
-
@Rookervik How do I change the background?
-
@BilboIII Please read the first post of the thread, it has complete instructions.
-
@Rookervik Have you considered adding video support?
-
@Rookervik I did I don't know where Samba is
-
This post is deleted! -
Does anybody have any awesome background suggestions for this theme? I realize it might be easy to find on a quick google search but I thought that maybe you guys have found some unique ones.
-
@Brigane http://chromecastbg.alexmeub.com/
This site has the background images from the Chromecast, I use them for the modern theme...as well as wallpapers
-
@lilbud
Yeah the Chromecast has some really cool wallpapers but since I now have a RPi with Kodi, I haven't even plugged in my Chromecast in ages! -
@Rookervik
Hey I setup a Carousel for Modern if you're interested, here's some screenshotshttp://imgur.com/sAU7ffN
http://imgur.com/smFdy4f
http://imgur.com/we3gpWO
http://imgur.com/3WsHwre
http://imgur.com/1aIdxnB
http://imgur.com/pRzsmWI
http://imgur.com/WK4tTCrSorry I'm not exactly sure how to show images.
I'm using IO's logos and consoles from the launchbox forum.
Let me know if your interested and I'll send you what I have. -
For those too lazy to click links:
-
@mattrixk
Thanks I couldn't figure out how to do that, which by the way how do you embed the links? -
@Syhles If you are on desktop there is a row of icons just above the WYSIWYG (the part you type in). The 6th icon looks like a picture of a landscape. Click that button and it inserts
where your cursor is. Just paste the link to the image where it says "image url". (It has to be the image link, not the imgur page link). -
@mattrixk
Thanks, so would I right click the image on imgur to get the image link? -
@Syhles You can do that, or since it's your image you can go into your uploaded images section. When you click one of your images it opens in a lightbox and has a whole bunch of link options down the right hand side. You want the markdown link. Then just paste it into here (and add a "!" to the front of it).
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.