Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal.
Estou com dificuldades em elaborar um header que o fundo dele (ou fundo da página, não sei ainda o que fazer) é variável. O header tem um padrão para a página inicial e para as demais páginas internas, ele tem outro.
Exemplo do header/fundo na página inicial:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/qbLVUdi.jpg&key=f7c492619309ed2b01d5b14c788faabb825c43a948a88b9959bf9d04b9bc2257" alt="qbLVUdi.jpg" />
Exemplo do header/fundo nas páginas internas:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/eOMyGhq.jpg&key=d575283b7d6a79dd45ec634ebbf038cd871df59ef2237ebc8010870284c7e9f3" alt="eOMyGhq.jpg" />
Como dá pra perceber, na home o header tem o fundo branco mais alto (fundo branco com a sombra), e logo abaixo já vem um banner rotativo. Nas páginas internas, esse header tem o fundo mais curto, bem próximo ao menu.
Como fazer essa gestão?
O site será responsivo, utilizo o Bootstrap.
Uma alternativa que pensei foi em verificar por jquery se o banner existe, então ele atribui uma classe específica ao <body>, dando um background para tal... e dai se não existir o banner, ele dá como página interna e adiciona uma outra classe ao <body>, dando um background diferente.
O que vocês me aconselham?
:wacko: :mellow:
>
Uma sugestão seria trabalhar com o "background-position", faz ele maior e defina no css uma posição para o header da home e outro classe para o header das internas.
Att.
Sim, provavelmente terei que fazer assim.
Também precisarei criar alguns breakpoints para ajustar ele em resoluções menores, já que será responsivo.
Valeu.
Para resolver meu problema utilizei o jQuery para gerenciar qual página está aberta e qual fundo mostrar... código simples e prático. Mas não tão prático como gostaria, por mim deixava um único fundo padrão kkkk.
Valeu.
Uma sugestão seria trabalhar com o "background-position", faz ele maior e defina no css uma posição para o header da home e outro classe para o header das internas.
Att.