Come nascondere un'intestazione con i CSS

September 28

Come nascondere un'intestazione con i CSS


fogli di stile CSS lo rendono facile da aggiornare documenti di più pagine Web da un file. Quindi, se il vostro sito ha bisogno di una revisione di design, un Tweak nel CSS può raggiungere questo obiettivo. Se si decide di rimuovere l'intestazione dal tuo sito, non sarà necessario per eliminarlo. Invece, alterando il codice CSS legata ad essa si nasconde dalla vista dei visitatori del tuo sito.

istruzione

1 Avviare il editor HTML. Utilizzare un editor di testo se l'uno HTML non è disponibile. TextEdit (Mac) o il Blocco note (PC) sono due che vengono pre-installato su sistemi operativi Apple o Windows.

2 Selezionare "File" e "Apri". Selezionare il file CSS legato alla pagina Web l'intestazione è ospitato.

3 Aggiungere il codice visibilità al CSS. Posizionare la seguente riga di codice nel documento: "#header_hidden {visibility: hidden;}" (senza virgolette). È possibile modificare "header_hidden" a qualsiasi testo che desideri.

4 Salvare il file CSS.

5 Aprire il documento HTML con l'intestazione presto a essere nascosto. Individuare il tag immagine associata alla testata. Aggiungere il seguente tag nel codice immagine: id = "hidden_header". Change "hidden_header" se è stato rinominato nel file CSS. Esempio: <img id = "hidden_header">

6 Salvare il documento HTML. Caricare i file HTML e CSS per il server Web. Anteprima per assicurarsi che l'intestazione nasconde correttamente.

Consigli e avvertenze

  • Se non si utilizzano un file CSS, aggiungere il seguente codice al corpo del documento HTML invece: <style> #hidden_header {visibility: hidden;} </ style>