body com imagens diferentes

  • AstesioJose
  • Avatar de AstesioJose Autor do Tópico
  • Offline
  • JCB! Colaborador
  • JCB! Colaborador
Mais
11 anos 8 meses atrás #77713 por AstesioJose
AstesioJose created the topic: body com imagens diferentes
Olá Pessoal geralmente sempre entro aqui quando tenho duvidas, mas hoje vou passar um código muito maneiro que eu estava precisando implementar no projeto de um cliente. e deu super certo. veja

Dentro do head
add o seguinte comando

<?php
$Itemid = JRequest::getVar('Itemid'); // Variavel recebendo o id como valor

switch ($Itemid) : // aqui conferimos o id recebido
case '102' : // Caso seja o id 102 lembrando aqui eu peguei o id do menu do joomla
$fundo = "sobre"; // Variavel fundo recebe o nome sobre.
break; // Para a instrução caso seja verdadeiro;
case '103' : // a logica a mesma de sima com id diferente
$fundo = "nosso"; // e importante usar o mesmo nome de variavel porem com valore s diferentes
break;
case '104' :
$fundo = "portifolio";
break;
case '105' :
$fundo = "contato";
break;
case '132' :
$fundo = "dicas";
break;
case '147' :
$fundo = "parceiro";
break;
default : // caso não seja nenhuma das opções vem para aqui
$fundo = "home";
break;
endswitch; // fim do laço
?>

Agora vamos dar um echo no body no meu caso eu fiz com clss

<body class="<?php echo $fundo; ?>"> // aqui ele vai mudar as classes de acordo com id carregado.

Agora no CSS

body.sobre { background: #000 url(../images/body1.jpg) top center no-repeat fixed; }
body.nosso { background: #000 url(../images/body2.jpg) top center no-repeat fixed; }
body.portifolio { background: #000 url(../images/body3.jpg) top center no-repeat fixed; }
body.contato { background: #000 url(../images/body4.jpg) top center no-repeat fixed; }
body.dicas { background: #000 url(../images/body5.jpg) top center no-repeat fixed; }
body.parceiro { background: #000 url(../images/body6.jpg) top center no-repeat fixed; }
body.home { background: #000 url(../images/body.jpg) top center no-repeat fixed; }

para cada body um classe diferente com imagens diferentes.

Se tiver alguma duvida em relação ao id de sua pagina pode debugar ela antes para ver qual di vc deve comparar, da seguinte forma

<?php
$Itemid = JRequest::getVar('Itemid');

echo $Itemid; // Vem antes da verificação;

switch ($Itemid) :

Ate mais pessoal espero ter ajudado alguém.

Please Entrar ou Registrar to join the conversation.