Jump to content

Transparent Menu Bar and Round Cast


igeoorge
Go to solution Solved by Happy2Play,

Recommended Posts

igeoorge

tradutor Transparent Menu Bar and Round Cast

Hi
 
I used this code to make the bar transparent, but it doesn't work anymore. Can someone help me?

 

div.skinHeader  {background-color: transparent; }
div.skinHeader-withBackground {background: transparent; }

 

Sem_t%C3%ADtulo.png?1564698148

 

 

 

If possible, could someone help me to leave the "CAST" part of this mode:

 

 

aa.png?1564698347

Link to comment
Share on other sites

Happy2Play

SkinHeaders

div.skinHeader.skinHeader-withBackground {background: transparent !important; }

 What code to you have for cast and crew?

Link to comment
Share on other sites

igeoorge

cast and crew:

 

#castContent .card.portraitCard.personCard.card-hoverable.card-nofocustransform.card-withuserdata {
   width: 3.7cm;
   font-size: 80% !important;
}
#castContent .card.portraitCard.personCard.card-nofocustransform.card-withuserdata {
   width: 3.7cm;
   font-size: 80% !important;
}
#castContent .card.overflowPortraitCard.personCard.card-nofocustransform.card-withuserdata {
   width: 3.7cm;
   font-size: 80% !important;
}
#castContent .cardContent-button.cardImageContainer.coveredImage.cardContent.cardContent-shadow.itemAction.lazy {
   background-size: cover !important;
   border-radius: 1.7cm;
}
#castContent .cardScalable {
   width: 3.1cm !important;
   height: 3.1cm !important;
   border-radius: 1.7cm;
}
#castContent .cardOverlayContainer.itemAction {
   border-radius: 1.7cm;
}
#castContent .cardOverlayButton-br {
   bottom: 4%;
   right: 15%;
   width: 70%;
}
#castContent .cardOverlayButton.cardOverlayButton-hover.itemAction.paper-icon-button-light {
   width: 50%;
   vertical-align: middle;
}
#castContent .cardOverlayButton.cardOverlayButton-hover.itemAction.emby-button {
   width: 50%;
   vertical-align: middle;
}
Link to comment
Share on other sites

igeoorge

Could you help me with this code?

 

One makes me put a cover on top and another makes me change the logo.

 

But one is barring the other.

 

How to solve?

 


 

/* ---- Logo r----*/

.pageTitleWithLogo { background-image: url(exemple) !important; 

  height: 59px !Important;

  width: 200px !Important; 

}

{ pageTitleWithDefautLogo { height: 53px !important; }

 

 

#homeTab:before {

    content: '';: '';

    background: url(exemple) no-repeat center;: url(exemple) no-repeat center;

    height: 20em;: 100em;

    display: block;: block;

    background-size: cover;-size: cover;

}}

Link to comment
Share on other sites

Happy2Play

 

cast and crew:

 

#castContent .card.portraitCard.personCard.card-hoverable.card-nofocustransform.card-withuserdata {
   width: 3.7cm;
   font-size: 80% !important;
}
#castContent .card.portraitCard.personCard.card-nofocustransform.card-withuserdata {
   width: 3.7cm;
   font-size: 80% !important;
}
#castContent .card.overflowPortraitCard.personCard.card-nofocustransform.card-withuserdata {
   width: 3.7cm;
   font-size: 80% !important;
}
#castContent .cardContent-button.cardImageContainer.coveredImage.cardContent.cardContent-shadow.itemAction.lazy {
   background-size: cover !important;
   border-radius: 1.7cm;
}
#castContent .cardScalable {
   width: 3.1cm !important;
   height: 3.1cm !important;
   border-radius: 1.7cm;
}
#castContent .cardOverlayContainer.itemAction {
   border-radius: 1.7cm;
}
#castContent .cardOverlayButton-br {
   bottom: 4%;
   right: 15%;
   width: 70%;
}
#castContent .cardOverlayButton.cardOverlayButton-hover.itemAction.paper-icon-button-light {
   width: 50%;
   vertical-align: middle;
}
#castContent .cardOverlayButton.cardOverlayButton-hover.itemAction.emby-button {
   width: 50%;
   vertical-align: middle;
}

 

 

Okay all I did was add "overflow: hidden" to cardScalable section to make the round instead of square.

#castContent .cardScalable {
   width: 3.1cm !important;
   height: 3.1cm !important;
   border-radius: 1.7cm;
   overflow: hidden;
}
  • Like 1
Link to comment
Share on other sites

Happy2Play

 

Could you help me with this code?
 
One makes me put a cover on top and another makes me change the logo.
 
But one is barring the other.
 
How to solve?
 
 
/* ---- Logo r----*/
.pageTitleWithLogo { background-image: url(exemple) !important; 
  height: 59px !Important;
  width: 200px !Important; 
}
{ pageTitleWithDefautLogo { height: 53px !important; }
 
 
#homeTab:before {
    content: '';: '';
    background: url(exemple) no-repeat center;: url(exemple) no-repeat center;
    height: 20em;: 100em;
    display: block;: block;
    background-size: cover;-size: cover;
}}

 

 

Don't quite understand what you are trying to do.

Link to comment
Share on other sites

igeoorge

Sorry, I'll explain further:

 

 

Use this code to print my custom logo:
 
.pageTitleWithLogo {background-image: url (exemplo)! importante; 
  altura: 59 px Importante!
  largura: 200 px! Importante; 
}
{pageTitleWithDefautLogo {height: 53px! important; }
 
 
I use this code to add an image on top of movies and series:
 
#homeTab: before {
    conteúdo: '';: '';
    fundo: url (exemplo) no-repeat center ;: url (exemplo) no-repeat center;
    altura: 20em ;: 100em;
    display: bloco ;: bloco;
    background-size: cover; -size: capa;
}}
 
 
But today, unfortunately I can't have both. One code is denying the other.
 
If I put the LOGO code first, the IMAGE ON TOP code does not work.
 
Today, I can't use both together.
 
Can you help me?
Link to comment
Share on other sites

Happy2Play

Sorry, I'll explain further:

 

 

Use this code to print my custom logo:

 

.pageTitleWithLogo {background-image: url (exemplo)! importante

  altura: 59 px Importante!

  largura: 200 px! Importante

}

{pageTitleWithDefautLogo {height: 53px! important; }

 

 

I use this code to add an image on top of movies and series:

 

#homeTab: before {

    conteúdo: '';: '';

    fundo: url (exemplo) no-repeat center ;: url (exemplo) no-repeat center;

    altura: 20em ;: 100em;

    display: bloco ;: bloco;

    background-size: cover; -size: capa;

}}

 

 

 

But today, unfortunately I can't have both. One code is denying the other.

 

If I put the LOGO code first, the IMAGE ON TOP code does not work.

 

Today, I can't use both together.

 

Can you help me?

 

I don't really understand all the formatting in the #homeTab:before section, but the logo sections is broken with the { instead of a period.

 

Are you applying two images in #homeTab:before?

 

Not sure if you are typing the code or copy and pasting it but there are several issue.

Edited by Happy2Play
Link to comment
Share on other sites

Happy2Play

Is there another code in which you can have both images as before?

 

They are two different areas so sure.  I just don't truly understand what exactly you want..

 

Aquired url from another topic.

5d439bc93794c_test.jpg

Link to comment
Share on other sites

igeoorge
This code adds the image of Shazam

 

 

#homeTab:before {

    content: '';: '';

    background: url(exemple) no-repeat center;: url(exemple) no-repeat center;

    height: 20em;: 100em;

    display: block;: block;

    background-size: cover;-size: cover;

}}

 

 

Sem_t%C3%ADtulo.png?1564713041

 

 

 

This other code, changes the logo:

 

.pageTitleWithLogo { background-image: url(exemple) !important; 

  height: 59px !Important;

  width: 200px !Important; 

 

 

My problem is, I can't get both of them working. Is there a way to get both of them working?
Link to comment
Share on other sites

Happy2Play

 

This code adds the image of Shazam
 
 
#homeTab:before {
    content: '';: '';
    background: url(exemple) no-repeat center;: url(exemple) no-repeat center;
    height: 20em;: 100em;
    display: block;: block;
    background-size: cover;-size: cover;
}}
 
 
Sem_t%C3%ADtulo.png?1564713041
 
 
 
This other code, changes the logo:
 
.pageTitleWithLogo { background-image: url(exemple) !important; 
  height: 59px !Important;
  width: 200px !Important; 
 
 
My problem is, I can't get both of them working. Is there a way to get both of them working?

 

 

Any reason for all the extra code in red?

 

But you basically want what I posted above, right?

Link to comment
Share on other sites

igeoorge

Sorry if I'm being boring. Unfortunately I did not understand either.

 

This image best illustrates the problem.
 
When placing the shazam image the logo does not load.
 
It is as if one code is disturbing the other.
 
I can't put the shazam code and the shazam code at the same time.
 
I can only put one or the other, it is not possible to put both.
 
Is there anything in the code that is causing this problem?
 
I wish I could put the SHAZAM image and the LOGO I use. It's possible?
 
Thanks for your help.

 

 

 

sa.png?1564714331

Link to comment
Share on other sites

Happy2Play

Sorry if I'm being boring. Unfortunately I did not understand either.

 

This image best illustrates the problem.
 
When placing the shazam image the logo does not load.
 
It is as if one code is disturbing the other.
 
I can't put the shazam code and the shazam code at the same time.
 
I can only put one or the other, it is not possible to put both.
 
Is there anything in the code that is causing this problem?
 
I wish I could put the SHAZAM image and the LOGO I use. It's possible?
 
Thanks for your help.

 

 

 

sa.png?1564714331

 

Similar to what I did in post 10 correct?  Logo and image on #hometab:before

Link to comment
Share on other sites

  • Solution
Happy2Play

Image from another topic by @@gleep52

5d43a8767ec6a_test.jpg
 

/* ---- Logo r----*/
.pageTitleWithLogo { background-image: url(http://i.imgur.com/FcNRQp4.png) !important; 
  height: 59px !Important;
  width: 200px !Important; 
}
.pageTitleWithDefautLogo { height: 53px !important; }
 
 
#homeTab:before {
    content: '';
    background: url(http://i.imgur.com/FcNRQp4.png) center;
    height: 20em;
    background-size: 50%;
    display: block;
    background-repeat: no-repeat;
}

  • Like 1
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...