Moisés Oliveira 0 Posted March 27, 2020 Share Posted March 27, 2020 Alquem pode ajudar troca fundo preto por uma imagem. Link to comment Share on other sites More sharing options...
rechigo 293 Posted March 29, 2020 Share Posted March 29, 2020 (edited) Eu posso ajudar com o fundo: background: url(FUNDO_URL); background-attachment: fixed; background-repeat: no-repeat; background-position: center; deixe-me saber como funciona Edited March 29, 2020 by rechigo Link to comment Share on other sites More sharing options...
Moisés Oliveira 0 Posted April 1, 2020 Author Share Posted April 1, 2020 EU coloque no codigo css nao funcionou Link to comment Share on other sites More sharing options...
rechigo 293 Posted April 3, 2020 Share Posted April 3, 2020 (edited) EU coloque no codigo css nao funcionou Meu mal, eu esqueci totalmente os seletores de css no código tente isso: .flex-direction-column.scrollFrameY.flex-grow.emby-scroller.page.scrollY { background: url(FUNDO_URL); background-attachment: fixed; background-repeat: no-repeat; background-position: center; } @@Happy2Play This affects the user preferences as well. Besides modifying the .html file for the login page to add a loginPage ID, am I missing something, or is this the only way to change the background? @@Luke should really add back the loginPage ID... Edited April 3, 2020 by rechigo 2 Link to comment Share on other sites More sharing options...
Happy2Play 8318 Posted April 3, 2020 Share Posted April 3, 2020 Meu mal, eu esqueci totalmente os seletores de css no código tente isso: .flex-direction-column.scrollFrameY.flex-grow.emby-scroller.page.scrollY { background: url(FUNDO_URL); background-attachment: fixed; background-repeat: no-repeat; background-position: center; } @@Happy2Play This affects the user preferences as well. Besides modifying the .html file for the login page to add a loginPage ID, am I missing something, or is this the only way to change the background? @@Luke should really add back the loginPage ID... No since pagei ds have mostly been removed, I haven't found a way to specifically target these pages. Link to comment Share on other sites More sharing options...
Moisés Oliveira 0 Posted April 5, 2020 Author Share Posted April 5, 2020 Funcionou muito obrigado,, Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted April 25, 2020 Share Posted April 25, 2020 Meu mal, eu esqueci totalmente os seletores de css no código tente isso: .flex-direction-column.scrollFrameY.flex-grow.emby-scroller.page.scrollY { background: url(FUNDO_URL); background-attachment: fixed; background-repeat: no-repeat; background-position: center; } @@Happy2Play This affects the user preferences as well. Besides modifying the .html file for the login page to add a loginPage ID, am I missing something, or is this the only way to change the background? @@Luke should really add back the loginPage ID... Hi, I applied this code and it worked perfectly, however, only now I realized that the backgroud image is displayed on several pages of the emby, even on the film's details page. I would like to see the image only on the login screen and nowhere else. Thanks for the help. Link to comment Share on other sites More sharing options...
rechigo 293 Posted April 25, 2020 Share Posted April 25, 2020 (edited) Right now there is no way to target the login page specifically, so you will have to modify dashboard-ui and replace the code I mentioned above with this: #loginPage { background: url(https://wallpaperaccess.com/full/1919841.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } and in the following files: dashboard-ui\startup\manuallogin.html dashboard-ui\startup\forgotpassword.html dashboard-ui\startup\login.html The first line in those files will be this: <div is="emby-scroller" class="view flex flex-direction-column scrollFrameY flex-grow" data-mousewheel="true" data-horizontal="false" data-centerfocus="card"> replace that with this line containing id="loginPage" <div is="emby-scroller" id="loginPage" class="view flex flex-direction-column scrollFrameY flex-grow" data-mousewheel="true" data-horizontal="false" data-centerfocus="card"> this will make that code only apply to the forgot password, login, and manual login screens and no others If you have all of your users hidden you can skip login.html and only do manuallogin.html and forgotpassword.html since that page won't be viewed Edited April 25, 2020 by rechigo Link to comment Share on other sites More sharing options...
rechigo 293 Posted April 25, 2020 Share Posted April 25, 2020 (edited) Posting this so you don't miss it: Oops - don't use that code to cover the background, use this: #loginPage { background: url(https://wallpaperaccess.com/full/1919841.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } The one in the post above won't take up the full screen when zoomed out to a certain amount, this one does Edited April 25, 2020 by rechigo 2 Link to comment Share on other sites More sharing options...
CarlosLima 148 Posted April 25, 2020 Share Posted April 25, 2020 Posting this so you don't miss it: Oops - don't use that code to cover the background, use this: #loginPage { background: url(https://wallpaperaccess.com/full/1919841.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } The one in the post above won't take up the full screen when zoomed out to a certain amount, this one does It worked perfect. Thank you very much for this one. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now