• 1
  • 2
  • 3
  • 4(current)
  • 5
  • 6
  • 9
Theater Backdrop for home screen (1080, 720, 4/3)
#46
Since I really wanted to have a seperate background for Movies and TV Shows I decided to play around with the posted code and managed to create something suitable for me. So I tought I share it with you:

http://www.mediafire.com/?sharekey=e5f9f...f6e8ebb871

In the zip you will find a background for TV shows, a background for Movies and an edited home.xml. You'll have to create 2 folders in your userdata/thumbnails directory:
- FANART MOVIES
- FANART TVSHOWS

In these folders you can drop your images.

Copy the home.xml to your Transparency! 720p folder.

Thanks to ronie for this feature and francyboy for the background images!
Reply
#47
Hi!
Firstly: Thanks for this awesome effect!

I couldn't get this to work at first but then i changed the imagepath in Home.xml to <imagepath background="true">C:\Program Files\XBMC\userdata\Thumbnails\FANART MOVIES</imagepath>
I'm using Windows 7 if that has anything to do with it but it works now! Big Grin
So now i have to dl a bunch of nice fanarts Big Grin

EDIT: Found this site: http://www.screencapheaven.com with a bunch of screencaps Smile

http://www.screencaps.org/
Reply
#48
Strange, I'm also using windows 7, but here it works perfect Huh
Reply
#49
revned Wrote:Since I really wanted to have a seperate background for Movies and TV Shows I decided to play around with the posted code and managed to create something suitable for me. So I tought I share it with you:

http://www.mediafire.com/?sharekey=e5f9f...f6e8ebb871

In the zip you will find a background for TV shows, a background for Movies and an edited home.xml. You'll have to create 2 folders in your userdata/thumbnails directory:
- FANART MOVIES
- FANART TVSHOWS

In these folders you can drop your images.

Copy the home.xml to your Transparency! 720p folder.

Thanks to ronie for this feature and francyboy for the background images!

thanx for your work!
i will add the tv show screen as well to the next version of Transparency!
i'll also create a skin setting so users can select their own custom fanart folders....and probably another setting to disable/enable the pan&zoom effects.


cheers.
Do not PM or e-mail Team-Kodi members directly asking for support.
Always read the Forum rules, Kodi online-manual, FAQ, Help and Search the forum before posting.
Reply
#50
Great news ronie. I can't wait until the next release! Nod
Reply
#51
Can this be done with the Music-menu aswell? I was thinking it would look cool with a cd-wall and the cd-cases (some of them) where changing artists or a pile of cd-cases and the top case changing pictures. Know what i mean?

Or a livestage with jumbotrons on each side of the stage and changing pictures in the jumbotrons.
Like this stage: http://www.ratsound.com/cblog/uploads/live_stage.jpg
Reply
#52
Here is my version of the home screen, click on the link for a video preview:

http://www.flickr.com/photos/[email protected]/#preview

Image

MacMini 2.3gHz i7, OS X 10.13.6
Running Kodi 18.9
Reply
#53
Yes!!! That's exactly how i would imagine the musicmenu with the cdwall and everything. Awesome!
Would you like to share the code? ;D
Reply
#54
Very nice jpf55!!!
Not to crazy about the TV background
How could I use this for the background
Image
Maybe crop it a little, like cut out the sub and the couch
HTPC
Operating System: Win7 64-Bit Pro w/SP1
System: Intel Core2Duo 3.0Ghz / 4GB PC6400 DDR2 / ATI HD 7770 1GB GDDR5
XBMC Build: Kodi 14.0
Remote: Harmony One and HP Receiver
Display: 65" Toshiba dlp HDTV
XBOX
XBox Version: 1.6b
Xbox Mod: XboxHDM (Ndure)
Xbox Hard Drive: Seagate 400GB[/size]
Reply
#55
Great job and idea guy's, also not to keen on tv show background image, so I whipped up my own Wink
Image
Reply
#56
Steveb Wrote:Great job and idea guy's, also not to keen on tv show background image, so I whipped up my own Wink


Nice!!Big Grin
HTPC
Operating System: Win7 64-Bit Pro w/SP1
System: Intel Core2Duo 3.0Ghz / 4GB PC6400 DDR2 / ATI HD 7770 1GB GDDR5
XBMC Build: Kodi 14.0
Remote: Harmony One and HP Receiver
Display: 65" Toshiba dlp HDTV
XBOX
XBox Version: 1.6b
Xbox Mod: XboxHDM (Ndure)
Xbox Hard Drive: Seagate 400GB[/size]
Reply
#57
I have made some modifications to the Video and TVshows home menu screens. I have kept the Movies home screen to the excellent theater shot with the red seats.

Image
Image
For those who want it, just click on the backdrop to download it.
Image

and here is the code that I added to the Home.xml

There is only one problem and I hope maybe ronie can help. I have done all the modifications on my Mac and and everything works perfectly BUT and here is a BIG BUT, when I moved the code over to the AppleTV, the Video home screen is so slow, it take 3 1/2 minutes for all the images to show up initially. So as it stands now, I don't recommend these changes on an AppleTV or an Xbox.

Code:
<!-- The format is:    VIDEOS            -->    
    <!-- The format is:    screen 1                 -->
            <control type="multiimage">
                <posx>400</posx>
                   <posy>0</posy>
                <width>380</width>
                <height>200</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>2000</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 2                  -->
            <control type="multiimage">
                <posx>788</posx>
                   <posy>4</posy>
                <width>240</width>
                <height>150</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1500</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 3                 -->
            <control type="multiimage">
                <posx>146</posx>
                   <posy>100</posy>
                <width>180</width>
                <height>114</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1700</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 4                 -->
            <control type="multiimage">
                <posx>100</posx>
                   <posy>226</posy>
                <width>240</width>
                <height>120</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1900</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 5                  -->
            <control type="multiimage">
                <posx>340</posx>
                   <posy>150</posy>
                <width>370</width>
                <height>180</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1500</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 6                  -->
            <control type="multiimage">
                <posx>740</posx>
                   <posy>150</posy>
                <width>360</width>
                <height>190</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>3000</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 7                 -->
            <control type="multiimage">
                <posx>170</posx>
                   <posy>356</posy>
                <width>240</width>
                <height>120</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1800</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 8                 -->
            <control type="multiimage">
                <posx>400</posx>
                   <posy>356</posy>
                <width>240</width>
                <height>120</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1100</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 9                  -->
            <control type="multiimage">
                <posx>635</posx>
                   <posy>365</posy>
                <width>370</width>
                <height>200</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>4000</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 10                  -->
            <control type="multiimage">
                <posx>1028</posx>
                   <posy>360</posy>
                <width>240</width>
                <height>150</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1500</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 11                 -->
            <control type="multiimage">
                <posx>250</posx>
                   <posy>480</posy>
                <width>160</width>
                <height>120</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1600</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
    <!-- The format is:    screen 12                 -->
            <control type="multiimage">
                <posx>420</posx>
                   <posy>480</posy>
                <width>190</width>
                <height>120</height>
                <imagepath background="true">special://masterprofile/Thumbnails/Video/Fanart</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>1800</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
                <visible>[Container(5040).HasFocus(1) | Container(5041).HasFocus(1)] + !Player.HasVideo</visible>
            </control>
<!-- The format is:    MOVIES             -->            
            <control type="multiimage">
                <posx>450</posx>
                <posy>80</posy>
                <width>780</width>
                <height>370</height>
                <imagepath background="true">special://masterprofile/Thumbnails/moviepics</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>5000</timeperimage>
                <randomize>true</randomize>
                <fadetime>1000</fadetime>
                <include>backgroundanimation2</include>
                <animation effect="rotatey" center="700" start="6" end="6" time="0" condition="true">Conditional</animation>
                <visible>[Container(5040).HasFocus(2) | Container(5041).HasFocus(2)] + !Player.HasVideo</visible>
            </control>
<!-- The format is:    TV SHOWS             -->    
            <control type="multiimage">
                <posx>490</posx>
                   <posy>280</posy>
                <width>280</width>
                <height>140</height>
                <imagepath background="true">special://masterprofile/Thumbnails/tvpics</imagepath>
                <aspectratio>scale</aspectratio>
                <timeperimage>3000</timeperimage>
                <randomize>true</randomize>
                <fadetime>500</fadetime>
<!--         <animation effect="zoom" start="100" end="110" center="auto" time="10000" pulse="true" condition="true">Conditional</animation>   -->    
                <visible>[Container(5040).HasFocus(3) | Container(5041).HasFocus(3)] + !Player.HasVideo</visible>
            </control>

Maybe the answer lies in the fade time and or the random selection

MacMini 2.3gHz i7, OS X 10.13.6
Running Kodi 18.9
Reply
#58
jpf55 Wrote:I have made some modifications to the Video and TVshows home menu screens. I have kept the Movies home screen to the excellent theater shot with the red seats.

Image

i have to agree, that one looks pretty cool!

but...
jpf55 Wrote:There is only one problem and I hope maybe ronie can help. I have done all the modifications on my Mac and and everything works perfectly BUT and here is a BIG BUT, when I moved the code over to the AppleTV, the Video home screen is so slow, it take 3 1/2 minutes for all the images to show up initially. So as it stands now, I don't recommend these changes on an AppleTV or an Xbox.

the ATV is just not capable of handling this (XBOX users shouldn't even think of trying it), if i counted correctly, you're loading up 12 fanart images at the same time plus the backdrop...that's 13 720p images in total.

it will take a lot of cpu power to get this done. you can check for yourself if you enable debug logging. you should see the cpu usage going through the roof as soon as you select the video button on the home menu.
Do not PM or e-mail Team-Kodi members directly asking for support.
Always read the Forum rules, Kodi online-manual, FAQ, Help and Search the forum before posting.
Reply
#59
Steveb Wrote:Great job and idea guy's, also not to keen on tv show background image, so I whipped up my own Wink
Image

really like this background image.

do you perhaps have a version where the tv screen is a bit smaller and not filling up the entire screen ?
it's not a big issue, but it would look better for people who are using the vertical home menu if the menu would cover the tv screen.
Do not PM or e-mail Team-Kodi members directly asking for support.
Always read the Forum rules, Kodi online-manual, FAQ, Help and Search the forum before posting.
Reply
#60
ronie Wrote:really like this background image.

do you perhaps have a version where the tv screen is a bit smaller and not filling up the entire screen ?
it's not a big issue, but it would look better for people who are using the vertical home menu if the menu would cover the tv screen.

Here's the original, but still there's not much room on left side.
http://users.adam.com.au/southtech/XBMC/...asmatv.jpg

but you could add some extra space like this.
Image

PNG http://users.adam.com.au/southtech/XBMC/...ground.png
Reply
  • 1
  • 2
  • 3
  • 4(current)
  • 5
  • 6
  • 9

Logout Mark Read Team Forum Stats Members Help
Theater Backdrop for home screen (1080, 720, 4/3)1