Come Fare Un Tappo Di Gomma

Sommario:

Come Fare Un Tappo Di Gomma
Come Fare Un Tappo Di Gomma

Video: Come Fare Un Tappo Di Gomma

Video: Come Fare Un Tappo Di Gomma
Video: Realizzare piedini in gomma antivibranti e antigraffio FAI DA TE 2024, Maggio
Anonim

La parte superiore del sito, chiamata anche intestazione, riflette solitamente l'oggetto della risorsa e può contenere una barra di navigazione. Se l'intestazione del sito ha una certa larghezza, sugli schermi degli utenti con risoluzioni diverse, questa parte del sito avrà un aspetto diverso. Affinché l'intestazione del sito abbia lo stesso aspetto su qualsiasi schermo, è necessario allungare o rimpicciolire alcune delle sue sezioni a seconda delle dimensioni dello schermo. Tale cappuccio di gomma può essere realizzato senza fissarne la larghezza in pixel.

Come fare un tappo di gomma
Come fare un tappo di gomma

Necessario

avere il tuo sito web

Istruzioni

Passo 1

Per creare un cappuccio di gomma, prima disegnalo in Photoshop. Quindi separare 3 parti dell'immagine: 2 lati e il centro. Questi pezzi dovrebbero essere larghi circa 10-20 pixel e circa l'altezza dell'intestazione desiderata. Salva ogni elemento in modo da avere 3 file diversi: 1.gif, 2.gif, 3.gif. Invia queste immagini al sito.

Passo 2

Quindi, crea una tabella che conterrà gli elementi nella parte superiore del sito. Per fare ciò, scrivi nel codice HTML:

Una tabella con una larghezza del 100% si allungherà o si ridurrà a seconda delle dimensioni dello schermo dell'utente.

Passaggio 3

Traccia una linea nella tabella, nella cui cella posiziona il lato sinistro dell'intestazione del sito 1.gif:

Passaggio 4

Crea una sezione centrale dell'intestazione del sito costituita da un'immagine 2

.header {immagine di sfondo: url ('immagini / 2.gif');}

Passaggio 5

Ora, in una riga della tabella, crea un'altra cella e inserisci l'elemento centrale della parte superiore del sito, puntando all'intestazione del suo nome nel codice CSS:

Nome del sito

>

Passaggio 6

Dopo aver creato la terza cella nella riga della tabella, posiziona il lato destro dell'intestazione del sito 3

Nome del sito

Consigliato: