Jump to content

Fundo Pagina Login


Moisés Oliveira

Recommended Posts

rechigo
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 by rechigo
Link to comment
Share on other sites

rechigo

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 by rechigo
  • Like 2
Link to comment
Share on other sites

Happy2Play

 

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

  • 3 weeks later...
CarlosLima

 

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

rechigo

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 by rechigo
Link to comment
Share on other sites

rechigo

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 by rechigo
  • Like 2
Link to comment
Share on other sites

CarlosLima

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...