Remover Menu, Cabeçalho e Rodapé da Home Page

[KELLIMA 0]

Olá pessoal,

 

Preciso da ajuda dos senhores. É o seguinte: estou construindo um site ilhasexy.sitepx.com.

 

No painel do sistema da Site Px não tem a opção de remover o menu, cabeçalho e rodapé de uma única página, mas o suporte me orientou dizendo que eu posso criar uma regra CSS para remover o menu, o cabeçalho e o rodapé somente da home, visto que eu preciso que a home fique limpa, sem menu, sem cabeçalho e sem rodapé, uma página limpa só para colocar uma figura e um texto.

 

 

Por favor, quem pode me passar um código com regra CSS que possa ser usado para remover o cabeçalho, o menu e o rodapé somente da home, sem que sejam removidos das demais páginas?

 

Aguardo resposta,

 

Grato!

[reebr 94]

.cabecalho, .menu, .rodape {
    display: none;
}

?

[KELLIMA 0]

rnxn, Obrigado! Mas, me diga, assim, acabará sumindo o cabeçalho, o menu e o rodapé de todas as páginas. Preciso de um regra que especifique a home page.

 

Obrigado!

[Ronaldo Bueno 23]

Duplique o estilo do cabeçalho, troque o nome, coloca o que amigo disse acima e na pagina home como referencia a esse novo nome.

[reebr 94]

Crie uma classe responsável para "sumir" com o bloco e aplique ela onde você quer. Exemplo, tendo o HTML:

<header class = 'site-header'></header>
<section class = 'site-content'></section>
<footer class = 'site-footer'></footer>

E O CSS:

.mainpage {
    display: none !important;
}

Basta ir na página que você quer alterar e usar a classe

<header class = 'site-header mainpage'></header>
<section class = 'site-content'></section>
<footer class = 'site-footer mainpage'></footer>

http://jsfiddle.net/rnxn/KLbjk/

Tire a classe 'mainpage' e os elementos serão exibidos.