Jump to content


Photo

Custom CSS with Emby Web App


  • Please log in to reply
338 replies to this topic

#321 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16076 posts
  • Local time: 06:07 PM
  • LocationWashington State

Posted 07 December 2018 - 06:25 PM

Hi,
Now I have a new idea for the login screen.

Is it possible to use CSS to have rotating images on the login screen ? 

 imagine 5 images alternating with the effect next to this page:

 

https://cominca-stays.com/

 

Pretty sure only a script can rotate images.



#322 Luke OFFLINE  

Luke

    System Architect

  • Administrators
  • 139851 posts
  • Local time: 09:07 PM

Posted 07 December 2018 - 06:29 PM

A css transform can rotate content.



#323 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16076 posts
  • Local time: 06:07 PM
  • LocationWashington State

Posted 07 December 2018 - 07:26 PM

A css transform can rotate content.

 

As I understand transform just manipulates a single image/content.  Item Background image urls are rotated in a script, correct?  (Looks the the backdrop.js)



#324 Luke OFFLINE  

Luke

    System Architect

  • Administrators
  • 139851 posts
  • Local time: 09:07 PM

Posted 07 December 2018 - 07:27 PM

Correct, you'd have to rotate the whole element that has the background applied.



#325 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

  • Members
  • 478 posts
  • Local time: 11:07 PM
  • LocationSao Paulo

Posted 18 April 2019 - 11:04 PM

Hello everyone,
I've updated the emby server now and this CSS code no longer works.
Whichever number I use, the images remain the same size.
Can anyone help with this?
Thank you

 

/* CSS#6 - My Media Image Size */
#homeTab .smallBackdropCard {
    width: 9.09;}



#326 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16076 posts
  • Local time: 06:07 PM
  • LocationWashington State

Posted 18 April 2019 - 11:31 PM

Hello everyone,
I've updated the emby server now and this CSS code no longer works.
Whichever number I use, the images remain the same size.
Can anyone help with this?
Thank you

 

/* CSS#6 - My Media Image Size */
#homeTab .smallBackdropCard {
    width: 9.09;}

 

Here is what I use.  Looks like code is incomplete, what value is "9.09"?

/* My Media Image Size */
#homeTab .section0 .smallBackdropCard {
    width: 14%;}

Section is dependent of My Media being in section 1 on Home Screen settings.


  • CarlosLima likes this

#327 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

  • Members
  • 478 posts
  • Local time: 11:07 PM
  • LocationSao Paulo

Posted 18 April 2019 - 11:58 PM

Hi, thank you very much for your response.
In fact my code was incomplete, but when I applied your code, the result was not changed.
I want to have only one line for the 12 menus and this is the reason I need to reduce the size of the images.

5cb94778c0dd0_Screenshot.png



#328 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 16076 posts
  • Local time: 06:07 PM
  • LocationWashington State

Posted 19 April 2019 - 10:49 AM

I have no issue reducing the percentage and it reducing the image size.

 

5cb9dfdccb3e7_mymedia.jpg


  • Twisto likes this

#329 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

  • Members
  • 478 posts
  • Local time: 11:07 PM
  • LocationSao Paulo

Posted 20 April 2019 - 12:49 PM

Hi, I found the probe and solved it.
I also use a portable emby server and it was just in it that the reported problems occurred and only now I got to understand that.
I am leaving to use the portable version and will only use the normal installation.
Thank you for all your efforts.



#330 VaporTrail OFFLINE  

VaporTrail

    Advanced Member

  • Members
  • 276 posts
  • Local time: 10:07 PM
  • LocationGo Leafs!

Posted 21 April 2019 - 12:56 AM

Hey gang,

 

I messed around with Emby 4.1.0.26 browser CSS today and came up with a Blackout theme. It uses Emby's standard green as the highlight color. Anyone willing to test it out in a clean stylesheet?

 

There's areas I didn't style because those settings aren't visible to a vanilla install like advanced DLNA profile settings.

 

I haven't browsed this thread, but looks like some very cool mods in the few images I'd seen! Will have to continue messing with it!

 

Please share your constructive criticism. File is attached!  :)

 

Attached File  Emby 4.1 Blackout Theme - v2.css   6.21KB   67 downloads

 

Edit for clarity: I'm using Theme: Dark; Server Dashboard Theme: Light. 


Edited by VaporTrail, 21 April 2019 - 03:52 AM.

  • DirtyDuoNYC likes this

#331 STLK OFFLINE  

STLK

    Newbie

  • Members
  • 7 posts
  • Local time: 12:07 AM

Posted 01 May 2019 - 12:09 AM

Coloco esses codigos e no meu emby nao muda nada,



#332 STLK OFFLINE  

STLK

    Newbie

  • Members
  • 7 posts
  • Local time: 12:07 AM

Posted 01 May 2019 - 12:22 AM

comigo nao funcionou

Hi,
Your CSS code worked perfectly, excluding the text and the three points.

That's what I intended, to have the cleanest screen.

Thank you so much for this.



#333 STLK OFFLINE  

STLK

    Newbie

  • Members
  • 7 posts
  • Local time: 12:07 AM

Posted 01 May 2019 - 12:24 AM

 

Using CSS, this is my current login screen.
 
I think it's interesting to see the customizations made by users.
 
599373bb9a957_Capturar.jpg

 

 

 

Muito bacana sua  tela de login



#334 STLK OFFLINE  

STLK

    Newbie

  • Members
  • 7 posts
  • Local time: 12:07 AM

Posted 01 May 2019 - 12:36 AM

Alguem sabe dizer se a imagem de fundo nas bibliotecas poderiam ficar direto para quando o cliente entrar no app ja estar la e ele nao precisar colocar.

outra pergunta, tem como integrar uma pagina php ao emby onde o cliente entre e fa├ža um cadastro antes de acessar. a pagina teria ja sou cliente e cadastre-se se tiver como fazer isso poderim passar como. grato


  • Rafick likes this

#335 dcsalg OFFLINE  

dcsalg

    Newbie

  • Members
  • 1 posts
  • Local time: 11:07 PM

Posted 05 November 2019 - 03:39 PM

Thank you,worked like a charm as always.

Sent from my Rooted Z987 on the Deathstar via Tapatalk

 

div.verticalSection.detailVerticalSection.audioVideoMediaInfo {display: none}


Edited by dcsalg, 05 November 2019 - 03:46 PM.


#336 Floflobel OFFLINE  

Floflobel

    Advanced Member

  • Members
  • 199 posts
  • Local time: 03:07 AM

Posted 05 November 2019 - 06:52 PM

Hi, thank you very much for your response.
In fact my code was incomplete, but when I applied your code, the result was not changed.
I want to have only one line for the 12 menus and this is the reason I need to reduce the size of the images.
5cb94778c0dd0_Screenshot.png


Hey,
What is the purpose of this text at the top: "Commandes Plans Support" ? These are links?

Edited by Floflobel, 05 November 2019 - 06:52 PM.


#337 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

  • Members
  • 478 posts
  • Local time: 11:07 PM
  • LocationSao Paulo

Posted 05 November 2019 - 08:58 PM

links

#338 Floflobel OFFLINE  

Floflobel

    Advanced Member

  • Members
  • 199 posts
  • Local time: 03:07 AM

Posted 06 November 2019 - 03:52 AM

How did you create his links on Emby? I have been trying to do it for quite some time.

Edited by Floflobel, 06 November 2019 - 05:06 PM.


#339 CarlosLima OFFLINE  

CarlosLima

    Advanced Member

  • Members
  • 478 posts
  • Local time: 11:07 PM
  • LocationSao Paulo

Posted 07 November 2019 - 01:58 PM

How did you create his links on Emby? I have been trying to do it for quite some time.

 

Hi, this needs to be done in html


  • Floflobel likes this




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users